/*** GENERAL STYLES ***/

body {background: #fff url(/imgD/bkg.gif) left top repeat-x; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #4c4c4c;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 18px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #069; outline: 0;}
.arrowlink {padding-right: 10px; background: url(/imgD/arrowlink.gif) right center no-repeat; color: #666; text-decoration: none;}
.arrowlink:hover {color: #069; text-decoration: underline;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 10px;}
.blue {color: #069;}
.nowrap {white-space: nowrap;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 20px 20px 0;}
.imgright {float: right; margin: 0 0 20px 20px;}
.module .imgleft {float: left; margin: 0 10px 10px 0;}
.module .imgright {float: right; margin: 0 0 10px 10px;}
.imgborder {border: 1px solid #999;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.dothr {float: none; clear: both; height: 1px; overflow: hidden; border-top: 2px dotted #069; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** TOP STYLES ***/

#top {position: relative; height: 103px; margin-bottom: 35px;}
#top a {color: #666; text-decoration: none;}
#top a:hover {color: #069; text-decoration: underline;}

#logo {position: absolute; left: 0; top: 0; width: 125px; height: 102px; font-size: 25px; text-align: center; text-transform: uppercase; line-height: 102px; letter-spacing: -1px; color: #004c6d; text-decoration: none; overflow: hidden;}
#logo .ir {background: url(/imgD/logo.jpg);}
#tagline {position: absolute; left: 135px; bottom: 5px; font-weight: normal; font-style: italic;}

#searchform {position: absolute; right: 0; top: 15px; font-size: 11px;}
#searchform input {vertical-align: middle;}
#searchtext {height: 16px; border: 1px solid #666; border-right: 0; padding-left: 3px; width: 140px;}
#searchbutton {}
#searchform a {display: block; margin-top: 4px;}

#nav {position: absolute; right: 0; bottom: 6px; overflow: hidden; line-height: 1.1em;}
#nav li {position: relative; left: 12px; float: left; border-right: 1px solid #ccc;}
#nav li a {display: block; width: 10px; white-space: nowrap; padding: 0 12px; text-transform: uppercase;}
	html>body #nav li a {width: auto;}

#eyebrow {position: absolute; right: 175px; top: 20px; line-height: 1.1em; overflow: hidden; font-size: 11px;}
#eyebrow li {position: relative; left: 1px; float: left; border-right: 1px solid #ccc;}
#eyebrow li a {display: block; width: 10px; white-space: nowrap; padding: 0 7px;}
	html>body #eyebrow li a {width: auto;}
#eyebrowcall {padding: 0 7px;}
#eyebrowcall strong {color: #069; text-transform: uppercase;}

#cartlink {position: absolute; left: 480px; top: 0; font-size: 11px;}
#cartlink a {display: block; width: 65px; padding: 17px 0 10px 35px;  line-height: 11px; background: url(/imgD/cartlink.gif) 0 18px no-repeat;}
#cartlink a strong {display: block; font-weight: normal; text-decoration: underline;}


/*** MAIN STRUCTURAL STYLES ***/

#outer {position: relative; width: 980px; margin: 0 auto; text-align: left;}
#main {background: url(/imgD/main.gif) left top repeat-y;}
	body.home #main {padding: 0;}
#left {float: left; width: 170px; padding-bottom: 30px; height: 440px; min-height: 440px;}
	html>body #left {height: auto;}
#right {float: right; width: 800px;}
	body.home #right {padding-bottom: 0;}
#content {width: 685px; padding-left: 15px; padding-top: 15px;}
#sidebar {display: none;}
	body.home #content {float: left; width: 550px; padding: 0;}
	body.home #sidebar {float: right; width: 240px; display: block; padding: 0;}
	body.account #content {width: 770px; padding: 0 15px;}
	body.wide #content {float: left; width: 475px;}
	body.wide #sidebar {float: right; width: 290px; display: block; margin-bottom: -10px;}
	body.narrow #content {float: left; width: 575px;}
	body.narrow #sidebar {float: right; width: 190px; display: block; margin-bottom: -10px;}


/*** LEFT NAV STYLES ***/


#leftnav {position: relative; margin-top: -18px;}
	html>body #leftnav {margin: 0;}
#leftnav a {display: block; text-decoration: none; text-align: center; text-transform: uppercase;}
#leftnav li.on a {color: #fff;}
#producttaba, #accounttaba {position: absolute; left: 0; top: 0; line-height: 18px; width: 80px; font-size: 10px; color: #ccc;}
	html>body #producttaba, html>body #accounttaba {top: -18px;}
#accounttaba {left: 85px;}
.on #producttaba, .on #accounttaba {color: #fff;}

#producttaba {background: #224d6e;}
.on #producttaba {background: #0175af;}
#accounttaba {background: #6d6f71;}
.on #accounttaba {background: #bcbec0;}

#leftnav ul {display: none;}
#leftnav li.on ul {display: block; width: 170px;}
#leftnav #accounttab ul {position: relative;}
#leftnav ul li {position: static; border-bottom: 2px solid #fff; width: 170px;}

#leftnav #producttab li {background: #224d6e url(/imgD/leftnav-product.gif) left top repeat-x;}
#leftnav #accounttab li {background: #6d6f71 url(/imgD/leftnav-account.gif) left top repeat-x;}
#leftnav #producttab li a {color: #a9c9da;}
/**#leftnav #accounttab li a {color: #cecdcd;}**/
#leftnav #accounttab li a {color: black;}
#leftnav ul li a {text-align: center; font-size: 15px; line-height: 17px; padding: 10px; width: 150px;}
#leftnav #accounttab ul li a {font-size: 12px;}
#leftnav ul li a:hover, #leftnav ul li.on a {background: url(/imgD/leftnav-arrow.gif) left center no-repeat;}
#leftnav #producttab li.on a {color: #fff;}

#leftnav li.on ul ul {display: none;}
#leftnav li.on ul li.on ul {display: block;}
#leftnav #accounttab ul ul {position: relative; left: 0;}
#leftnav ul ul li {border-top: 1px solid #fff; border-bottom: 0;}
#leftnav li.on ul ul li a {background: #e0e0e0 !important; text-align: left; font-size: 10px !important; color: #666 !important; padding: 5px 15px; width: 140px;}
#leftnav li.on ul ul li a:hover {background: #f2f2f2 !important; color: #069 !important;}
#leftnav li.on ul ul li.on a {background: #e6edf1 !important; color: #069 !important;}

/*** CONTENT STYLES ***/

#content h1 {color: #069; font-size: 18px; line-height: 1.3em; padding: .3em 0 .7em 0;}
h1.pagetitle, #content h1.pagetitle {position: relative; color: #069; text-transform: uppercase; padding: 0 20px; font-size: 15px; background: #e6e6e6; line-height: 37px; margin-bottom: 10px;}
#content h1.pagetitle {margin-left: -15px;}
body.home h1.pagetitle {display: none;}
#content h2 {color: #069; font-size: 16px; line-height: 1.3em; font-style: italic; padding: .3em 0 .7em 0;}
#content h3 {font-size: 13px; line-height: 1.3em; padding: .3em 0 .5em 0;}
#content ul {margin: 1.5em;}
#content li {padding-left: 10px; background: url(/imgD/bullet.gif) 0 6px no-repeat;}

#content a.backlink {padding-left: 10px; background: url(/imgD/backlink.gif) 0 4px no-repeat;}

#content blockquote {margin: 2em; font-size: 15px; line-height: 1.3em; font-style: italic; color: #069;}
#content blockquote cite {display: block;}





/*** SIDEBAR STYLES ***/

body.home .module {font-size: 11px; line-height: 14px;}
.module {position: relative; background: #e0e0e0; padding: 10px; margin-bottom: 10px;}
.module h2.modulehead {position: relative; border-bottom: 1px solid #fff;  margin: -10px -10px 10px -10px !important; padding: 0 !important;}
.module h2.modulehead span {display: block; color: #069; text-transform: uppercase; text-align: center; font-size: 15px; overflow: hidden; height: 46px !important; line-height: 46px !important;}
.module p {margin-bottom: 1em;}
body.home .module p {margin: 0;}
body.home .module .homemoduletext p {margin-bottom: 1em;}

#homecustomizationarea {margin-left: -10px; height: 271px; overflow: hidden;}
#homefeatured, #homemanufacturers {margin-bottom: 0 !important;}
#homefeatured .homemoduletext {height: 176px; overflow: hidden;}
#homepromotions .homemoduletext {height: 104px; overflow: hidden;}
#homeexpert .homemoduletext {height: 50px; overflow: hidden;}
#homemanufacturers .homemoduletext {height: 66px; overflow: hidden;}

#homecustomizationarea ul {float: left; width: 150px; height: 271px; border-right: 2px solid #999; margin: 0; z-index: 5;}
#homecustomizationarea ul li {margin-left: 10px; padding: 0; background: none; border-bottom: 1px solid #d6d6d6;}

#homecustomizationarea ul li a {display: block; text-indent: 10px; padding: 5px 0; color: #666; text-decoration: none;}
#homecustomizationarea ul li.on a {margin-left: -10px; margin-right: -2px; background: #fff; border-left: 10px solid #069;}
#homecustomizationdiv {float: right; width: 348px; height: 249px; padding: 10px 20px; border-bottom: 2px solid #999; background: #fff; line-height: 18px; z-index: 1;}
#homecustomizationdiv h3 {color: #069; font-size: 18px; line-height: 25px; margin-bottom: 10px; letter-spacing: 1px; font-weight: normal; background: url(/imgD/dots.gif) left bottom repeat-x;}

#homefeatured h3 {font-size: 18px; font-weight: normal; margin-bottom: 0; line-height: 1.1em; padding: 0;}
#homefeatured h4 {margin-bottom: 1.5em;}
#homefeatured strong {text-transform: uppercase;}
#homefeatured ul {position: absolute; top: 15px; right: 15px; height: 20px; line-height: 20px; font-size: 11px; font-weight: bold; margin: 0;}
#homefeatured ul li {float: left; padding: 0; background: none;}
#homefeatured ul li a {display: block; width: 20px; height: 20px; text-align: center; background: #ccc; color: #858585; text-decoration: none; border: 2px solid #e0e0e0;}
#homefeatured ul li.on a {background: #069; color: #fff;}
#homefeatured ul #homefeaturedprev a, #homefeatured ul #homefeaturednext a {overflow: hidden; line-height: 100px; background: #e0e0e0 url(/imgD/homefeaturedpages.gif) left top;}
#homefeatured ul #homefeaturednext a {background-position: right top;}


/*** CONTACT FORM STYLES ***/

#contactform {padding: 0 10px;}
#contactform label {display: block; padding: 3px 2px;}
#contactform input, #contactform textarea {width: 100%; border: 1px solid #aaa;}
#contactform textarea {height: 110px;}
#contactform p {margin: 0; padding: 2px;}
#contactform .textcenter {padding: 8px 0;}
#contactform .button {width: auto; border: 0;}
.req {color: #069;}


/*** PRODUCT PAGE STYLES ***/

ul.crumbs {padding: 0; margin: -15px 0 15px 0 !important; font-weight: bold;}
ul.crumbs li {display: inline; padding: 0 4px 0 0 !important; background: none !important;}
ul.crumbs li a {padding-right: 12px; background: url(/imgD/bullet.gif) right 50% no-repeat; font-weight: normal;}

#sortby {margin-bottom: 12px;}
#paginglist {margin-bottom: 12px;}

.grid {float: left; text-align: center; word-wrap: break-word;}
.grid a {display: block; text-decoration: none; color: #666;}
.grid span {display: block;}
.grid img {border: 1px solid #999;}
.grid a:hover .itemname {text-decoration: underline;}

.fiveacross {width: 92px; padding: 0 11px 15px;}
.threeacross {width: 172px; padding: 0 9px 15px;}

.theproductimage {float: left; margin: 0 20px 20px 0; padding: 10px; background: #e0e0e0;}
.theproductdescription {float: right; width: 308px;}
.theproducttable {background: #e0e0e0; padding: 10px; margin: 10px 0 20px 0;}
.theproducttable table {width: 100%; background: #fff; border-collapse: collapse;}
.theproducttable th, .theproducttable td {border: 2px solid #e0e0e0; padding: 5px; font-size: 11px;}
.theproducttable thead th, .theproducttable thead td {border-bottom: 2px solid #e0e0e0; text-align: center; text-transform: uppercase; font-weight: bold; line-height: 14px;}
.productaddqty {width: 25px;}
.theproducttable input, .theproducttable img {vertical-align: middle;}

.productpagetab {float: left; padding: 0 10px; background: #e0e0e0; font-size: 11px; text-transform: uppercase; line-height: 2em;}
.productpagetabdiv {clear: left; background: #e0e0e0; padding: 10px; margin: 0 0 10px 0;}
.nopad {padding: 0;}


/*** FOOTER STYLES ***/

#footer {margin-top: 10px; text-align: center; font-size: 10px;}
#footer ul {height: 28px; line-height: 28px; background: #e0e0e0;}
#footer ul li {display: inline;}

#footer ul a {color: #666; text-decoration: none;}
#footer ul a:hover {color: #069; text-decoration: underline;}
#footer p {margin: 6px 0;}
#poweredby a {position: relative; display: block; height: 22px; line-height: 22px;}
#poweredby .ir {background: url(/imgD/powered_by_dialogs.jpg) center top no-repeat;}


/*** CHECKOUT STYLES ***/

table.cart th, table.cart td {padding: 4px 10px;}
.btn-blue {height: 26px; line-height: 26px; color: #fff; font-size: 14px; background: #214e6f url(/imgD/btn_blue_bkg.gif) left bottom repeat-x; border: 0; text-transform: uppercase;}

ul#cartprogress {position: absolute; right: 0; top: 0; line-height: 37px; font-size: 11px; margin: 0; padding: 0;}
ul#cartprogress li {float: left; background-position: left center; text-transform: uppercase; margin: 0; padding: 0 20px 0 20px; color: #888;}
ul#cartprogress li.on {color: #069;}

label.label100 {width: 100px; float: left; text-align: right; margin: 0 10px 3px 0;}
label.label125 {width: 125px; float: left; text-align: right; margin: 0 10px 3px 0;}


/*** SEARCH RESULTS STYLES ***/

.resultstable {border-top: 1px solid #ddd; margin: 2em 0;}
.resultstable td {border-bottom: 1px solid #ddd; padding: 5px; text-align: left;}