/*
	Copyright Code Computerlove Ltd 2007-2009
	Build: 1.0.0.184
	Date: 11/12/2009 15:09:04
*/

 /* Version: 2008-07-09 */
#colourRange .column-left {float:left;width:245px;}
#colourRange .column-right {float:left;}
#colourRange .plinth { background: #d7eaf8; float:left; margin-bottom: 7px; margin-right: 7px; width: 100px; }
#colourRange .plinth .header { background: #d7eaf8 url(/images/global/arrow-double-blue.gif) no-repeat 3px 50%; border-bottom: 1px solid #fff; padding: 2px 2px 2px 15px; font-weight: bold; }
#colourRange .plinth .swatch { height: 74px; }
#colourRange .plinth .swatch .swatchPopup { background: url(/images/products/swatch_popup.gif) no-repeat left top; cursor: pointer; left: -9999em; margin: 0; padding: 2px 0 0 0; position: absolute; top: -17px; width: 60px; }
#colourRange .plinth .swatch .swatchPopup ul { background-color: #FFF; border-bottom: 1px solid #004370; float: left; list-style: none; margin: 0 0 0 1px; padding: 3px 5px 3px 3px; width: 46px; }
#colourRange .plinth .swatch .swatchPopup ul li { height: 20px; float: left; margin: 0 0 3px 1px; padding: 0; width: 20px; border: solid 1px #d7eaf8}
#colourRange .plinth .swatch .swatchPopup ul li img { vertical-align: bottom; }

#fabricSearch h2 { margin-bottom: 10px; }
#fabricSearch label { margin-right: 10px; }

#fabricRange .plinth { background: #d7eaf8; float: left; margin-bottom: 10px; margin-right: 10px; width: 100px; }
#fabricRange .plinth .image { border-bottom: 1px solid #fff; height: 85px; overflow: hidden; position: relative; }
#fabricRange .plinth .image p { position: absolute; left: 0; top: 0; width: 43px; height: 36px; font-size: 12px; line-height: 12px; color: #ffffff; padding: 2px 0 0 4px; background: transparent url(/images/products/blue_price_overlay_circle.gif) no-repeat; }
#fabricRange .plinth .image p em { font-style: normal; font-weight: bold; font-size: 11px; display: block; }

#fabricRange .plinth .content { height: auto; }
#fabricRange .plinth .column-in { padding: 5px; }

#searchPaging { margin: 0 5px; height:20px; }
#searchPaging .column-left { float: left; width: 160px; }
#searchPaging .column-center{ float: left; width: 177px; text-align:center;}
#searchPaging .column-right { float: right; width: 160px; text-align: right; }
#searchPaging a:hover { color: #3398db; }

#specification .rowHeader { background: #d6eaf8; padding: 3px 10px 6px 10px; height: 1%; }
#specification .rowHeader  h2 { margin: 5px 0 0; position: relative; }
#specification .rowHeader  h2 span { position: absolute; left: 440px; font-size: 0.8em; width: 150px; }
#specification  h2 {font-size:130%; clear: both; padding-right: 30px; display: block; height:20px; }
#specification .rowPrevAndConv { background:#d6eaf8; margin-top:10px; padding:10px;}
#specification .rowPrevAndConv .columnLeft { float:left; background: #c6ddee; padding: 10px; }
#specification .rowPrevAndConv .columnLeft .availableIn {margin-top:10px;width:200px}
#specification .rowPrevAndConv .columnRight {float:left;background:#c6ddee;width:325px;margin-left:10px;}
#specification .rowPrevAndConv .convertor {padding:10px;border-bottom: 10px solid #d6eaf8;}
#specification .rowPrevAndConv .convertor .formTwoColumn { width: 80px; text-align: right; margin-bottom: 10px; padding:0; } 
#specification .rowPrevAndConv .convertor .formTwoColumn input, .formTwoColumn select { left: 100%; top:0; margin-left: 10px ;width: 100px; } 
.formTwoColumn select { width: 125px; }
#specification .rowPrevAndConv .convertor .formColumnLeft { float:left; width:80px; text-align: right; margin-right: 10px;}
#specification .rowPrevAndConv .convertor .formColumnRight { float:left; margin-bottom: 3px; }
#specification .rowPrevAndConv .convertor .formColumnRight span.shape { margin-top:10px; float:left; }
#specification .rowPrevAndConv .convertor .button { margin-left: 90px;}
#specification .rowPrevAndConv .links { padding: 10px; }

#specification .rowPrevAndConv .columnLeftWrap { float: left; }
#specification .rowPrevAndConv .columnLeftWrap .links { background: #C6DDEE; border-top: 10px solid #D6EAF8; clear: both; float: left; padding: 0; width: 227px; }
#specification .rowPrevAndConv .columnLeftWrap .links p { padding: 0 10px; }

#specification .rowDetails { background: #d6eaf8; margin-top: 10px; padding: 10px; height: 1%; }
#specification .rowDetails .columnLeft { float:left; width: 270px; margin-top: 10px; }
#specification .rowDetails .columnRight { float:right; width: 285px; margin-top: 10px; }
#specification .rowPrevAndConv .convertor span.offer { color:Red; font-weight: bold; font-size: 130%; }
#specification .rowPrevAndConv .convertor #offerprices span.offer { color:Red; font-weight: normal; font-size:100%; }
#specification .rowPrevAndConv .convertor span.cross strong, #specification .rowPrevAndConv .convertor span.cross { text-decoration:line-through;}
#specification .rowPrevAndConv .convertor table tr td.offer { color:Red; font-weight: bold;  }
#specification .rowPrevAndConv .convertor table tr th { vertical-align:bottom; }
#specification .rowPrevAndConv .convertor table tr td.cross {text-decoration:line-through;}

#compareList .rowMeasurements { background: #d6eaf8; padding: 10px; height: 1%; }
#compareList .rowMeasurements .addAnotherblind { text-align:right; margin-bottom:10px; }
#compareList .rowMeasurements .form { padding:10px; background: #c6ddee; height:1%; }
#compareList .rowMeasurements .form label { margin-right: 10px; }
#compareList .rowMeasurements .form p { margin-bottom: 10px; }
#compareList .offer { color:Red; font-weight: bold; }
#compareList .cross {text-decoration:line-through;}

.rowHeaderOffer { background: #d6eaf8 url(/images/global/icon_offer2.gif) no-repeat 20px 10px; font-weight: bold; height: 60px; margin-top: 10px}
.productdetailoffer H2 { padding: 15px 0 0 70px; margin: 0; }
.productdetailoffer P { padding: 0 0 0 70px; margin: 0; }
.offerpanel { margin-bottom: 10px; }
.offerpanel H3 { line-height: 40px; background-image: url(/images/global/icon_offer.gif); background-repeat: no-repeat; font-size: 140%; padding-left:50px;}
.offerpanel H3 A { text-decoration: none; }
.offerpanel H3 A:hover { text-decoration: underline; }
.offerpanel P { padding-left: 50px; color: #3398db; }
.offerpanel UL { padding-left: 70px; }
#lnkOrderSample2 { margin-left: 100px; }
		
.mtm-link { font-size: 120%; }
.mtm-large { font-size: 120%; }

.productpanel { margin: 10px 0; }
.productpanel h1, .productpanelalt h1 { color: #004370; }
.productpanelalt { float: left;  background-color: #d6eaf8; }
.productpanel .left, .productpanelalt .left { padding: 10px 0 10px 10px; width: 370px; }
.productpanel .right, .productpanelalt .right { padding: 10px 10px 10px 0px; width: 165px; }	


#divWidthOptions label {float:left;width:80px;text-align:right;padding-right:10px}
#divWidthOptions #btnChangeWidth {vertical-align:middle;}


div#wooden-info div.plinth {font-size:130%;padding:10px 15px;margin-bottom:12px;position:relative;}
div#wooden-info div#step-1 {background:#D6EAF8;padding-bottom:30px;}
div#wooden-info div#step-1 img {position:absolute;right:-30px;top:-10px;}
div#wooden-info div#step-1 p {padding-right:155px;}
div#wooden-info div#step-2 {background:#ADD6F1;}
div#wooden-info div#step-2 h2, div#wooden-info div#step-2 p {padding-left:155px;text-align:right;}
div#wooden-info div#step-2 img {position:absolute;left:-5px;top:-5px;}
div#wooden-info div#step-3 {background:#D6EAF8;padding-right:160px;}
div#wooden-info div#step-3 img {position:absolute;right:-3px;top:-10px;}
div#wooden-info div#step-3 p {padding-right:10px;}
div#wooden-info div#step-4 {background:#ADD6F1;}
div#wooden-info div#step-4 img {position:absolute;left:0px;top:-5px;}
div#wooden-info div#step-4 h2, div#wooden-info div#step-4 p {padding-left:155px;text-align:right;}

.veluxSample { margin-left: 90px; }

/* what is this rollover /*/
div#onrollover-whatisthis-wrapper { z-index:1000; position:absolute; top:250px; left:51%; text-align:center; }
div#onrollover-whatisthis-container { z-index:1000; border:solid 2px #3398db; position:relative; left:-50%; top:-100px;text-align:left; background:#fff; width:450px; height:223px; }
div#onrollover-whatisthis-image { text-align: center; background:#c6ddee; position:relative; float:left; top:10px;left:10px; width:144px; height:203px;}
div#onrollover-whatisthis-description { background:#c6ddee; position:relative; float:left; top:10px; left:20px; width:255px; height:182px; padding:10px; }
div#onrollover-whatisthis-description ul { margin: 5px; }
* html div#onrollover-whatisthis-description { width:250px; }

/* what is this rollover /*/
div#onrollover1-whatisthis-wrapper { left: 51%; position:absolute; text-align: center; top: 250px; z-index: 1000; }
div#onrollover1-whatisthis-container { background: #FFFFFF; border: solid 2px #3398db; position:relative; left:-40%; top:-170px;text-align:left; width: 450px; height:223px; z-index: 1000; }
div#onrollover1-whatisthis-image { background: #C6DDEE; position:relative; float:left; top:10px;left:10px; width:144px; height:203px;}
div#onrollover1-whatisthis-description { background:#c6ddee; position:relative; float:left; top:10px; left:20px; width:255px; height:182px; padding:10px; }
div#onrollover1-whatisthis-description ul { margin: 5px; }

div#woodenVenetianLanding { }
div#woodenVenetianLanding .woodenVenetianLandingColumn { background-color: #F9F7F2; float: left; width: 289px; }
div#woodenVenetianLanding .woodenVenetianLandingColumn h2 { background-color: #FFFFFF; color: #0F4372; display: block; font-size: 1.6071em; font-weight: normal; margin: 0; padding: 0; }
div#woodenVenetianLanding .woodenVenetianLandingColumn h2 span { color: #3398DB; }
div#woodenVenetianLanding .woodenVenetianLandingColumn h2 img { display: block; margin: 5px 0 0 0; }
div#woodenVenetianLanding .woodenVenetianLandingColumn ul { color: #3398DB; list-style-type: disc; font-size: 1.0714em; height: 10em; padding-left: 12px; }
div#woodenVenetianLanding .woodenVenetianLandingColumn ul li strong { color: #465057; font-weight: normal; }
div#woodenVenetianLanding .woodenVenetianLandingColumn p { padding: 0 10px; text-align: right; }
div#woodenVenetianLanding .woodenVenetianLandingFooter { clear: both; float: left; padding: 7px 0 0 0; width: 585px; }
div#woodenVenetianLanding .woodenVenetianLandingFooter h2 { float: left; width: 289px; }
div#woodenVenetianLanding .first { margin: 0 7px 0 0; }
* html div#woodenVenetianLanding .first { display: inline; }

.helplink { cursor: pointer; }


.offer-plinth { width: 585px; background: #e6f2fb url(/images/products/offers/OffersBG.jpg) 0 0 no-repeat; min-height: 100px; margin: 15px 0 20px; }
.offer-detail { padding: 10px 0 0 14px; margin: 0 0 10px; }
h3.offer-deal { font-size: 2.4em; color: #a71e1e; }
p.offer-ends { font-size: 1.8em; }
p.offer-available { font-size: 1.3em; color: #3398db; font-weight: bold; padding: 5px 0; }
.offer-content { width: 584px; background-color: #d6eaf8; height: 100%; overflow: hidden; padding: 10px 0; }
.offer-content .offer-product { width: 135px; float: left; margin: 0 0 0 9px; }
.offer-content .offer-product p { padding: 8px 0; }
.offer-content .offer-product p a { background: transparent url(/images/products/offers/Bullet.jpg) 0 5px no-repeat; padding-left: 12px; font-size: 1.1em; text-decoration: underline; }
.offer-content .offer-viewall {clear:left; padding:0 0 0 5px;}

.columnset{zoom:1;}
.columnset:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.columnset-a .col{width:48.2%;float:left;display:inline; overflow: hidden;}
.columnset-a .col-b{float:right;}
.ar{float:left; padding-left:27px;padding-top:4px;}
.columnset .col ul{height:auto; padding-left: 15px;}
.columnset .col ul li{color:#3398DB;font-size:1.0714em;height:10em;list-style-type:disc;padding-left:5px;height:auto; vertical-align: middle; }
.columnset .col ul li span { color: #004370;}
.columnset .col p { margin: 0 0 10px 0;}
.columnset .col h2{background-color:#FFFFFF;color:#0F4372;display:block;font-size:1.6071em;font-weight:normal;margin:0 0 10px 0;padding:0;}
.columnset .col h2 span { color:#3398DB; }

