/* ------------------------ HEADER CONAINERS ---------------------------*/

#header_wrapper {
 position: absolute;
 top: 0px;
 width: 100%;
 text-align: center;
 height: 82px;
 left: 0px;
}

#header {
 position: relative;
 top: 0px;
 left: 0px;
 width: 760px;
 height: 82px;
 background-color: white;
}

#error {
 border: solid 1px black;
 background-color: red;
 width: 100%;
 font-weight: bold;
 text-align: center;
 color: white;
}

#freebox {
 position: relative;
 right: 10px;
 bottom: 3px;
 top: 54px;
 width: auto;
 float: right;
}

#headerbar {
 position: relative;
 top: 0px;
 width: 100%;
 clear: both;
 background-color: #4c6a8c;
}

#headerbar DIV {
 padding: 4%;
 padding-top: 2%;
 width: auto;
 text-align: center;
 float: left;
}

#headerbar DIV A {
 text-decoration: none;
 color: white;
}

#titleimg {
 position: relative;
 background-color: white;
 left: -15px;
 bottom: 3px;
 top: 4px;
 width: auto;
 float: left;
}


/* ------------------------ MAIN BODY CONAINERS ---------------------------*/

#main {
 background-color: #fbfaf3;
 text-align: center;
}

#bodywrapper {
 margin-top: 125px;
 background: #fbfaf3;
 width: 760px;
 height: 100%;
}

#contentbody {
 margin: 0px;
 margin-left: 10px;
 position: relative;
 text-align: center;
 background-color: white;
 padding: 0px;
 float: right;
 width: 574px;
}

/* ------------------------ LEFT NAVIGATION BAR ---------------------------*/

#leftcolumn {
 background-color: white;
 float: left;
 top:  0;
 margin: 0px;
 width: 171px;
 font-size: 0.8em;
 font-weight: bold;
 text-align: left;
}

div#leftcolumn A:visited { text-decoration: none; }
div#leftcolumn A:hover { text-decoration: underline; color: #E98E35; }

.firstlevelnav {
 color: black;
 text-decoration: none;
}

.firstlevelnavsel {
 color: #E98E35;
 text-decoration: none;
}

.secondlevelnav {
 color: black;
 text-decoration: none;
 padding-left: 15px;
}

.secondlevelnavsel {
 color: #E98E35;
 text-decoration: none;
 padding-left: 15px;
}

.thirdlevelnav {
 color: black;
 text-decoration: none;
 padding-left: 30px;
}

.thirdlevelnavsel {
 color: #E98E35;
 text-decoration: none;
 padding-left: 30px;
}

.sidenavbar {
 background: #DEDBE6;
 width: 100%;
 border: 1px solid #c0c0c0;
 margin-top: 8px;
 padding: 3px;
 padding-left: 5px;
 font-weight: bold;
 text-align: left;
}

.sidenavbar input {
 border: 1px solid #4c6a8c;
}

.sidenavbar SELECT {
 margin: 5px;
 font-size: 10px;
 font-weight: bold;
}

/* ---------------------- MAIN BODY FORMATTING ---------------------------*/
.grey_hr {
 width: 98%;
 color: #e7e3e7;
}

FORM {
 display: inline;
}

/* --------------------- PAGE FOOTER ----------------------------- */

#footer_bar {
 margin-top: 10px;
 clear: both;
 width: 100%;
 background-color: #4c6a8c;
}

/* ------------------------ PRODUCT PAGE ---------------------------*/

.spec_rightcol {
 float: right;
 width: 455px;
}

.browseheader {
 position: relative;
 width: 96.5%;
 height: 21px;
 border: 1px solid #c0c0c0;
 background-color: #edc847;
 padding: 3px;
 font-size: 10px;
 font-weight: bold;
 text-align: left;
}

#pagefooter {
 width: 96.5%;
 height: 18px;
 padding: 3px;
 border: 1px solid #c0c0c0;
 background-color: #edc847;
 clear: both;
}

.browseheader INPUT {
 font-size:10px;
 border: 1px solid #c0c0c0;
}

.browseheader DIV {
 padding-left: 4px;
 position: relative;
 float: left;
 width: auto;
 padding-right: 5px;
}

.prodinput {
 font-weight: bold;
 font-size: 10px;
}

#tab1 {
 display: block;
}

#tab2 {
 text-align: left;
 padding: 10px;
 display: none;
}

#tab3 {
 display: none;
}

.prodtab {
 height: 21px;
 width: 96;
 float: left;
}

.prodtab_bottom {
 margin: 0px;
 clear: left;
 width: 100%;
 background-color: #4c6a8c;
 height: 6px;
}

.pd_seperator {
 height: 6px;
 background-color: #d8dae2;
 margin: 0px;
 vertical-align: top;
 width: 100%;
 border: 0px;
}


/* --------------------- SHOPPING CART ----------------------------- */
#cart {
 width: 98%;
 margin: 8px;
 font-size: 10pt;
 font-weight: bold;
 padding: 2px;
 border-collapse: collapse;
}

#cart TD {
 text-align: center;
 font-size: 12px;
 border: 1px solid black;
 padding: 4px;
}

#cart TD.right {
 text-align:right;
 padding-right: 8px;
}

#cartheader {
 background-color:#4c698a;
}

#cartheader TH {
 color: white;
 padding: 3px;
 border: 1px solid black;
}

.cart_prodheader {
 background-color: #bdc7de;
 border: 1px solid black;
 padding: 3px;
 text-align: center;
}

#cart_opt div {
 text-align: center;
 float: left;
 width: 33%;
}


#order_items {
 border: 1px solid black;
 border-collapse: collapse;
}

#order_items TH, #order_items TD {
 border: 1px solid black;
 padding: 2px;
}

#addressbox {
 width: 465px;
}

.subbox {
 width: 225px;
 float: left;
 border-collapse: collapse;
 border: 1px solid black;
 margin: 8px;
 text-align: center;
}

.subbox DIV {
 padding: 5px;
}

.shipquote TABLE{
 border: 0px;
 padding: 0px;
 margin: 0px;
}

.shipquote TD, TH {
 text-align: center;
 font-family: Arial;
 font-size: 11px;
}

/* --------------------- GENERAL FORMATTING ----------------------------- */

.db_header TH {
 background-color: #4A698C;
 color: white;
}

.lb_altrows TD {
 background-color: #D0D7DE;
}

.lb_altcols {
 background-color: #D0D7DE;
}

.price {
 font-size: 12px;
 color: red;
 font-weight: bold;
}

.normalpagenum {
 font-size: 10px;
 color: blue;
 font-weight: bold;
 text-decoration: underline;
}

.largepagenum {
 font-size: 16px;
 color: black;
 font-weight: bold;
 text-decoration: none;
}

.normlink {
 font-size: 11px;
 color: blue;
 font-weight: bold;
}


.solidbox {
 border: 1px solid black;
 font-size: 12px;
 font-family: verdana;
}

.btn_orange {
 border: 1px solid black;
 font-size: 12px;
 font-family: verdana;
 background-color: #FF9B25;
}

.btn_blue {
 border: 1px solid black;
 background-color: #4c6a8c;
 color: white;
 font-weight: bold;
}

#smartsort {
 position: relative;
 width: 20%;
 height: 100%;
 background-color: #86ACC8;
 border-left: 1px solid black;
 float: right;
 text-align: center;
 padding: 3px;
}

.inpf_left {
 text-align: right;
 width: 28%;
 float: left;
 margin: 4px;
 font-weight: bold;
 height: 24px;
 vertical-align: middle;
}

.inpf_right {
 text-align: left;
 width: 67%;
 float: left;
 margin: 4px;
 margin-left: 0px;
 height: 24px;
}

/* ------------------------ PRODUCT BROWSING ---------------------------*/

.browserow {
 width: 100%;
 height: 70px;
 font-size: 12px;
 padding-bottom: 0px;
 min-width: 500px;
}

.prodcols {
 position: relative;
 width: 33%;
 text-align: center;
 vertical-align: bottom;
 height: 100%;
 float: left;
 padding-bottom: 10px;
 padding-top: 10px;
 border-bottom: 1px dotted #e0e0e0;
 border-right: 1px dotted #e0e0e0;
 }

.prodcols H3 {
 font-size: 8pt;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
}

.prodcols H2 {
 font-size: 7pt;
 font-weight: normal;
 margin: 0px;
 padding: 0px;
}

.prodcols H1 {
 font-size: 7pt;
 font-weight: normal;
 margin: 0px;
 padding: 0px;
}

.modelno {
 font-size: 7pt;
 font-weight: normal;
}

.prodcols.price {
 font-size: 8pt;
 font-weight: normal;
 color: red;
}

.subcatcols {
 position: relative;
 width: 24%;
 text-align: center;
 height: 100%;
 float: left;
 }

.subcatcols H3 {
 margin-top: 2px;
 text-align: center;
 font-size: 12px;
 font-weight: bold;
}

div#contentarea H1 {
 font-size: 16px;
}

/* ------------------------ PRODUCT INFO PAGE ---------------------------*/

#prod_header {
 background-color: #F3EFDA;
 border: 1px solid #A99E89;
 width: 100%;
 padding: 3px;
}

div#prod_header H1 {
 text-align: left;
 font-size: 16px;
 font-weight: bold;
 float: left;
}

div#prod_header H2 {
 text-align: left;
 font-size: 12px;
 font-weight: bold;
 margin-top: 3px;
 margin-left: 8px;
 float: left;
}

div#prod_header H3 {
 text-align: left;
 font-size: 12px;
 font-weight: bold;
 margin-top: 3px;
 margin-bottom: 3px;
 clear: left;
 font-style: italic;
}

#prod_content {
 width: 100%;
 margin-bottom: 8px;
}

#prod_images {
 padding: 5px;
 width: 275px;
 float: left;
}

#prod_order {
 padding: 5px;
 padding-right: 0px;
 float: right;
 width: 275px;
 height: 100%;
 text-align: center;
 margin-bottom:8px;
}

.po_table {
 padding: 2px;
 border: 1px solid #c0c0c0;
 background-color: #dbdbdb;
 font-size: 11px;
 font-weight: bold;
}

.po_td {
  margin: 5px;
}

.po_td SELECT {
  width: 230px
}

.prod_subtable {
 border: 1px solid black;
 text-align: center;
 font-size: 12px;
}

#leftorder {
 width: 50%;
 text-align:right;
 float: left;
}

#rightorder {
 width: 45%;
 margin-left: 5px;
 float: right;
 text-align: left;
}

.retail {
 font-size: 12px;
 font-weight: bold;
}

.sale {
 font-size: 16px;
 font-weight: bold;
 color: red;
}

.sp_msg {
 font-size: 11px;
 font-weight: bold;
 font-style: italic;
 color: red;
}

.cartheader {

 color: white;
 border-left: solid 1px black;
 float: left;
}

.boxtext {
font-family: Verdana;
font-size: 8pt;
color: black;
font-weight:bold;
}

#addresslabel {
 width:50%;
 float:left;
 vertical-align:baseline;
 height: 32px;
 text-align:right;
 clear:left;
 padding:3px;
 font-weight: bold;
}

#addressinput {
 width:50%;
 height: 32px;
 float:right;
 text-align:left;
 clear:right;
 padding:3px;
}


/* ------------------------ SHOPPING CART BASKET ---------------------------*/
#safeheader {
 width: 95%;
 height: 67px;
 background-color: #4D6A8B;
 margin: 8px;
}

#safeheadertext {
 width: 80%;
 height: 100%;
 float: left;
 font-size: 10px;
 background-color: #4D6A8B;
 clear: right;
}

#safeheaderimg {
 width: 15%;
 float: left;
 clear: both;
}

#safeheader P {
 color: white;
 font-weight: bold;
 margin-top: 15px;
}

#basketcontainer {
 width: 100%;
 text-align: center;
 border: solid 1px black;
 margin-left: 8px;
 margin-right: 8px;
 clear: both;
}

.cartrow_mfrnum {
 width: 100%;
 text-align: center;
 border: solid 1px black;
 border-top: 0px;
 margin-left: 8px;
 margin-right: 8px;
}

.cartrow {
 width: 100%;
 text-align: center;
 clear: both;
}

.cart_singlerow {
 width: 82.8%;
 text-align: right;
 clear: both;
 float: left;
 margin-left: 4px;
 border: 1px solid black;
 border-top: 0px;
 border-right: 0px;
 height: 30px;
 font-weight: bold;
 padding: 3px;
}

.cart_singlerow_value {
 width: 15%;
 float: right;
 text-align: right;
 border: 1px solid black;
 border-top: 0px;
 margin-right: 4px;
 height: 30px;
 padding-right: 6px;
}

.cart_fullrow {
 width: 97.8%;
 text-align: right;
 clear: both;
 float: left;
 font-weight: bold;
 padding: 3px;
 margin-left: 4px;
 margin-right: 4px;
}

.cart_row_title_info {
 width: 100%;
 text-align: center;
 background-color: #b8c7d8;
 padding: 5px;
 border-bottom: 1px solid black;
 font-weight: bold;
}

.cartcolumn1st {
 float: left;
 height: 100%;
}

.cartcolumn2nd_1st {
 float: left;
 border-left: 1px solid black;
 height: 100%;
 padding: 3px;
}

.cartcolumn2nd_2nd {
 float: left;
 border-left: 1px solid black;
 border-top: 1px solid black;
 height: 100%;
 padding: 3px;
}

.cartcolumn2nd_top {
 float: left;
 border-left: 1px solid black;
 height: 50px;
 padding: 3px;
}

.cartcolumnlast_1st {
 float: left;
 text-align: right;
 width: 20%;
 border-left: 1px solid black;
 height: 100%;
 padding-right: 6px;
}

.cartcolumnlast_2nd {
 float: left;
 text-align: right;
 width: 20%;
 border-left: 1px solid black;
 border-top: 1px solid black;
 height: 100%;
 padding-right: 6px;
}

.headertext {
 font-size: 12pt;
 font-weight: bold;
}

.subheadertest {
 font-size: 10pt;
 font-weight: bold;
}

.grayheader {
 border-bottom: 1px solid black;
 font-family: Arial;
 font-size: 13px;
 font-weight: bold;
 background-color:#e7e7e7;
 padding: 0px;
}

.address_box {
 font-family: Arial;
 font-size: 12px;
 padding: 3px;
 height: 60px;
}

.payment_box {
 background-color: #E5B43F;
 border-bottom: 1px solid black;
 width: 550px;
}

.paymentleft_col {
 border-bottom: 1px solid black;
 border-right: 1px solid black;
 clear: left;
 float: left;
 text-align: right;
 font-weight: bold;
 font-size: 10pt;
 padding: 2px;
 padding-right: 4px;
 width: 225px;
 height: 30px;
 margin: 0px;
}

.paymentright_col {
 border-bottom: 1px solid black;
 width: 320px;
 height: 30px;
 padding: 2px;
 padding-left: 8px;
 margin: 0px;
}

.address_sel {
 margin-left: 8px;
 margin-right: 8px;
 border: 1px solid black;
 font-family: Arial;
 font-size: 11px;
}

.address_sel TABLE {
 font-family: Arial;
 font-size: 11px;
}

.address_fields TD {
 font-weight: bold;
 text-align: right;
}

/* ---------------- ORDER HISTORY -------------------- */

#account-index A {
 font-size: 10pt;
 font-weight: bold;
 text-decoration: underline;
}

#orderditems TH {
 font-size: 10pt;
 font-weight: bold;
 color: black;
 padding: 3px;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
}

#orderditems TD {
 font-size: 10pt;
}