html { background-color:#211f20; background-position:center top; background-image:url(/sitestyle/images/kelly-hoppen-bg.jpg); background-repeat:no-repeat; }
body { color:white; line-height:1.3em; font-size:11px; font-family:Helvetica, Verdana, Arial, sans-serif; }
a { text-decoration:none; color:#cfa26e; outline:none; }
a:hover { text-decoration:underline; }
p { margin-bottom:10px; }
#doc { width:960px; }
#hd { position:relative; height:216px; }
b,strong { font-weight:bold; }
.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; }
#hd {z-index: 200;}
#hd .logo { background-repeat:no-repeat; background-image:url(/sitestyle/images/Kelly-Hoppen-shutters-logo.png); _background-image:url(/sitestyle/images/Kelly-Hoppen-shutters-logo.gif); display:block; height:111px; width:137px; left:411px; top:20px; position:absolute; overflow:hidden; text-indent:-300px; }
#hd .book { background-repeat:no-repeat; background-image: url(/sitestyle/images/Christmas-Ordering.png); display:block; height: 125px; width: 132px; left: 75px; top: 0px; position:absolute; overflow:hidden; text-indent:-300px; text-decoration: none;}
#hd p { color:white; right:12px; top: 110px; position:absolute; }
#hd p a { text-decoration:none; color:white; margin-left:20px; padding-left:15px; background-position:0 0; background-repeat:no-repeat; background-image:url(/sitestyle/images/arrows.gif); }
#hd p a:hover { color:#999999; text-decoration:none; }
#hd p .basket { background-image:url(/sitestyle/images/basket.gif)!important; }
#hd .open { left: 100px; height: 135px; width: 123px; background-image: url(/sitestyle/images/KH-christmas-opening.png); background-repeat: no-repeat; position:absolute; top: 0; overflow: hidden; text-indent: -150px; }
#bd { min-height:540px; z-index: 500; }
#bd .basic { margin-right:10px; margin-left:10px; }
#bd .yui-g { background-position:677px bottom; background-repeat:no-repeat; background-image:url(/sitestyle/images/shopping-icons-fsc.gif); }
#bd .shop_right { margin-bottom:120px; width:250px; }
#bd ul { margin-bottom: 10px;}
#bd ul li { list-style-position: inside; padding-left: 3px; list-style-type: disc; }
#bd ol { margin-bottom: 5px; font-size: 10px; padding-left: 22px; }
#bd ol li { line-height: 1.2em; padding-bottom: 1px; list-style-position: outside; list-style-type: decimal; }
#ft { position:relative; height:214px; }
#ft .area0 { left:0; position:absolute; text-align:center; height:20px; width:960px; top:73px; color:#dbd9d6; }
#ft .copyright { position:absolute; left:0; bottom:7px; font-size:10px; color:#B8B3AA; }
#ft .designers { font-size:10px; right:0; bottom:20px; position:absolute; color:#B8B3AA; }
#main_menu { font-size:12px; text-align:center; height:22px; width:100%; top:165px; position:absolute; }
#main_menu li { display:inline; }
#main_menu li a { font-weight:bold; margin-right:20px; margin-left:20px; color:white; text-decoration:none; text-transform:uppercase; }
#main_menu .menuon,#main_menu li a:hover { color:#b8b3aa; padding-bottom:1px; }
#sub_menu { text-align:center; height:20px; width:100%; top:188px; position:absolute; }
#sub_menu li { display:inline; }
#sub_menu li a { margin-right:10px; margin-left:10px; text-transform:lowercase; color:#B8B3AA; text-decoration:none; line-height: 1.2em;padding-bottom: 5px; width: 130px;}
#sub_menu .menuon,#sub_menu .withsubsub,#sub_menu li a:hover { color:white; text-decoration:none; }
#customer_services { z-index: 300; text-align:center; left:0; top:-120px; position:absolute; background-repeat:repeat-x; background-image:url(/sitestyle/images/customer-service-bg.png); _background-image:url(/sitestyle/images/customer-service-bg.gif); width:100%; height:150px; }
#customer_services .content { position:relative; margin-right:auto; margin-left:auto; height:150px; width:960px; }
#dropdown_links { display:block; left:250px; top:40px; position:absolute; height:34px; width:480px; }
#dropdown_links a { background-position:left; background-repeat:no-repeat; background-image:url(/sitestyle/images/customer-service-links.gif); height:34px; width:120px; top:0; overflow:hidden; text-indent:-300px; float:left; }
#dropdown_links .contact_us { background-position:0 top; }
#dropdown_links .contact_us:hover { background-position:0 bottom; }
#dropdown_links .shop_online { background-position:-120px top; }
#dropdown_links .shop_online:hover { background-position:-120px bottom; }
#dropdown_links .enquire_now { background-position:-240px top; }
#dropdown_links .enquire_now:hover { background-position:-240px bottom; }
#dropdown_links .samples { background-position:-360px top; }
#dropdown_links .samples:hover { background-position:-360px bottom; }
#open_close { background-repeat:no-repeat; background-image:url(/sitestyle/images/customer-service.png); _background-image:url(/sitestyle/images/customer-service.gif); height:30px; width:126px; right:0; bottom:0; position:absolute; display:block; overflow:hidden; text-indent:-300px; }
.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:73px; }
.buttonsSubmit { background-image:url(/sitestyle/images/buttons/submit.gif); height:19px; width:73px; }
.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; }
.buttonLeft { float:left; padding-right:5px; }
.table-style { border:1px solid #4066b0; margin-left:50px; }
.table-style .evenrow { background:#e1e0e0 center; }
.table-style tr { }
.table-style tr th { padding-top:3px; padding-bottom:3px; padding-left:10px; background:#4066b0; color:#FFFFFF; }
.table-style tr td { padding-top:3px; padding-bottom:3px; padding-left:10px; }
.table-style .evenrow td { background:#eeeeee; }
.fracNum { vertical-align:.2em; }
.fracDen { vertical-align:-.2em; }
#detailview { padding-bottom:10px; background-color:#2b2521; }
#detailview h2 { border-bottom-color:black; border-bottom-width:1px; border-bottom-style:solid; font-size:12px; color:#FFFFFF; padding-left:10px; padding-top:5px; padding-bottom:4px; margin-bottom:5px; font-weight:bold; }
#detailview h3 { font-weight:bold; color:white; padding-left:10px; font-size:12px; }
#detailview p { margin-bottom:0; font-size:11px; color:#dbd9d6; padding:0 5px 0 10px; }
#detailview p { padding-left: 10px; padding-bottom: 2px; padding-right: 5px; padding-top: 0; border-bottom-color: #000; border-bottom-width: 1px; border-bottom-style: dashed; font-size:11px; margin-bottom: 3px; overflow: hidden;}
#detailview p span { font-size: 11px; font-style: italic; float:left; width: 77px;}
#detailview input { margin:5px; padding:5px; width:155px; }

ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none;margin: 0;padding: 0;}
ul.dropdown {position: relative;z-index: 897;float: left;}
ul.dropdown li {line-height: 1.2em;vertical-align: middle; zoom: 1;}
ul.dropdown li.hover,
ul.dropdown li:hover {position: relative;z-index: 899;cursor: default;}
ul.dropdown ul {visibility: hidden;position: absolute;top: 16px;left: 0;z-index: 898;width: 100%; padding-bottom: 7px;}
ul.dropdown ul li {float: none;}
ul.dropdown ul ul {top: 1px;left: 99%;}
ul.dropdown li:hover > ul {visibility: visible;}

.ie7 ul.dropdown ul {top:13px;}

* html ul.dropdown li {height: 1px;}
ul.dropdown ul li,ul.dropdown-vertical {margin-left: -16px;mar\gin-left: 0;}
ul.dropdown ul,ul.dropdown li:hover ul ul,ul.dropdown li:hover ul ul ul,ul.dropdown li:hover ul ul ul ul,ul.dropdown li:hover ul ul ul ul ul {visibility: hidden;}
ul.dropdown li:hover ul,ul.dropdown ul li:hover ul,ul.dropdown ul ul li:hover ul,ul.dropdown ul ul ul li:hover ul,ul.dropdown ul ul ul ul li:hover ul {visibility: visible;}
ul.dropdown ul ul ul ul ul ul {visibility: hidden !important;}
ul.dropdown ul {background-color: #272526; width: 160px;margin-top: 0;}
ul.dropdown ul li a { border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 6px!important; padding-left: 10px; display: block; font-weight: normal; text-align: left;padding-top: 5px;}

#vertical_scroll { left:0; top:0; position:absolute; }
#vertical_scrollbar { top:25px; background-repeat:repeat-y; background-image:url(/sitestyle/images/v-scroll-bg.gif); right:230px; height:480px; width:19px; position:absolute; }
#vertical_scrollbar a { left:0; background-position:left top; background-repeat:no-repeat; position:absolute; display:block; height:17px; width:19px; text-indent:-50px; overflow:hidden; }
#vertical_scrollbar a:hover { background-position:right top; }
#vertical_scrollbar .top { top:0; background-image:url(/sitestyle/images/v-scroll-top.gif); }
#vertical_scrollbar .bottom { bottom:0; background-image:url(/sitestyle/images/v-scroll-bottom.gif); }
#vertical_slider { height:447px; width:15px; left:2px; top:17px; position:absolute; }
#vertical_slider div { background-position:right bottom; background-repeat:no-repeat; background-image:url(/sitestyle/images/v-scroll-bar-bottom.gif); height:447px; width:15px; left:0; top:0; position:absolute; cursor:move; }
#vertical_slider div span { display:block; height:6px; width:15px; left:0; top:0; position:absolute; background-repeat:no-repeat; background-image:url(/sitestyle/images/v-scroll-bar-top.gif); }
.scroll_standard {right:10px !important;}

.window {background-image:url("/sitestyle/images/window_background.png"); background-position:top left; border-radius: 10px; padding:10px; font-family:"Lucida Grande",Verdana; font-size:13px; font-weight:bold; color:#fff; text-align:center; min-width:150px; min-height:100px;} 
.window .window_contents { margin-top:10px; width:100%; height:100%;}
.window .window_header { text-align:center;} 
.window .window_title { margin-top:-7px; margin-bottom:7px; font-size:11px; cursor:move;} 
.window .window_close { display:block; position:absolute; top:4px; left:5px; height:13px; width:13px; background-image:url("/sitestyle/images/window_close.gif"); cursor:pointer; cursor:hand;}