/* Levolor CSS */
.levolor h2 {width:205px; height:38px; margin-top:6px; padding-bottom:8px; text-indent:-9999px; color:#000; background:transparent url(/wcsstore/HomeDepotCanada/images/HDBuyingGuides/Levolor/logo.gif) no-repeat;}
.levolor h3 {text-transform:uppercase; border-bottom:1px solid #cccccc; margin:18px 0 20px; padding:0 0 10px; color:#000;}
.levolor a {color:#f58220; text-decoration:underline;}
.levolor a:focus {outline:none;}
.levolor sup { font-size:0.8em; }

.levolor .intro { width: 698px; height: 247px; background: transparent url(/wcsstore/HomeDepotCanada/images/HDBuyingGuides/Levolor/intro-bg.jpg) no-repeat; border: 1px solid #ccc; margin: 8px 0 0; }
.levolor .intro h3 { width: 270px; margin: 15px 0 12px 20px; }
.levolor .intro p { width: 270px; margin: 0 0 0 20px; line-height: 18px; }
.levolor .section { overflow: hidden: clear: both; float: left; width: 700px; }
.levolor .section img {float:left; margin-right:14px; padding:0;}
.levolor .section p { margin: 12px 0; }
.levolor .shop-container {float:left; width:698px; margin:0; padding:30px 0 0 0;}
.levolor .shop-container p {padding-bottom:20px;}

.levolor table.product-compare {float:left; width:698px; margin-bottom:40px; padding:0; border:1px solid #CCC;}
.levolor table.product-compare thead {background-color:#efefef;}
.levolor table.product-compare thead th {margin:0; padding:10px; font-weight:bold; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
.levolor table.product-compare tbody tr {margin:0; padding:0; border-right:1px solid #CCC;}
.levolor table.product-compare tbody td.title {font-weight:bold;}
.levolor table.product-compare tbody td {margin:0; padding:10px; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
.levolor table.product-compare tbody td.bullet {text-align:center;}

/* Gallery */
.levolor .gallery {  }
.levolor .gallery p { margin: 12px 9px; }
.levolor .gallery .image-gallery { background-color: #f7f7f7; margin: 0; margin-top: 20px; position: relative; width: 698px; overflow: hidden; display: inline; float: left; border: 1px solid #ccc; padding-bottom:10px; }
.levolor .gallery .border-top { width: 571px; height: 4px; background: transparent url(/wcsstore/HomeDepotCanada/images/HDBuyingGuides/martha-stewart-living/border-top-width-571.png) no-repeat 0 0; margin: 0 9px !important; margin: 0 9px -12px; }
.levolor .viewing-pane { width: 533px; display: inline; float: left; margin: 10px 0 0 10px; position:relative; height:425px; overflow:hidden;}
.levolor .viewing-pane img { border: 1px solid #ddd; }
.levolor .viewing-pane .annotation { background-color: #000; color: #fff;
	/* create cross-browser transparency */
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.8 opacity */
	background: rgba(0, 0, 0, 0.8);
	/* Set background: transparent for IE to enable the filters below*/
	background: transparent\9;
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000; endColorstr=#cc000000);
	
	line-height: 1.4em; margin: 0; position:absolute; bottom:-1px; left: 1px; background-color:#000; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;  color:#fff; padding:10px; width:512px !important; }

.scroller { position: relative; width: 127px; height: 420px; overflow: hidden; display: inline; float: right; margin: 12px 12px 0 0; }
.scroller .button { position: absolute; width: 130px; height: 18px; background-color: #f7f7f7; display: block; z-index: 1; }
.scroller .button span { background-color:#f7f7f7;  }
.scroller .button.disabled { cursor: default; }
.scroller .scroll-up { left: 0; top: 0; }
.scroller .scroll-down { left: 0; bottom: -1px; }
.scroller .button .arrow { margin: 2px 33px; width: 49px; height: 16px; display: inline; }
.scroller .scroll-up .arrow { background: transparent url(/wcsstore/HomeDepotCanada/images/global/rotate-arrow.gif) no-repeat -73px -15px; }
.scroller .scroll-up .arrow.disabled { background: transparent url(/wcsstore/HomeDepotCanada/images/global/rotate-arrow.gif) no-repeat -73px -47px; }
.scroller .scroll-down .arrow { background: transparent url(/wcsstore/HomeDepotCanada/images/global/rotate-arrow.gif) no-repeat -73px 0; }
.scroller .scroll-down .arrow.disabled  { background: transparent url(/wcsstore/HomeDepotCanada/images/global/rotate-arrow.gif) no-repeat -73px -31px; }
.scroller .scroll-content { width: 130px; /*height: 324px;*/ overflow: hidden; position: absolute; left: 4px; margin-top: 18px; }
.scroller .scroll-content .thumbnail { cursor: pointer; margin: 5px 0; float: left; padding: 4px; position: relative; height:77px; width:111px;}
.scroller .scroll-content .thumbnail.selected { border: 1px solid #ccc; background-color:#fff; }
.scroller .scroll-content .thumbnail .cover { background-color: #fff; opacity: 0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; width: 111px; height: 77px; position: absolute; left: 4px; top: 4px; display: block; }

/*IE6 hacks*/
.bg-left-nav {_padding:20px 32px;}
.levolor {_margin-left:16px; }