html { background-color:#f2f1e9; }
body { color:#505050; background-color:#f2f1e9; font-family:Arial, Helvetica, sans-serif; height:100%; font-size:11px; }
a { color:#f78e1e; text-decoration:none; }
a:hover { 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;}
/*** 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: 489px; 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:-208px -287px; font-size:11px; text-decoration:none; }
#hd .ranges li a.shutters { width:110px; }
#hd .ranges li a:hover { background-position:-208px -313px!important; color:#fff; }
.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: 370px; 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: 719px; text-indent:-300px; background-position:0 -287px; width:104px; height:55px; overflow:hidden; }
.maplink:hover { background-position:-104px -287px; }
.buylink { background-image: url(/sitestyle/images/buy-shutters.gif); position:absolute; top:48px; left: 615px;  width:55px; height:55px; }
#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/transfirst.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:870px; margin-left:72px; padding:19px 0 0 20px; }
#footerlinks a { color:#FFF; text-decoration:none; }
.footeraddress { position:absolute; top:60px; left:20px; color:#727272; font-size:10px; }
.footeraddress a { text-decoration:none; color:#7dbf0d; }
.footeraddress a:hover { color:#F78E1E; text-decoration:underline; }
#footer-images { position:absolute; right:20px; top:46px; }
.footer_icon_wcaa { position:absolute; right:464px; bottom:-51px; }
.footer_icon_sherwin { position:absolute; right:330px; bottom:-54px; }
.footer_icon_twitter { position:absolute; right:265px; bottom:-56px; }
.footer_icon_fsc { position:absolute; right:230px; bottom:-56px; }
.footer_icon_mcafee { position:absolute; right:153px; bottom:-45px; }
.footer_icon_transfirst { position:absolute; right:1px; bottom:-56px; }

/*** 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 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; }
.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 td {font-style: normal; font-weight: normal; padding-left: 5px; padding-bottom: 3px; padding-right: 5px; padding-top: 3px;}
#compare th {padding-left: 5px; padding-bottom: 3px; padding-right: 5px; padding-top: 3px;}
#compare th[scope="col"] {color: white; background-color: #f78e1e; 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 { font-size:11px; color:#333333; padding:0 5px 0 10px; margin-bottom:2px; }
#detailview input { margin:5px; padding:5px; width:155px; }
#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 { }