#blinds { width:530px; padding-top:10px; }
#sampleview { background-color:#323336; position:relative; height:287px; width:580px; }
#flashzone { margin:1px; position:absolute; height:283px; width:403px; left:0; top:0; padding-top:2px; padding-left:2px; }
#closeupfinish { position:absolute; height:287px; width:167px; right:0; top:0; border-left:#666666 solid 1px; }
#cf-image { position:absolute; height:287px; width:167px; left:0px; top:0px; background-repeat:no-repeat; }
#cf-title { position:absolute; width:167px; left:0px; top:0px; background-color: #333333; color: #FFFFFF; text-align: center; padding-top: 9px; padding-bottom: 10px; }
#cf-note { position:absolute; height:37px; width:167px; left:0px; bottom:0px; }
#cf-tape { position:absolute; height:225px; width:45px; left:10px; top:1px; background-repeat:no-repeat; }
#blindname { position:relative; width:560px; padding:5px 10px 6px; margin-top:1px; background-color:black; background-repeat:no-repeat; background-position:right top; }
#blindname div { position:absolute; left:79px; top:2px; }
#blindname div span,#blindname div input[type=text] { width:150px; background-color:#FFFFFF; padding-bottom:3px; }
#blindname div .editor_ok_link { left:155px; }
#blindname div .editor_cancel_link { left:175px; }
#blindname a { font-size:11px; color:#00ace5; }
#blindname a:hover { text-decoration:underline; }

#addblind { background-position: left center; padding-left: 10px; background-repeat: no-repeat; background-image: url(/sitestyle/images/icons/plus.gif); top:5px; right:10px; position:absolute; }
#changetomm { top:5px; right:47px; }
#changetoinches { padding-left: 16px; background-image: url(/sitestyle/images/icons/switch.gif); background-position: left center; background-repeat: no-repeat;}

#tabszone { position:relative; width:580px; margin-top:10px; }
#tabarea { position:relative; border:1px solid #4f4d4f; }
#tabarea .tabinfo { border-bottom-color:#4f4d4f; padding-top:5px; border-bottom:1px solid; background-color:black; }
#tabarea .tabquestion { padding-top:10px; border-bottom:1px solid #555555; }
.tabinfo .nexttab { font-weight:bold; }
#tabarea h2 { padding-bottom:5px; padding-right:7px; padding-left:7px; font-size:12px; }
#tabarea h2 img { vertical-align: text-bottom; }
#tabarea h3 { font-size:11px; color:#fcc033; padding:3px 7px 5px; }
#tabarea p { padding:7px; }
#tabarea div p { padding:0 3px 7px; }
#tabarea .error { background-color:black; padding:3px 7px; position:relative; }
#tabarea .error p { padding:0; color:#CC0000; }
#tabarea .error a { background-image:url(/sitestyle/images/delete.gif); background-repeat:no-repeat; text-indent:-200px; overflow:hidden; display:block; overflow:hidden; position:absolute; height:12px; width:12px; top:1px; right:1px; }
.tabinfo p { padding:7px !important; }
.tabinfo ol { padding-left: 35px; padding-bottom: 7px;}
.tabinfo ol .on {font-weight: bold; color: #00ace5;}
.nextlink { font-weight: bold; text-align:right; padding-bottom: 7px; padding-right: 7px;}
.nextlink a { text-decoration: none; background-color: #00ace5; color: white; padding-left: 8px; padding-bottom: 3px; padding-top: 3px; background-position:right; padding-right: 8px; }
.nextlink a:hover {background-color: #4f4d4f;}
/* Text input */
form.inplaceeditor-form { display:inline; }
.textinput span { font-weight:bold; color:#00ace5; border:1px solid #919191; position:absolute; left:0; top:0; display:block; width:70px; padding-top:2px; padding-left:5px; padding-bottom:5px; }
form.inplaceeditor-form input[type=text] { font-weight:bold; color:#00ace5; border:1px solid #919191; position:absolute; left:0; top:0; display:block; width:70px; padding-top:2px; padding-left:5px; padding-bottom:5px; }
form.inplaceeditor-form .editor_ok_link { position:absolute; left:80px; top:3px; }
form.inplaceeditor-form .editor_cancel_link { position:absolute; left:100px; top:3px; }
form.inplaceeditor-form input[type=submit] { margin-left:1em; }
form.inplaceeditor-form a { margin-left:1em; }

/* Size layout */
#unitesmm,#unitesinch { position:relative; height:30px; }
.uniteswidth,.unitesheight { position:absolute; top:5px; width:200px; padding-top:3px; }
.uniteswidth { left:7px; }
.unitesheight { left:250px; }
.uniteswidth div,.unitesheight div { position:absolute; left:75px; top:0; width:150px; }

/* Tabs */
#slidetabsmenu { width:100%; height:22px; }
#slidetabsmenu ul { list-style-type:none; }
#slidetabsmenu li { display:inline; background-image:none; margin:0; padding:0; }
#slidetabsmenu a { padding-left:6px; padding-bottom:0; padding-right:0; padding-top:0; float:left; margin:0 1px 0 0; text-decoration:none; background-image:url(/sitestyle/images/tab-left.gif); background-repeat:no-repeat; background-position:left -23px; }
#slidetabsmenu a span { padding-left:5px; padding-bottom:3px; padding-right:12px; padding-top:4px; float:left; display:block; font-weight:bold; background-image:url(/sitestyle/images/tab-right.gif); background-repeat:no-repeat; background-position:right -23px; font-size:11px; }
#slidetabsmenu a span { float:none; }
#slidetabsmenu a:hover span { color:#FFFFFF; text-decoration:underline; }
#slidetabsmenu #current a { background-position:0 -23px; }
#slidetabsmenu #current a span { background-position:100% -23px; color:#FFFFFF; text-decoration:underline; }
#slidetabsmenu a:hover { background-position:0 -23px; }
#slidetabsmenu a:hover span { background-position:100% -23px; }

.type_choice { padding: 10px; clear:both; border-bottom: #4F4D4F solid 1px; min-height: 115px;}
.type_choice.off {opacity:0.4;filter:alpha(opacity=40)}
.type_choice a { float: left; margin-right: 10px; margin-bottom: 5px;position:relative;}
.type_choice a i { width:19px; height:18px; display:none; position:absolute; bottom: 5px; right: 5px; background-image:url('/sitestyle/modules/code/blinds2/images/selected.png');}
.type_choice a:hover i { display:block;}
.type_choice span { float: left; margin-right: 10px; margin-bottom: 5px;position:relative;}
.type_choice .on i { display:block;}
.type_choice p.waiver {color: #fcc033; font-size: 10px;}

.b_choice { height:90px; position:relative; padding-top:5px; }
.b_choice a { text-decoration:none; text-align:center; display:block; float:left; height: 130px; width: 80px; position:relative;margin-top: 20px;}
.b_choice b { width:70px; height:70px; display:block; margin-left:5px; margin-right:5px; background-repeat:no-repeat; }
.b_choice i { width:70px; height:70px; display:block; position:absolute; top:0px; left:5px; background-repeat:no-repeat; }
.b_choice span {margin-top:2px;}
.b_choice a:hover { text-decoration:none; }
.b_choice a:hover i { background-position: 0 -70px; }
.b_choice a:hover span { }
.b_choice .on i { background-position: 0 -70px; }
.b_choice .on span { }
.b_choice .on:hover i { background-position: 0 -70px; }
.b_choice .hide { display: none; }

/* Option choice */
.option_choice { height:105px; position:relative; padding-top:5px; }
.option_choice a { text-decoration:none; text-align:center; display:block; float:left; height: 105px; width: 112px; position:relative;border:none;}
.option_choice b { width:70px; height:70px; display:block; margin-left:auto; margin-right:auto; background-image: url('/sitestyle/modules/code/blinds2/images/options.jpg');}
.option_choice i { width: 19px;height:18px;display:none; position:absolute; top:48px; right:14px; background-image:url('/sitestyle/modules/code/blinds2/images/selected.png');}
.option_choice a span {margin-left: 3px; margin-right: 3px; display: block;}
.option_choice a:hover { text-decoration:none; }
.option_choice a:hover i { display:block;}
.option_choice a:hover span { text-decoration:none; }
.option_choice .on i { display:block;}
.option_choice .on span { font-weight:bold; text-decoration:none; }
.option_choice .on:hover i { display:block; }

/* Colour choice */
.colour_collection {position: relative;float: left;}
.colour_collection h3 { position: absolute; height:11px; overflow:hidden;}
.colour_choice { height: 145px; }
.colour_choice span { display:block; height: 28px; line-height: 1.1em;}
.colour_wb i { background-image: url('/sitestyle/modules/code/blinds2/images/wood-cover.png'); }
.colour_vb i { background-image: url('/sitestyle/modules/code/blinds2/images/aluminium-mask.png'); }

.swatch_choice { padding-left: 150px !important; background-image:url(/sitestyle/modules/code/blinds2/images/swatch-instructions.gif); background-repeat:no-repeat; background-position: 10px 0;}
.swatch_choice a { margin-top: 5px; height:85px;}
.swatch_choice b { background-image: url('/sitestyle/modules/code/blinds2/colours/wb-vermont-sprite.jpg'); }

.slat_instruction { padding-left: 150px !important; background-image:url(/sitestyle/modules/code/blinds2/images/swatch-instructions2.gif); background-repeat:no-repeat; background-position: 10px 0;}
.tape_choice a { height: 90px !important; }
.tape_choice i { background-image: url('/sitestyle/modules/code/blinds2/images/template-tapes.png'); }

/* Detail view */
#detailview { margin-right:4px; margin-left:4px; border-color:black; border-width:1px; border-style:solid; background-color:#111111; padding-bottom:10px; }
#detailview h2 { background-color:black; font-size:12px; color:#FFFFFF; padding-left:10px; padding-top:6px; padding-bottom:6px; margin-bottom:5px; font-weight:bold; }
#detailview h3 { padding-left:10px; font-size:13px;  font-weight: bold; color: #fcc033; }
#detailview h3 del { font-style: normal; font-weight: normal; font-size: 12px; text-decoration: line-through; color: #555555; }
#detailview h3 span {font-size:11px; color: #FFFFFF; font-weight: normal;}
#detailview p { padding-left: 5px; padding-bottom: 2px; padding-right: 5px; padding-top: 0; border-bottom-color: #bbbbbb; border-bottom-width: 1px; border-bottom-style: dashed; font-size:11px; margin-bottom: 3px; overflow: hidden;}
#detailview p span { font-size: 10px; font-style: italic; float:left; width: 92px;}
#detailview strong {color: #00ace5; font-weight: bold;}
#detailview input { margin:5px; padding:5px; width:165px; }

/* List view */
#listview { margin-right:4px; margin-left:4px; background-color:#111111; }
#listview h2 { border-bottom: solid 1px #333333; background-color:black; font-size:12px; color:#FFFFFF; padding-left:10px; padding-top:6px; padding-bottom:6px; font-weight:bold; }
.listviewitem { border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#333333; background-color:#111111; position:relative; padding-top:5px; padding-bottom:5px; padding-left:10px; }
.listviewitem h3 { color:white; font-size:11px; font-weight:bold; }
.listviewitem p { color: white; font-size:11px; font-weight:bold; position:absolute; right:10px; top:20px; padding:0; }
.listviewitem p del { font-style: normal; font-weight: normal; text-decoration: line-through; font-size: 10px; color: #555555; padding:0; }
.listviewitem.on { background-color: #333333;}
.listdelete { }

/* New blind */
#newblind { position:absolute; height:320px; width:580px; background-color:#111111; z-index:100; top:20px; }
#newblind p { line-height:1.4em; }
#newblind div { position:absolute; height:630px; width:580px; top:8px; left:0; }
#newblind form { height:200px; width:496px; border:1px solid #3b3a3b; margin-top:20px; margin-right:auto; margin-left:auto; background-color:#111111; text-align:left; padding:20px; font-size:12px; }
#newblind form input[type=text] { padding:5px; vertical-align:middle; }
.newblind-submit { position:absolute; top:220px; right:50px; }
.newblind-cancel { position:absolute; top:220px; right:165px; }

.fracNum { vertical-align:.2em; }
.fracDen { vertical-align:-.2em; }
.helptab { position:absolute; top:0; right:0; }

.tabhelph5 { font-size:18px; color:#cc0000; font-weight:normal; padding-left:7px; padding-top:10px; padding-bottom:10px; }
.tabhelph6 { font-size:14px; font-weight:normal; padding-left:7px; padding-bottom:5px }
.helpregister { background-image:url(/sitestyle/images/register.gif); height:19px; width:73px; }

/* SPRITES CLASSES */
.wb_vermont_sprite { background-image: url(/sitestyle/modules/code/blinds2/colours/wb-vermont-sprite.jpg) !important;}
.wb_vermont_tape { background-image: url(/sitestyle/modules/code/blinds2/colours/wb-vermont-tape.jpg) !important;}
.wb_burlington_sprite { background-image: url(/sitestyle/modules/code/blinds2/colours/wb-burlington-sprite.jpg) !important;}
.wb_burlington_tape { background-image: url(/sitestyle/modules/code/blinds2/colours/wb-burlington-tape.jpg) !important;}
.wb_brighton_sprite { background-image: url(/sitestyle/modules/code/blinds2/colours/wb-brighton-sprite.jpg) !important;}
.wb_brighton_tape { background-image: url(/sitestyle/modules/code/blinds2/colours/wb-brighton-tape.jpg) !important;}
.wb_csbc_sprite { background-image: url(/sitestyle/modules/code/blinds2/colours/wb-csbc-sprite.jpg) !important;}
.wb_csbc_tape { background-image: url(/sitestyle/modules/code/blinds2/colours/wb-csbc-tape.jpg) !important;}
.vb-aluminiums-sprite { background-image: url(/sitestyle/modules/code/blinds2/colours/vb-aluminiums-sprite.jpg) !important;}

.no_tape { background-image: none !important;}

.b_choice strong { width:23px; height: 25px;margin-right:2px; text-decoration:none; overflow:hidden; text-indent:-50px; display:inline-block; background-image: url('/sitestyle/modules/code/blinds2/images/template-slat-icons.gif');}
.size_25 {background-position: 0 0;}
.size_35 {background-position: -23px 0;}
.size_45 {background-position: -46px 0;}
.size_50 {background-position: -69px 0;}
.size_65 {background-position: -92px 0;}

