html { background-color:#f2f1e9; }
body { color:#505050; background-color:#f2f1e9; font-family:Arial, Helvetica, sans-serif; height:100%; font-size:11px; }
a { color: #7dbe0c; text-decoration:none; }
a:hover { color: #f78e1e; text-decoration:underline; }
.smallertext { text-align:right; font-size:10px; position:absolute; top:10px; left:578px; line-height:10px; }
b,strong { font-weight:bold; }
p { margin-bottom:12px; }
.link-rolover { background-repeat:no-repeat; background-position:left top; text-indent:-5000px; display:block; overflow:hidden; }
.link-rolover-on { background-position:left bottom; }
.link-rolover:hover { background-position:left bottom; border:none; }
#doc { width:1012px; }
#hd { position:relative; background-image:url(/sitestyle/images/SPRITE-main.gif); background-repeat:no-repeat; width:1012px; height:159px; background-position:left top; }
#hd h1 { width:460px; left:115px; top:44px; position:absolute; font-weight:bold; color:#222222; font-size:16px; }
#logo { font-size:9px; background-repeat:no-repeat; background-image:url(/sitestyle/images/the-shutter-store-logo.gif); display:block; height:80px; width:80px; top:22px; left:20px; position:absolute; text-indent:-200px; overflow:hidden; }
ul { padding-bottom:12px; }
ul li { background-image:url(/sitestyle/images/green-tick.png); background-repeat:no-repeat; padding-left:16px; background-position:1px 3px; }
ol { padding-bottom:12px; }
ol li { margin-left:25px; list-style-position:outside; list-style-type:decimal; }
strike {text-decoration: line-through;}
em {font-style: italic;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*** TOP RIGHT BUTTONS ***/
.rollover { background-repeat:no-repeat; background-image:url(/sitestyle/images/SPRITE-main.gif); font-size:12px; display:block; }
#hd .ranges { list-style:none; height:25px; width: 520px; position:absolute; top:8px; right:8px; }
#hd .ranges li { padding-left:0; background-image:none; float:left; list-style:none; }
#hd .ranges li.text { margin-right:5px; text-align:right; font-size:10px; }
#hd .ranges li a { padding-left:0; padding-bottom:5px; padding-right:0; padding-top:6px; text-align:center; color:#fff; margin-right:2px; font-weight:bold; background-position:-318px -287px; font-size:11px; text-decoration:none; }
#hd .ranges li a.shutters { width:110px; }
#hd .ranges li a:hover { background-position:-318px -313px!important; color:#fff; }
#hd .ranges li a.blinds { width:110px;background-position:-208px -287px; }
#hd .ranges li a.blinds:hover { width:110px;background-position:-208px -313px !important; }
.selected { background-position:-318px -287px !important; color:#fff; }
#hd .ranges li a.cart { padding-right: 9px; padding-left: 34px; background-position:-428px -287px; }
#hd .ranges li a.cart:hover { background-position:-428px -313px !important; }
#whoson_chat_link { top: 11px; left: 345px; position: absolute; }
/*** TOP RIGHT LINKS ***/
#mid-right { position:absolute; top:43px; right:14px; float:right; height:55px; width:165px; padding-left:10px; font-weight:bold; }
.maplink { position:absolute; top:48px; left: 606px; text-indent:-300px; background-position:0 -286px; width: 99px; height:55px; overflow:hidden; }
.maplink:hover { background-position:-104px -286px; }
.buylinkshutters { background-position: -493px -286px; position:absolute; top: 43px; left: 712px; width:101px; height:30px; text-indent: -200px; overflow: hidden;}
.buylinkshutters:hover { background-position: -594px -286px;}
.buylinkblinds { background-position: -695px -286px; position:absolute; top: 78px; left: 712px; width:101px; height:30px; text-indent: -200px; overflow: hidden;}
.buylinkblinds:hover { background-position: -796px -286px;}
#mid-right a { background-image:url(/sitestyle/images/arrow.png); background-repeat:no-repeat; padding-left:14px; background-position:left 2px; text-decoration:none; color:#7dbf0d; font-weight:normal; }
#mid-right a:hover { color:#F78E1E; }
#mid-right span { font-size: 18px;}
/*** MAIN CONTENT ***/
#bd { background-repeat:repeat-y; background-image:url(/sitestyle/images/drop-shadow-1px.gif); min-height:300px; width:1012px; }
#bd .left { margin-left:20px; margin-bottom:20px; margin-right:12px; margin-top:12px; _margin-left:10px; _margin-right:6px; width:183px; display:inline; }
#bd .main { width:786px; margin-right:10px; }
#bd .ordermain { display:inline; width:786px; margin-right:10px; }
#bd .mainshop { width:979px; margin-right:10px; background-position:right 10px; background-image:url(/sitestyle/images/authorize.jpg); background-repeat:no-repeat; }
#bd .content { margin-top:10px; width:580px; position:relative; }
#bd .shopcontent { margin-top:10px; width:979px; position:relative; }
#bd .right { margin-left:12px; margin-right:11px; margin-top:10px; width:183px; }
#bd .homecontent { margin-top:10px; margin-left:20px; _margin-left:10px; width:668px; }
#bd .homeright { margin-left:2px; margin-right:11px; _margin-right:0; margin-top:10px; width:311px; }
#bd .area5 { margin-right:6px; margin-left:6px; }
/*** FOOTER ***/
#ft { background-color:#000000; background-image:url(/sitestyle/images/SPRITE-main.gif); background-position:left -159px; height:127px; width:1012px; position:relative; }
#footerlinks { width: 895px; margin-left:72px; padding:19px 0 0 20px; }
#footerlinks a { color:#FFF; text-decoration:none; }
.footeraddress { position:absolute; top: 111px; left:20px; color:#727272; font-size:10px; }
.footeraddress a { text-decoration:none; color:#7dbf0d; }
.footeraddress a:hover { color:#F78E1E; text-decoration:underline; }
#footer-images { height: 53px; width: 920px; left: 77px; position:absolute; top:46px; }
.footer_icon_sm { left: 66px; top: 4px; position:absolute; }
.footer_icon_aspire { top: 9px; position:absolute; right: 635px; }
.footer_icon_wcaa { top: 9px; position:absolute; right: 520px; }
.footer_icon_sherwin { top: 4px; position:absolute; right: 382px; }
.footer_icon_bbb { top: 7px; position:absolute; right: 274px; }
.footer_icon_twitter { top: 10px; position:absolute; right:265px; }
.footer_icon_fsc { top: 4px; position:absolute; right:230px; }
.footer_icon_mcafee { top: 7px; position:absolute; right:153px; }
.footer_icon_authorize { top: 1px; position:absolute; right:1px; }
/*** MENU ***/
#mainmenu { position:absolute; top:100px; display:block; font-size:12px; left:20px; height:29px; }
#mainmenu li { padding-left:0; background-image:none; margin:16px 3px 0 0; float:left; list-style-type:none; display:block; height:29px; }
#mainmenu li a { padding-left:10px; padding-bottom:8px; padding-right:10px; padding-top:6px; line-height:15px; float:left; font-weight:bold; background-repeat:no-repeat; background-position:right top; background-image:url(/sitestyle/images/menu-right.gif); font-size:12px; text-align:center; display:block; color:#fff; text-decoration:none; position:relative; }
#mainmenu li a span { float:left; display:block; width:5px; height:29px; position:absolute; top:0; left:0; background-image:url(/sitestyle/images/menu-left.gif); background-repeat:no-repeat; background-position:left top; }
.menuon,#mainmenu li a:hover { background-position:right bottom!important; }
.menuon span,#mainmenu li a:hover span { background-position:left bottom!important; }
#controls { font-size:11px; right:20px; top:20px; position:absolute; }
#controls a { color:#161616; padding-left:5px; margin-left:5px; border-left-color:#161616; border-left-width:1px; border-left-style:solid; text-decoration:none; }
#controls a:hover { text-decoration:underline; }
#submainmenu { margin-bottom:20px; border-bottom:#c8c6c6 1px solid; }
#submainmenu h5 { border-top:#c8c6c6 1px solid; border-bottom:#c8c6c6 1px solid; text-transform:capitalize; color:#000; padding:5px 10px 4px; font-weight:bold; font-size:12px; background-image:url(/sitestyle/images/add-orange.gif); background-repeat:no-repeat; background-position:172px 8px; }
#submainmenu h5 a {text-decoration: none; color:#000;}
#submainmenu h5 a:hover {text-decoration: none; color: #ff9900;}
#submainmenu ul { border-bottom-style:none; }
#submainmenu ul li { margin-left:0; list-style-type:none; background-image:none; }
#submainmenu ul li a { color:#161616; font-size:11px; text-decoration:none; padding:6px 0 6px 10px; display:block; }
#submainmenu ul li a:hover { color:#F78E1E; }
.sub_sub_menu { padding-left:14px; }
.subon { color:#F78E1E!important; }
.submenuon { color:#F78E1E!important; }
.subsubmenuon { color:#F78E1E!important; }
#continueorder { background-color:#f1f1f3; margin-top:1px; height:60px; position:relative; }
#continueorder-addproduct { background-image:url(/sitestyle/images/plus.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px; position:absolute; left:10px; top:10px; }
#continueorder-saveorder { background-image:url(/sitestyle/images/buttons/save-order.gif); height:19px; width:73px; position:absolute; left:10px; top:30px; }
#continueorder-checkout { background-image:url(/sitestyle/images/buttons/checkout.gif); height:19px; width:73px; position:absolute; top:30px; right:10px; }
.buttonsContinueShopping { background-image:url(/sitestyle/images/buttons/continue.gif); height:19px; width:124px; }
.buttonsProceed { background-image:url(/sitestyle/images/buttons/proceed.gif); height:19px; width:73px; }
.buttonsSaveOrder { background-image:url(/sitestyle/images/buttons/save-order.gif); height:19px; width:73px; }
.buttonsEdit { background-image:url(/sitestyle/images/buttons/edit.gif); height:19px; width:73px; }
.buttonsAdd { background-image:url(/sitestyle/images/buttons/add.gif); height:19px; width:73px; }
.buttonsAddWindow { background-image:url(/sitestyle/images/buttons/add-window.gif); height:19px; width:96px; }
.buttonsDelete { background-image:url(/sitestyle/images/buttons/delete.gif); height:19px; width:73px; }
.buttonsCancel { background-image:url(/sitestyle/images/buttons/cancel.gif); height:19px; width:83px; }
.buttonsSubmit { background-image:url(/sitestyle/images/buttons/submit.gif); height:19px; width:73px; float:left; }
.buttonsRegister { background-image:url(/sitestyle/images/buttons/register.gif); height:19px; width:73px; float:left; }
.buttonsLogin { background-image:url(/sitestyle/images/buttons/login.gif); height:19px; width:73px; float:left; }
.buttonsGoBack { background-image:url(/sitestyle/images/buttons/goback.gif); height:19px; width:73px; }
.buttonsCheckout { background-image:url(/sitestyle/images/buttons/checkout.gif); height:19px; width:73px; }
.buttonsApply { background-image:url(/sitestyle/images/buttons/apply.gif); height:19px; width:73px; }
.buttonsPay { background-image:url(/sitestyle/images/buttons/paynow.gif); height:19px; width:73px; }
.buttonsMoreInfo { background-image:url(/sitestyle/images/buttons/more-info.png); height:19px; width:73px; float:left; }
.buttonLeft { float:left; padding-right:5px; }
#static_html_block { background-image:url(/sitestyle/images/3-square-back.jpg); height:150px; width:580px; position:relative; display:block; }
.square1text { position:absolute; top:18px; left:80px; width:105px; }
.square2text { position:absolute; top:18px; left:280px; width:105px; }
.square3text { position:absolute; top:14px; left:468px; width:110px; }
#movie_bg { position:absolute; background-color:#000000; width:100%; height:600px; top:0; left:0; opacity:0.7; z-index:2000; filter:alpha(opacity=70); }
#moviepanelholder { position:absolute; z-index:2001; top:10px; width:100%; left:0; }
#movie_player_holder { background-position:right top; background-image:url(/sitestyle/movies/images/movie-player-holder.png); _background-image:url(/sitestyle/movies/images/movie-player-holder.gif); background-repeat:no-repeat; display:block; position:relative; height:515px; width:759px; margin-right:auto; margin-left:auto; }
#movie_player_holder ul { font-weight:bold; font-size:14px; position:absolute; width:528px; height:28px; left:162px; top:0; padding:0; }
#movie_player_holder li { margin-top:6px; background-image:none; width:167px; margin-right:7px; padding:0; display:inline; float:left; }
#movie_player_holder li a { color:#FFFFFF; }
#movie_player_holder .select,#movie_player_holder li a:hover { color:#F78E1E; }
#movie_close { width:51px; height:19px; display:block; left:15px; position:absolute; top:20px; }
#movie_player { position:absolute; top:46px; left:98px; width:640px; height:360px; }
#movie_name { font-size:16px; color:white; bottom:8px; position:absolute; left:98px; }
.thumbs { text-align:left; position:absolute; bottom:30px; left:95px; width:648px; height:70px; }
.thumbs a { border:#202020 2px solid; height:60px; width:60px; margin-right:4px; margin-left:4px; float:left; }
.thumbs .select,.thumbs a:hover { border:#F78E1E 2px solid; display:block; }
.thumbs a img { border-width:0!important; border-style:none!important; }
.ttheader { border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:white; color:white; font-weight:bold; text-align:left; background:#f78e1e; font-size:12px; padding:5px; width:150px; }
.ttbody { color:white; text-align:left; background:#f78e1e; font-size:11px; padding:5px; width:150px; }
#compare { border-color: #f1f1f1; border-style: solid; border-width: 1px;}
#compare td {font-style: normal; font-weight: normal; padding-left: 5px; padding-bottom: 3px; padding-right: 5px; padding-top: 3px;}
#compare tr.even {background-color: #f1f1f1;}
#compare th {padding-left: 5px; padding-bottom: 3px; padding-right: 5px; padding-top: 3px;}
#compare th[scope="col"] {color: white; background-color: #6c4939; font-weight: bold;}
/*** SHOP VIEWS ***/
#detailview { padding-bottom:10px; background-color:#f2f1e9; }
#detailview h2 { font-size:12px; color:#FFFFFF; font-weight:bold; padding-left:10px; background-image:url(/sitestyle/images/grad-back.gif); background-repeat:repeat-x; padding-top:5px; padding-bottom:5px; margin-bottom:5px; }
#detailview h3 { font-weight: bold; padding-left:10px; font-size: 13px; color: #9b1928; }
#detailview h3 del { font-size: 12px; text-decoration: line-through; color: #555555; }
#detailview p { padding-left: 10px; padding-bottom: 3px; padding-right: 5px; padding-top: 0; border-bottom-color: #bbbbbb; border-bottom-width: 1px; border-bottom-style: dashed; font-size:11px; color:#333333; margin-bottom: 3px; overflow: hidden;}
#detailview p span { font-size: 11px; font-style: italic; float:left; width: 55px;}
#detailview input { margin:5px; padding:5px; width:155px; }
#detailview strong {color: black;}
#listview { }
#listview h2 { font-size:12px; color:#FFFFFF; padding-left:10px; background-image:url(/sitestyle/images/grad-back.gif); background-repeat:repeat-x; padding-top:5px; padding-bottom:4px; font-weight:bold; }
.listviewitem { background-color:#f2f1e9; border-bottom:1px solid #e4dccd; position:relative; padding-top:5px; padding-bottom:5px; padding-left:10px; }
.listviewitem h3 { font-size:11px; font-weight:bold; color:#333333; }
.listviewitem p { font-size: 12px; font-weight:bold; color: #9b1928; position:absolute; right: 5px; top:20px; padding:0; }
.listviewitem p del { font-style: normal; font-weight: normal; text-decoration: line-through; font-size: 10px; color: #555555; padding:0; }
.listdelete { }
#homefeature {background-position: 5px 344px; background-image: url(/sitestyle/images/homepage-banners/delivery-information.gif); background-repeat: no-repeat; background-color: #f6f3ef; position: relative; margin-bottom: 15px; height: 537px; width: 669px;}
#homefeature .bs { display: block; background-image: url(/sitestyle/images/homepage-banners/controls.png); background-repeat: no-repeat; overflow: hidden; text-indent: -200px;}
#homefeature .top { border-color: white; border-width: 1px; border-style: solid; left: 3px; top: 3px; position: absolute;}
#homefeature .top #topbanners{width: 661px; position: relative; height: 339px;}
#homefeature .top .banner {left: 0px; top: 0px; position: absolute;}
#homefeature .top_controls { right: 13px; top: 357px; position: absolute; width: 120px; height: 19px;}
#homefeature .top_controls .cleft {background-position: 0px top; left: 0px; top: 0px; position: absolute; height: 19px; width: 30px;}
#homefeature .top_controls .cleft:hover {background-position: 0px bottom;}
#homefeature .top_controls .cpause { left: 37px; top: 0px; height: 19px; width: 46px; position: absolute; background-position: -37px 0px;}
#homefeature .top_controls .cright {right: 0px; top: 0px; position: absolute; background-position: -91px 0px; height: 19px; width: 30px;}
#homefeature .top_controls .cright:hover { background-position: -91px -19px; }
#homefeature .shipping {padding-bottom: 10px; padding-top: 8px; background-position: 0px -397px; background-image: url(/sitestyle/templates/images/homebanners/sprite-controllers.png); background-repeat: no-repeat; padding-left: 80px; color: #666666; left: 28px; top: 367px; position: absolute; font-size: 15px;}
#homefeature .shipping a {color: #666666; text-decoration: underline; font-weight: bold;}
#homefeature .bottom { border-color: white; border-width: 1px; border-style: solid; bottom: 3px; position: absolute; left: 3px; overflow: hidden;}
#homefeature .bottom div {position: relative; width: 661px; height: 144px;}
#homefeature .bottom a {left: 0px; top: 0px; position: absolute;}
#us_installation { background-image: url("/sitestyle/images/free-shipping-hank.gif");background-position: left top;background-repeat: no-repeat;display: block;height: 232px;overflow: hidden;position: fixed;right: 0;text-indent: -200px;bottom: 0;width: 60px;}
#us_installation:hover {background-position: left bottom;}
#sale_man { background-image: url("/sitestyle/images/template-SALE-feature.gif");background-position: left bottom;background-repeat: no-repeat;display: block;height: 232px;overflow: hidden;position: fixed;right: 0;text-indent: -200px;bottom: 0;width: 60px;}
#sale_man:hover {background-position: left top;}
#fixedtopleft {left: 0px; top: 0px; position: fixed;}
#admin_controls {z-index: 1000;}
/*** Price comparison ***/
#price_compare_table{
width:661px;
height:33px;
}
#price_compare_table td{
padding-left:10px;
text-align:center;
}
#price_compare_table .left_al{
text-align:left;
}
#price_compare_table .nopad{
padding:0 !important;
}
#price_compare_table .lightb{
background:#95735f;
}
#price_compare_table .darkb{
background:#77513a;
}
#price_compare_table .h53 td{
height:53px;
}
#price_compare_table .h40 td{
height:40px;
}
#price_compare_table .h6 td{
height:6px;
}
#price_compare_table .otext{
color:#ff9900;
}
#price_compare_table .gtext{
color:#92d847;
}
#price_compare_table .wtext{
color:#fff;
}
#price_compare_table .btext{
color:#020202;
}
#price_compare_table .ital{
font-style:italic;
}
#price_compare_table .title{
font-size:24px;
font-weight:bold;
text-align:center;
text-shadow: 1px 1px #333;
}
#price_compare_table .small{
font-size:10px;
}
#price_compare_table .body{
font-size:18px;
font-weight:bold;
text-shadow: 1px 1px #333;
}
#price_compare_table .other{
font-size:12px;
font-weight:bold;
}
#price_compare_table .noshadow{
text-shadow:none !important;
}
.price_comp_btn {
display:inline-block;
background-image:url(/sitestyle/images/button-price-compare.png);
height:30px;
width:90px;
}
.price_comp_btn:hover{
background-image:url(/sitestyle/images/button-price-compare.png);
background-position:0px -30px;
}
.info_btn{
cursor:pointer;
}
#price_compare_table .save_cut{
background-image:url(/sitestyle/images/save-price-compare.png);
background-repeat:no-repeat;
background-position:right;
}
#price_compare_table .borderboth{
border-right: 1px solid #bda89b;
border-left: 1px solid #77513a;
}
#price_compare_table .borderright{
border-right: 1px solid #bda89b;
margin-right:1px;
}
#price_compare_table .borderleft{
border-left: 1px solid #77513a;
margin-left:1px;
}
/*** Price Compare Info Roll Over ***/
#info_main{
width:396px;
position:absolute;
}
#info_main_left{
float:left;
width:17px !important;
height:56px !important;
background-image:url(/sitestyle/images/price_compare_info/left_arrow.png);
background-repeat:no-repeat;
background-position:top;
margin-top:12px;
z-index:200;
position:relative;
}
#info_main_main{
width:378px !important;
float:left;
z-index:199;
margin-left:-2px;
position:relative !important;
}
#info_main_main_top{
width:378px !important;
height:12px !important;
background-image:url(/sitestyle/images/price_compare_info/top.png);
background-repeat:no-repeat;
}
#info_main_main_center{
width:378px !important;
background-image:url(/sitestyle/images/price_compare_info/main_fill.png);
background-repeat:repeat-y;
margin:0;
min-height:80px !important;
}
#info_main_main_center span{
display:block;
padding:16px;
}
#info_main_main_center p{
margin:0;
}
#info_main_main_bottom{
width:378px !important;
height:7px !important;
background-image:url(/sitestyle/images/price_compare_info/bottom.png);
background-repeat:no-repeat;
}