/* STYLE RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}*{margin:0;padding:0;outline:none;}
/* TAGS */
html { background-image:url(../img/bg.jpg); background-color:#0190d2; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; font-family:Verdana, Geneva, sans-serif; font-size:12px }
strong { font-weight:bold }
p { margin-bottom:10px; line-height:17px }
#content-wrapper a { color:#a55e81; text-decoration:underline }
#content-wrapper a:hover { text-decoration:none }
.float-right { float:right }
.float-left { float:left }
h1 { display:block; font-size:20px; margin-top:20px; color:#73959d; font-weight:bold; clear:both; margin-bottom:5px }
h2 { display:block; border-bottom:1px solid #a55e81; font-size:16px; margin-top:20px; color:#a55e81; font-weight:bold; clear:both; margin-bottom:5px }
h3 { display:block; font-size:16px; margin-top:20px; color:#dda964; font-weight:bold; clear:both; margin-bottom:5px }
#contact-people h2 { display:block; border-bottom:1px solid #a55e81; font-size:16px; margin-top:20px; color:#a55e81; font-weight:bold; clear:both }
#contact-people-separator div a { color:#a55e81; text-decoration:underline }
#contact-people-separator div a:hover { text-decoration:none }
#contact-people-separator { padding:15px; clear:both }
#contact-people-anchor { text-align:center; margin-top:35px; line-height:18px }
#contact-people-anchor span a { color:#a55e81; text-decoration:underline; font-weight:bold }
/* STRUCTURE */
#container { text-align: left; background-color:#FFF; padding:0; margin: 0 auto; width:957px; overflow:hidden; min-height:700px; }
/************* HEADER */
#header { height:131px; margin:0 12px 0 12px; background-image:url(../img/bg_header_1.gif); background-position:right top; background-repeat:no-repeat }
#litemode-logo { margin-top:22px; margin-left:8px; float:left; width:228px }
/************* TOP NAV */
#top-nav { float:left; position:relative; top:22px; left:27px }
#top-nav img:first-child{ margin-right:11px }
#top-nav-links { margin-top:21px; font-size:11px; line-height:11px; }
#top-nav-links ul{ margin-left:8px }
#top-nav-links li{ display:block; float:left; margin-right:14px; background-image:url(../img/bullet_top-nav-links.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:10px }
#top-nav-links a{ color:#8f9091; text-decoration:none }
#top-nav-links a:hover{ text-decoration:underline }
/************* EXPLORE PRODUCTS */
#btn_explore { margin-right:10px; cursor:pointer }
#explore_nav { display:none; background-color:#e3e3e3; height:100px }
#explore_nav li { background-color: #302f2f; }
#explore_nav li a { color:#FFFFFF; text-decoration:none; padding:10px; display:block; }
#explore_nav li a:hover { padding:10px; font-weight:bold; color: #F00880; }
/************* MAIN NAV + DROP DOWN */
#nav { margin: 0 12px 0 12px; height:32px }
#nav li { display:block; float:left; margin-left:11px; }
#nav li:first-child{ margin-left:0 }
#nav li a{ outline:none }
#nav-tree li ul { position: absolute; visibility: hidden; display:block; width:225px; color:#858585; z-index:50 }
#nav-tree li ul li { width:100%; margin:6px 20px 6px 20px }
#nav-tree li ul li:first-child { margin-top:13px }
#nav-tree li ul li:last-child { margin-bottom:13px }
#nav-tree li ul li a { text-decoration:none; font-weight:bold }
#nav-tree li ul li a:hover { color:#858585; text-decoration:underline }
#dropdown-interior { background-color:#ecd6d3; }
#dropdown-interior li a { color:#dd6755; }
#dropdown-interior li:first-child { margin-left:20px }
#dropdown-exterior { background-color:#f5e5d1; }
#dropdown-exterior li a { color:#e49c3b; }
#dropdown-exterior li:first-child { margin-left:20px }
#dropdown-accessories { background-color:#e2e3dc; }
#dropdown-accessories li a { color:#829248; }
#dropdown-accessories li:first-child { margin-left:20px }
#dropdown-lightbulbs { background-color:#dae0e1; }
#dropdown-lightbulbs li a { color:#4a7b87; }
#dropdown-lightbulbs li:first-child { margin-left:20px }
/************* CONTENT */
#subpage { margin:6px 12px 0 12px; width:933px; overflow:hidden }
/************* CONTENT */
/*** HOME */
#home-middle { height:268px; margin-top:13px; }
#home-middle h1 { color:#1e5463; font-size:19px; font-weight:bold; margin-top:10px }
#home-middle p { color:#35545d; font-size:14px; }
#home-about { width:310px; margin-left:17px; float:left }
#home-about p{ font-size:11px; line-height:14px }
#home-about strong{ color:#d06c3b; font-weight:bold; font-size15px; display:block; margin-top:6px }
#home-ad1 { float:right; margin-left:15px }
#home-ad2 { float:right }
#home-bottom { margin-top:13px; padding-bottom:17px }
#home-logos { margin-top:6px; float:right }
#home-ad3 { float:right; margin-right:20px }
#home-search-design { background-color:#e6e6e6; height:87px; width:283px; background-image:url(../img/bg_search-by-design.gif); background-repeat:no-repeat; overflow:hidden; text-align:center; }
#home-search-design select { margin-top:45px; height:22px; line-height:18px; width:200px; text-align:center; padding-top:2px; color:#878787 }
#home-search-design select option{ margin-top:45px; height:22px; margin-top:5px; font-size:11px; padding-top:5px; color:#000 }
#banner { padding-bottom:3px; border-bottom:1px solid #CCC; margin-bottom:16px }
#side { float:right; width:225px; border-top:1px solid #cccccc; z-index:20 }
#side img{ margin-top:11px }
#content { float:left; width:697px; border-top:1px solid #cccccc; z-index:20 }
#content-wrapper { margin:10px 15px 15px 15px; }
#content-wrapper a{ color:#000; outline:none; text-decoration:none }
.products-interior .product-list-item{ background-color:#ecd6d3; border-bottom:1px solid #bf756a; }
.products-exterior .product-list-item{ background-color:#f5e5d1; border-bottom:1px solid #dda964; }
.products-accessories .product-list-item{ background-color:#e2e3dc; border-bottom:1px solid #9da28b; }
.products-lightbulbs .product-list-item{ background-color:#dae0e1; border-bottom:1px solid #83979c; }
/*** PRODUCTS */
#side { float:right; width:225px; border-top:1px solid #cccccc; z-index:20 }
#side img{ margin-top:11px }
#product-content { float:left; margin-left:11px; width:697px; border-top:1px solid #cccccc; z-index:20 }
.product-list-item { width:157px; margin-left:13px; overflow:hidden; float:left }
.product-list-item div { margin:8px; font-size:11px }
.product-list-item div span{ display:block; margin-top:3px; font-size:8px }
.product-list-item:hover { background-color:#e7e7e7; border-bottom-color:#999 }
.product-list-item:first-child { margin-left:0 }
.product-row { padding-top:13px; clear:both }
.product-row:first-child { padding-top:0 }
#products-nav { float:left; width:225px; border-top:1px solid #cccccc; z-index:20 }
#products-nav h1 { display:block; font-size:14px; font-weight:bold; margin:12px 0 12px 32px; }
#products-nav-categories { border-top:1px solid #CCC; border-bottom:1px solid #ccc; padding-bottom:17px }
#products-nav ul{ margin-left:41px }
#products-nav li{ margin-top:10px }
#products-nav a{ text-decoration:none; color:#000 }
#products-nav a:hover{ text-decoration:underline }
#products-pagination { border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin-top:20px; text-align:right; padding:6px; font-size:11px; color:#999 }
#products-pagination a { text-decoration:none; color:#033 }
#products-pagination a:hover{ text-decoration:underline }
.clear { clear:both; line-height:0; margin:0; padding:0 }
#copyright { text-align: center; margin-top:5px; margin-bottom:20px; color:#FFF; font-size:11px; }
#copyright a { color:#FFF }
/*** JQZOOM */
div.jqZoomTitle { z-index:5000; text-align:center; font-size:11px; font-family:Tahoma; height:16px; padding-top:2px; position:absolute; top:0px; left:0px; width:100%; color:#FFF; background:#999; }
.jqZoomPup { overflow:hidden; background-color:#FFF; -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:10; border-color:#c4c4c4; border-style:solid; cursor:crosshair; }
.jqZoomPup img { border:0px; }
.preload{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; font-family:Tahoma; text-decoration:none; border:1px solid #CCC; background-color:white; padding:8px; text-align:center; background-image:url(../img/zoomloader.gif); background-repeat:no-repeat; background-position:43px 30px; width:90px; * width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px; }
.jqZoomWindow { border:1px solid #999; background-color:#FFF; }