/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow { display: none; position: absolute; top: 5%; left: 50%; margin-left: -300px; width: 632px; }

/* body.my-ideas #LeModalWin { margin-left: -200px; } */

.jqmOverlay { background-color: #e7e3cc; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) 

moved to the IE Style sheet

*/


/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead 
		 
moved to the ie style sheet
*/



/* CODE applied styles */

div.loader div { background: transparent url(../Images/UserControls/Overlay/OverlayBg.png) left bottom no-repeat; height: 540px; }
div.loader div img { position: absolute; top: 150px; left: 260px; }

body.inspiration #LeModalWin div#ImageDetails { background: transparent url(../Images/UserControls/Overlay/OverlayBg.png) left bottom no-repeat; padding: 10px; }

#LeModalWin h1, div.loader h1 { width: 632px; height: 5px; padding-bottom: 5px; display: block; background: transparent url(../Images/UserControls/Overlay/OverlayBg.png) right top no-repeat; }

body.my-ideas #LeModalWin div#ImageDetails { background: transparent url(../Images/UserControls/Overlay/OverlayBg.png) left bottom no-repeat; padding: 10px; }
body.my-ideas #LeModalWin div#ImageDetails div.loader div { background: transparent url(../Images/UserControls/Overlay/OverlayBg.png) left bottom no-repeat; height: 540px; }
body.my-ideas #LeModalWin div#ImageDetails div.loader div img { position: absolute; top: 150px; left: 260px; }


body.my-ideas #LeModalWin div.loader div { height: 300px; }
body.my-ideas #LeModalWin div.loader h1 { width: 386px; }

#LeModalWin div#ImageDetails a.modal-close { position: absolute; right: 10px; top: 10px; }
#LeModalWin div#ImageDetails a.modal-previous { position: absolute; left: 10px; top: 230px; }
#LeModalWin div#ImageDetails a.modal-next { position: absolute; right: 10px; top: 230px; }
#LeModalWin div#ImageDetailsImage { text-align: center; }
#LeModalWin div#ImageDetailsImage div.save { margin: 10px 0 20px 0; } 

#LeModalWin h3 { font-size: 0.92em; color: #786363; margin: 0 0 10px 0; padding: 0; }

#LeModalWin div.sv-elarge { float: left; }
#LeModalWin ul#ImageFeatures { overflow: hidden; margin: 0 0 10px 10px; }
#LeModalWin li#ImageDetailsFeaturedColour { width: 235px; margin-bottom: 18px; overflow: hidden; float: left; }
#LeModalWin li#ImageDetailsFeaturedColour div.i-opt { clear: none; float: left; }
#LeModalWin li#ImageDetailsFeaturedColour div.i-opt ul { margin-left: 5px; }
#LeModalWin li#ImageDetailsFeaturedScheme { width: 350px; overflow: hidden; float: left; padding-left: 10px; background: transparent url(../Images/UserControls/Overlay/OverlayControls.png) 0 -124px no-repeat;}
#LeModalWin li#ImageDetailsFeaturedScheme div.i-opt { clear: none; float: left; }
#LeModalWin li#ImageDetailsFeaturedScheme div.i-opt ul { margin-left: 3px; }

#LeModalWin li#ImageDetailsFeaturedScheme div.i-opt { margin-top: 25px; }
#LeModalWin div.i-opt ul li a { width: 95px; height: 16px; display: block; background: none; margin: 0; padding: 0; }
#LeModalWin div.i-opt ul li a span { width: 95px; height: 16px; margin: 0; padding: 0; }