/* ********** CSS RESETS ********** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
textarea {overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important;}
/* ********** END of the CSS RESETS ********** */
body {margin:0 0 50px 0; padding:0; font:.9em Arial, Helvetica, Verdana, sans-serif; color:#000; background: #d2dce5 url(graphics/body-bg.png) repeat-x top left;}
#body-shadow {margin: 0 auto; width: 1000px; background: transparent url(graphics/body-shadow-bg.png) repeat-y top center;}
/* Header */
#header {height: 85px;}
#header .logo {float: left; width: 336px; height: 85px;}
#header-actions {color: #0e1c58; width: 604px; height: 85px; text-align: right; float: right;}
#header-actions a:link {text-decoration: none; color: #0e1c58;}
#header-actions a:visited {text-decoration: none; color: #0e1c58;}
#header-actions a:hover {text-decoration: underline; color: #0d87e6;}
#header-actions a:active {text-decoration: none; color: #0e1c58;}
.headlinks {padding: 8px 224px 0 0; font-size: 12px; background: #fff url(graphics/header-number.png) no-repeat top right;}
#basket-total-wrap {position: relative; top: 5px; height: 40px;}
.basket-total {padding: 12px 8px 9px 45px; font-size: 12px; text-align: left; float: right; background: #f5f6fb url(graphics/basket-total-cart-bg.png) no-repeat top left;}
.headerchkout {float: right;}
/* Home Page's Main Banner Setup */
#home-banner-wrap {width: 940px; height: 245px; margin: 10px 0 20px 0;}
#banner {position: relative; width: 630px; height: 245px; float: left; background: #fff url(graphics/home-banner-1.jpg) no-repeat;}
#banner .whybuy {position: absolute; top: 167px; left: 14px;}
#home-main-actions {width: 300px; height: 245px; float: right;}
#home-main-actions .iconbuttons {margin-bottom: 7px;}
/* Storefront Featured Product Display */
#sfnt-featprod-display {font-size: 12px; border: 1px solid #b7c0cd;}
#sfnt-featprod-display .prod-image {width: 180px; height: 126px;}
#sfnt-featprod-display .prod-image img {max-height: 126px;}
#sfnt-featprod-display .prod-details {width: 180px; height: 102px; background: #dadfe7 url(graphics/ctgy-table-cell-bg.png) repeat-x top left;}
#sfnt-featprod-display .prod-name a:link {text-decoration: underline;}
#sfnt-featprod-display .prod-name a:visited {text-decoration: underline;}
#sfnt-featprod-display .prod-name a:hover {text-decoration: none;}
#sfnt-featprod-display .prod-name a:active {text-decoration: underline;}
#sfnt-featprod-display .prod-reg-price {margin: 0; padding: 0;}
#sfnt-featprod-display .prod-sale-price {margin: 0; padding: 0;}
#sfnt-featprod-display .prod-view-details {width: 68px; font-size: 11px; background: url(graphics/view-details-arrow.png) no-repeat 0 3px; margin: 0; padding: 0 0 0 9px;}
#sfnt-featprod-display .prod-view-details a:link {text-decoration: underline; color: #39516f;}
#sfnt-featprod-display .prod-view-details a:visited {text-decoration: underline; color: #39516f;}
#sfnt-featprod-display .prod-view-details a:hover {text-decoration: none; color: #008aff;}
#sfnt-featprod-display .prod-view-details a:active {text-decoration: underline; color: #39516f;}
/* Content */
#main-wrapper {padding: 0 10px 25px 10px; margin: 0 auto; width: 940px; background-color: #fff;}
.home-heading {font: normal 1.4em Arial, Verdana, sans-serif; color: #0c1542; padding: 0; margin: 0 0 10px 0;}
#right-side-content {float: right; width: 725px; padding-bottom: 25px;}
/* Left Column & Category Tree */
#left-column {border: 1px solid #d9dbe4; float: left; width: 205px; margin-top: 10px;}
#cattree {padding-top: 38px; background: #fff url(graphics/cattree-bg.png) no-repeat;}
#cattree h5 {font-weight: bold; color: #253064;}
#cattree li {border-bottom: 1px solid #c5c8d3; padding: 8px 4px 8px 8px;}
#cattree .subcategory {padding-left: 14px; border-bottom: none !important;}
/* Product Page Layout */
#breadcrumbs {padding: 10px 0; font-size: 10.5px;}
#breadcrumbs a:link {text-decoration: underline; color: #2f3a6b;}
#breadcrumbs a:visited {text-decoration: underline; color: #2f3a6b;}
#breadcrumbs a:hover {text-decoration: none; color: #008aff;}
#breadcrumbs a:active {text-decoration: underline; color: #2f3a6b;}
#product-main-table {border: 1px solid #d1d4d8; padding: 4px; margin-bottom: 25px;}
#product-main-table .product-image {border: 1px solid #b7c0cd; width: 250px; height: 250px;}
#product-main-table .product-image img {max-height: 250px;}
#product-main-table .view-spec-sheet {padding-left: 24px; background: url(graphics/icon-view-spec-sheet.png) no-repeat center left; text-decoration: underline;}
#product-rtcol {padding-left: 20px;}
#product-rtcol h1 {font: normal .9em Arial, Verdana, sans-serif !important; color: #000; padding: 0; margin: 8px 0 0 0;}
#product-rtcol .pname {color: #374daf; font-size: 14px; font-weight: bold;}
#product-rtcol b {color: #253064;}
#product-rtcol p {margin: 0; padding: 0;}
#add2cart-table {margin-top: 15px;}
#add2cart-table .a2ccellbg {background: url(graphics/addtocart-bg.png) no-repeat; width: 430px; height: 13px;}
#add2cart-table .qty-box {width: 30px; text-align: center; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#related-prods-table {border: 1px solid #d1cfcf; padding: 6px;}
#related-prods-table .relprod-cell {font-size: 12px !important;}
#related-prods-table .heading {height: 40px; font-size: 14px !important; background: url(graphics/basket-table-heading-bg.gif) repeat-x top left; color: #1b2556; text-shadow: 0px 1px 0px #fff;}
/* ************** Product Tabs ************** */
#maintab {margin: 20px 0 0 0 !important; height: 35px; padding: 0 !important;} /* This line controls the tab line overlap issue */
.shadetabs li {color: #5c5c5c; display: block; float: left; margin: 0; padding-left: 1px; border: 1px solid #d3d3d3; border-left: none; text-shadow: 0px -1px 0px #fff;}
.shadetabs li a:link {display: block; font-weight: bold; text-decoration: none !important; padding: 9px 10px 9px 10px; color: #5c5c5c !important; background: transparent url(graphics/shade.gif) top left repeat-x;}
.shadetabs li a:hover {display: block; font-weight: bold; text-decoration: underline !important; padding: 9px 10px 9px 10px; color: #1091ff !important; background: transparent url(graphics/shade.gif) top left repeat-x;}
.shadetabs li a:active {display: block; font-weight: bold; text-decoration: none !important; padding: 9px 10px 9px 10px; color: #5c5c5c !important; background: transparent url(graphics/shade.gif) top left repeat-x;}
.shadetabs li a:visited {display: block; font-weight: bold; text-decoration: none !important; padding: 9px 10px 9px 10px; color: #5c5c5c !important; background: transparent url(graphics/shade.gif) top left repeat-x;}
.shadetabs li.selected {color: #5c5c5c; border-bottom: 1px solid #fff; text-shadow: 0px -1px 0px #fff;}
.shadetabs li.selected a:link {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: none !important; color: #5c5c5c !important;}
.shadetabs li.selected a:hover {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: underline !important; color: #1091ff !important;}
.shadetabs li.selected a:active {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: none !important; color: #5c5c5c !important;}
.shadetabs li.selected a:visited {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: none !important; color: #5c5c5c !important;}
.tabcontent {border: 1px solid #d3d3d3; padding: 20px 10px 12px 10px;}
#default-tab {border-left: 1px solid #d3d3d3 !important;}
/* ************** End Product Tabs ************** */
/* Category Page Layout */
#ctgy-featprod-display {font-size: 12px;}
#ctgy-featprod-display .prod-image {width: 220px; height: 200px; border: 1px solid #ecf0f2;}
#ctgy-featprod-display .prod-details {height: 48px; padding-top: 6px;}
#subctgy-featprod-display {border: 1px solid #d1d4d8; margin-bottom: 12px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;}
#subctgy-featprod-display .prod-image {width: 200px; height: 200px; border: 1px solid #b7c0cd;}
#subctgy-featprod-display .data-cell {padding-left: 10px; width: 500px;}
#subcat-prod-details-table b {color: #253064;}
#subcat-prod-details-table p {padding: 0 !important; margin: 0 !important;}
#subcat-prod-details-table .firstcell {width: 150px;}
#subcat-prod-details-table .secondcell {width: 210px;}
#subcat-prod-details-table .thirdcell {width: 135px;}
#subcat-prod-details-table .view-details {font-size: 12px; background: url(graphics/view-details-arrow.png) no-repeat 0 3px; margin: 0; padding: 0 0 0 14px !important;}
#subcat-prod-details-table .pdescription {font-size: 11.5px;}
#subcat-prod-details-table .qty-box {width: 30px; text-align: center; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
/* General Classes & Typography */
p {line-height: 1.6em; margin-bottom: 12px;}
h1 {font: normal 1.4em Arial, Verdana, sans-serif; color: #263268; padding: 0; margin: 8px 0 10px 0;}
h2 {font: normal 1.3em Arial, Verdana, sans-serif; color: #263268; padding: 0; margin: 0 0 10px 0;}
h3 {font: bold 1.2em Arial, Verdana, sans-serif; color: #263268; padding: 0; margin: 0 0 10px 0;}
a:link {text-decoration: none; color: #374daf;}
a:visited {text-decoration: none; color: #374daf;}
a:hover {text-decoration: underline; color: #008aff;}
a:active {text-decoration: none; color: #374daf;}
.clearfix {clear: both;}
.cust-button {text-align: right; margin: 20px 0;}
.hpipes {padding: 0 7px; color: #b7c0cd;}
hr {border: none; background-color: #d0d8e0; height: 1px; width: 100%; margin: 5px 0 18px 0;}
.special-info-message {padding: 7px 7px 7px 32px; background: #fdfcea url(graphics/icon-special-info.png) no-repeat 8px 11px; border: 1px solid #eae9d4;}
.special-warning-message {color: #ff0000; font-weight: bold; padding: 7px 7px 7px 32px; background: #fdfcea url(graphics/icon-special-warning.png) no-repeat 8px 11px; border: 1px solid #eae9d4;}
.my-cart-heading {background: #fff url(graphics/icon-my-cart.png) no-repeat 4px 3px; padding-left: 38px;}
.cust-buttons {margin-top: 15px; text-align: right;}
.chkout-headings {margin-top:16px !important;}
.osel-makeselection-msg {background: url(graphics/icon-arrow-down.png) no-repeat; padding-left: 23px;}
/* Footer */
#brands-we-carry {margin: 0 auto; width: 960px; height: 282px; padding-top: 42px; background: #fff url(graphics/brands-bg.png) no-repeat;}
#brands-we-carry table {width: 940px; margin: 0 auto;}
#brands-we-carry td {height: 80px;}
#footer {position: relative; margin: 0 auto; width: 960px; height: 156px; background: #fff url(graphics/footer-bg.png) no-repeat;}
#footer-addtl-info {font-size: 11px; width: 678px;}
#footer-addtl-info a:link {text-decoration: none; color: #56769f;}
#footer-addtl-info a:visited {text-decoration: none; color: #56769f;}
#footer-addtl-info a:hover {text-decoration: underline; color: #008aff;}
#footer-addtl-info a:active {text-decoration: none; color: #56769f;}
#footer-addtl-info {text-align: right; position: absolute; top: 25px; right: 22px;}
#footer-addtl-info .copyright {margin-top: -8px !important; color: #7d7f83;}
#footer-cap {width: 1000px; height: 27px; margin: 0 auto; background: transparent url(graphics/footer-cap-bg.png) no-repeat top center;}
#geotrust-seal {width: 115px; height: 55px; position: absolute; top: 77px; right: 20px;}
/* Basket Screen */
#basket-table {border: 1px solid #d1cfcf; padding: 6px;}
#basket-table .heading {height: 40px; font-size: 14px !important; background: url(graphics/basket-table-heading-bg.gif) repeat-x top left; color: #1b2556; text-shadow: 0px 1px 0px #fff;}
#basket-table .remove {width: 70px;}
#basket-table .part-number {width: 112px;}
#basket-table .code {width: 112px;}
#basket-table .quantity {width: 115px;}
#basket-table .price {width: 75px;}
#basket-table .total {width: 75px; padding-right: 10px;}
#basket-table .cell-bottom {border-top: 1px solid #d9d9d9;}
#basket-table .total-line {background-color: #eceff7; border-top: 1px solid #b5bac8; text-shadow: 0px 1px 0px #fff;}
#basket-table .qty-box {width: 30px; text-align: center; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#basket-table .charge-line {border-top: 1px solid #d1cfcf;}
#cart-buttons {margin-top: 15px;}
/* Search Template Table */
#search-table {border: 1px solid #d1cfcf; padding: 6px; font-size: 12px;}
#search-table .heading {height: 40px; font-size: 14px !important; background: url(graphics/basket-table-heading-bg.gif) repeat-x top left; color: #1b2556; text-shadow: 0px 1px 0px #fff;}
#search-table .code {width: 150px;}
#search-table .name {width: 579px;}
#search-table .price {width: 78px;}
#search-table .qty-box {width: 30px; text-align: center; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#search-mini-table {margin-bottom: 12px;}
#search-mini-table input {vertical-align: top; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#search-mini-table .search {width: 104px; height: 29px; border: none; padding: 0; margin: 0; background-image: none;}
/* Customer Account Screens */
#customer-acnt-login-section {font-size: 12px !important;}
#customer-acnt-login-section input {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#customer-screen-table {border: 1px solid #d1cfcf; padding: 6px; font-size: 12px !important;}
#customer-screen-table .heading-bg {font-size: 14px !important; background: url(graphics/customer-table-heading-bg.gif) repeat-x top left; color: #1b2556; text-shadow: 0px 1px 0px #fff;}
#customer-screen-table input {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#customer-screen-table select {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#customer-screen-table .heading-bg-osel {padding: 12px 0 12px 4px !important; font-size: 14px !important; background: url(graphics/basket-table-heading-bg.gif) repeat-x top left; color: #474747; text-shadow: 0px 1px 0px #fff;}
#customer-screen-table .ords-cust-info {padding-left: 12px; margin-bottom: 0; margin-top: 4px; font-size: 14px !important;}
/* Shipping / Payment Selection section */
#osel-shippay-table select {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#osel-shippay-table input {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left; vertical-align: top;}
#osel-shippay-table .paywith {height: 36px;}
#osel-payship-wrap {border: 1px solid #d1cfcf; padding: 6px;}
/* Login Screens */
#login-table input {width: 183px; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#login-table .submit {width:73px; height:38px; border: none !important; padding: 0 !important; margin: 0 !important; background-image: none !important;}
#login-table .retrievepw {width: 189px; height: 37px; border: none !important; padding: 0 !important; margin: 0 0 0 25px !important; background-image: none !important;}
/* Top navigation */
#navigation {background: #fff url(graphics/nav-bg.png) no-repeat; width: 940px; height: 38px;}
#menu {width: 717px; height: 38px; padding:0; margin:0; list-style:none; position:relative; z-index:1000; font: normal 12px arial, verdana, Helvetica, sans-serif; letter-spacing: .7px !important; float: left;}
#menu li {float:left; margin: 0;}
#menu li a {display:block; float:left; height: 38px; line-height: 38px; text-decoration:none;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#menu li:hover {position:relative; z-index:200;}
#menu :hover ul {left:0; top:38px; width:210px;} /* First sub */
/* Keep the 'next' level invisible by placing it off screen. */
#menu ul,
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul :hover ul {left: 210px; top: 0; white-space:nowrap; width: 210px; z-index:200; height:auto;}
#menu :hover ul li {margin: 0; border: none;}
#menu :hover ul li a {width:210px; padding:0; text-indent:10px; background-color: #374daf; color: #fff; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background: #374daf url(graphics/right-arrow-active.gif) no-repeat right center;}
#menu :hover ul :hover {background-color:#d4dcff; color:#24357f; background-image: none !important;}
#menu :hover ul :hover a.fly {background-color:#d4dcff; color:#fff;}
#menu :hover ul li.currentsub a {background:#d4dcff; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#d4dcff url(graphics/right-arrow.gif) no-repeat right center; color:#001416;}
#menu :hover ul :hover ul li a {width: 210px; padding:0; text-indent:10px; background: #374daf; color: #fff;}
#menu :hover ul :hover ul :hover {background-color:#d4dcff; color:#fff;}
/* Nav Rollover Images */
#menu .accessories {background: url(graphics/nav-accessories.png) no-repeat; width: 109px; height: 38px;}
#menu li:hover > a.accessories {background: url(graphics/nav-accessories-hov.png) no-repeat; width: 109px; height: 38px;}
#menu .ballasts {background: url(graphics/nav-ballasts.png) no-repeat; width: 74px; height: 38px;}
#menu li:hover > a.ballasts {background: url(graphics/nav-ballasts-hov.png) no-repeat; width: 74px; height: 38px;}
#menu .batteries {background: url(graphics/nav-batteries.png) no-repeat; width: 81px; height: 38px;}
#menu li:hover > a.batteries {background: url(graphics/nav-batteries-hov.png) no-repeat; width: 81px; height: 38px;}
#menu .fixtures {background: url(graphics/nav-fixtures.png) no-repeat; width: 74px; height: 38px;}
#menu li:hover > a.fixtures {background: url(graphics/nav-fixtures-hov.png) no-repeat; width: 74px; height: 38px;}
#menu .lamps {background: url(graphics/nav-lamps.png) no-repeat; width: 68px; height: 38px;}
#menu li:hover > a.lamps {background: url(graphics/nav-lamps-hov.png) no-repeat; width: 68px; height: 38px;}
#menu .tubegaurds {background: url(graphics/nav-tubegaurdsandcaps.png) no-repeat; width: 182px; height: 38px;}
#menu li:hover > a.tubegaurds {background: url(graphics/nav-tubegaurdsandcaps-hov.png) no-repeat; width: 182px; height: 38px;}
#menu .overstockitems {background: url(graphics/nav-overstock.png) no-repeat; width: 129px; height: 38px;}
#menu li:hover > a.overstockitems {background: url(graphics/nav-overstock-hov.png) no-repeat; width: 129px; height: 38px;}
/* Stuff needed for IE7 to act right with the lamps paragraph menu */
.nav-bigp-list-table {width: 420px !important;}
.nav-bigp-list {width: 210px !important;}
/* End top navigation */
/* Top Search */
#top-search {width: 223px; height: 38px; float: left;}
#top-search .search-field {vertical-align: top; background: transparent url(graphics/search-input-bg.png) no-repeat; width: 166px; margin: 3px 0 0 4px; padding: 9px 2px 10px 6px; color: #3c456c; border: none; font-size: 12px; text-shadow:0px 1px 0px #fff;}
#top-search .go {background-image: none !important; padding: 0 !important; margin: 3px 0 0 0 !important; width: 41px; height: 32px;}