/* CSS Document */

body {margin: 0; padding: 0; background: url("images/bkgd_rtnavb.gif") repeat-y right}
body3 {margin: 0; padding: 0; }
div, img, h1, h2, h3 {margin: 0; padding: 0}

p, body, textarea, td, div, input {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;}

/*HEADER styles*/
#logo {height: 100px; width: 100%; background-color: #FFFFFF}
#logo img {margin: 5px 0 0 10px}
#menu {height: 28px; width: 100%; border-bottom: 2px solid #FFFFFF; background-color: #FFFFFF}
#squares {height: 56px; width: 100%; background: url('images/tiled_Squares.gif') repeat-x}

/*SEARCH div styles*/
#searchdiv {position: absolute; top: 10px; right: 10px; z-index: 2; width: 240px}
.labelcell {font: 10px Arial, Verdana, Helvetica, sans-serif; width: 70px; color: #0C2577; padding: 2px}
.fieldcell {text-align: right; padding: 2px}
#searchdiv form {margin: 0; padding: 0 0 10px 0}
#searchdiv input {font: 10px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #0C2577}
/*#searchdiv .button {color: #FFFFFF; background-color: #179233; font-size: 9px; border: 1px solid #179233}*/
#searchdiv .button { background: url(images/btnsearch.jpg) no-repeat; width: 70px; height: 19px; border: 0; margin-top: 2px; margin-bottom: 2px; padding-bottom: 3px; color: #ffffff; font-size: 10px; font-weight: normal; font-family: verdana; }
#loginfo a.button { padding: 3px 8px 3px 8px; }

#costcentrediv {position: absolute; top: 52px; left: 330px; z-index: 2; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #0C2577; text-transform:uppercase}

/*RIGHT NAV styles*/
#rightnav, .rightnav {float: right; width: 150px; height: 100%; margin-left: 10px; padding: 0; background: url("images/bkgd_rtnav.gif") }
#menuRight ul {margin: 0; list-style-type: none; padding: 20px 0px 5px 7px}
#menuRight li {font: 11px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align: left; margin: 0; padding: 0}
#menuRight li.ln_header {border-bottom: 1px solid #FFFFFF; padding-bottom: 3px; color: #FFE834; font-weight: bold}
#menuRight a {color: #FFFFFF; text-decoration: none; display: block; margin: 0;}
#menuRight a:hover {color: #FFE834; text-decoration: none;}
/*hacks for ie5.x/6*/
/*commented mac ie5 backslash hack \*/
* html > body #menuRight li {margin-top: -4px;ma\rgin-top:0;}
* html #menuRight li {height:1%;/*he\ight:auto;*/}
* html #menuRight a {height:1%;/*he\ight:auto;*/}
/*end backslash hack*/

.firstp {margin-top: 30px}

/*CONTENT styles*/
#wrapper2 {background: url("images/bkgd_leftnav.gif") repeat-y right}
#container {width: 100%; margin-right: -180px; float: left; padding: 0}
#content {margin-right: 180px}
/*#main h1, #main table, #main p {margin-left: 20px;}*/
#main {margin-left: 20px;}
#main h1 {font-size: 22px;  margin-top:0; padding-top: 0px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase}
#main p {padding: 1px 50px 0 0; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif;}
#main td, li {font: 12px/17px Arial, Helvetica, sans-serif;}

/*#main .products {width: 90%}*/

#main .products td {border-bottom: 1px solid #7579AD; height: 22px; vertical-align: top; font-size:11px}
#main .products td.left {text-align: left}
#main .products a:link {color:#FF1300; text-decoration: none}
#main .products a:hover {color: #0C2577; text-decoration: underline}
#main .products a:visited {color: #666666; text-decoration: none}

#main .products_th td {background-color: #0C2577; color: #FFFFFF; height: 22px; text-transform: uppercase; vertical-align: bottom}
#main .products_th a:link {color:#FFFFFF; text-decoration: none}
#main .products_th a:hover {color: #FFE834; text-decoration: underline}
#main .products_th a:visited {color: #FFFFFF; text-decoration: none}

#main a:link {color: #FF1300; text-decoration: none}
#main a:hover {color: #0C2577; text-decoration: none}
#main a:visited {color: #7579AD; text-decoration: none}

#loginfo {text-align: right; color:#84ADD2; font-size:13px; line-height:14px;}
#loginfo p {padding: 10px 20px 0 0; margin: 0; }
#loginfo a {color:navy; text-decoration: none}

.txtbox1 {border: silver 1px solid; }

.prodmain1 {text-transform:uppercase}
.prodmain td {padding-right: 20px }

#main .grdadmin {border: #c0c0c0 1px solid;border-collapse:collapse;}
#main .grdadmin_td {border-left: #eeeeee 1px solid;border-right: #eeeeee 1px solid;padding : 2px; font-size:11px }
#main .grdadmin_th {background-color:#e0e0e0; color:Black;  padding : 3px }
#main .grdadmin_th a:link {color: Black}
#main .grdadmin_th a:visited {color: Black}
#main .grdadmin_th a:hover {color: Black}

.ordertbl {border: #c0c0c0 1px solid;border-collapse:collapse; width:95%}
.ordertbl th {background-color: gray; color: white; font-weight: normal; }
.ordertbl .total {font-size: 14px; font-weight:normal; }
.ordertbl .total1 {font-size: 14px; font-weight:normal; border-top: 3px solid gray;}
.orderdtl {border: #c0c0c0 0px solid;border-collapse:collapse; width:95%}
.orderdtl th {color:black; text-align:left; font-weight:bold; font-size:10pt}

.total td { border-top: #7579AD 1px solid; padding-top:3px;}
.pagenum {font-size: 10px; }

h2 {font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; margin-top: 8px; margin-bottom:3px}

.btnx {color: #FFFFFF; background-color: #179233; font-size: 10px; border: 1px solid #179233; text-transform:uppercase; font-weight: bold;}
.btn {color: #000000; background-color: #FFE834; font: bold 10px Sans-Serif ; border: 1px solid #5C75c7; text-transform:uppercase; padding: 1px}
.btn_so {color: #FFFFFF; background-color: navy; font-size: 12px; border: 1px solid black; text-transform:uppercase; padding:5px; font-weight: bold;}


#prodCatSum tr { background: url(catimages/bg2.jpg) no-repeat; height:165px;} 
.subcats1 {font-size: 12px; font-weight:normal}
.prodCatBox {padding-top:10px; padding-left:10px;  }
.prodCatBox h3 {font-size:20px;}
.prodCatBox  .subcats1 {margin-top:10px; width: 480px;}
/*#main .prodCatBox a:link {color:navy}*/
#main .prodCatBox a:link, #main .prodCatBox a:visited {color:white}
#main .prodCatBox  {color:white}


#prodsdrill { 
	height: 100%; width: 160px;
	margin: 0; padding: 0;
/*	margin-left: 0px; margin-top: 0px;*/
	}
.prodsdrill {border-collapse:collapse;
		 background-color:#213481;}
#main .prodsdrill a:link { color: white }
#main .prodsdrill a:visited { color: white }
#main .prodsdrill a:hover { color: navy }
#main .prodsdrillitem0 { border-top: 1px solid white; padding-left: 10px; margin-left: 2px; background: url('images/listdot.gif') no-repeat; background-position: 3px; text-transform:uppercase; font-family: Helvetica; font-weight: bold; font-size:11px }
#main .prodsdrillitem1 { border-top: 0; font: 12px Helvetica; padding: 2px 0 2px 15px; text-transform:uppercase; line-height:9px}

.bt_var { background-color: #0F1E75; background: url(images/list_end_var.jpg) repeat-y; }

#main .prodlist{
list-style-type: none; margin: 0 0; padding: 0;
width: 100%; border-bottom-width: 0;
/*position: absolute; left:50%;
margin-left: -420px; margin-top: 217px;*/
z-index: 2
}




#main .prodlist li a{
background :  url(images/vmenu3.jpg) repeat-x bottom left;
font: normal 12px Arial, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 2px 0;
padding-left: 7px;
text-decoration: none;
/*text-transform:uppercase;*/

}

*html #main .prodlist li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}


#main  .prodlist li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 153px;
}


#main .prodlist li a:visited, .glossymenu li a:active{
color: white;
}

#main .prodlist li a:hover{
/*background-image:  url(images/vmenu4.jpg);*/
color: #EEEEEE;
}
/******/
#main .prodlist .submenu {
list-style-type: none;
margin: 0 0 0 0;
padding:5px 0 5px 0;
width: 160px;
border-bottom-width: 0;
background-color: white;
}

#main .prodlist .submenu li {
	wid7th:150px;
}

*html #main .prodlist .submenu li a{
border-bottom: solid 1px #6680b1;
/*border-top: solid 0.5px #6680b1;*/
text-transform:none;
}
#main .prodlist .submenu li a{
background : none;
font: normal 12px  arial, Helvetica, sans-serif;
color: #1a418c;
display: block;
/*width: auto;*/
padding: 1px 3px 0 10px;
text-decoration: none;
border-bottom: solid 0.5px;
/*border-top: solid 0.5px;*/
text-transform:none;
}

*html #main .prodlist .submenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

#main .prodlist .submenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 146px;
}
#main .prodlist .submenu li .selected1 { padding-left:10px; background-color: #f3f5f8; color: #1a418c; 
		font: normal 12px  arial, Helvetica, sans-serif; width: auto; display:block; 
		border-bottom: solid 1px; }
#main .prodlist .submenu li a.selected1b{ background-color: #1a418c ; color: white; }

#main .prodlist .submenu li a:visited, .glossymenu li a:active{
color: #1a418c;
}

#main .prodlist .submenu li a:hover{
color: #4d6ba6;
background : none;

}
.prodsrt { padding-left: 10px;}	
.hdgtext {font-size: 22px;  margin-top:0; padding-top: 0px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; color: #333333; }

#main .prodlistrow {width:667px; font-family: Arial, Helvetica, Sans-Serif; }
#main .prodlistimg { width: 120px; text-align:center;}
#main .prodlistdesc { font-size: 14px; color: #8095bf; font-weight: normal; padding-left:4px; width:360px;}
#main .prodlistprice {  font-size: 18px; color:navy; text-align:right; padding-right:6px;}

#main .prodlistdesc a:link { color:navy; text-decoration: none;}
#main .prodlistdesc a:active { color: #4d6ba6; text-decoration: none;}
#main .prodlistdesc a:visited { color:#8095bf; text-decoration: none;}
#main .prodlistdesc a:hover { color: #4d6ba6 ; text-decoration: underline; }

#main .prodlistrow .btn {padding-left:3px; padding-right:3px; }
#main .prodlistrow .btn:link {color: black; font-weight:normal}
#main .prodlistrow .btn:active{color: black; font-weight:normal; }
#main .prodlistrow .btn:visited {color: black; font-weight:normal; }

#main .prodlistbox { width:100%; height:30px; 
                     background: url(images/plist_sbox.gif) no-repeat; background-position:left 1px;
                     margin-left: 0px; padding:0px; margin-top:0px; background-color: #eeeeee;}
#main .prodlistbox td { font-size: 12px; color:black; }
#main .prodlistcode { padding-left: 10px; width:330px; padding-top:1px;}
#main .prodlistqty { text-align:right;  margin-top:0px; margin-right:5px; top:0px; }
#main .prodlistqty .button {color: #FFFFFF; background:  url(images/btn_addto.png); 
					border: 0px solid #179233;
					height: 20px; width: 118px}
#main .prodlistqty .btn { height: 12px; margin-top:0px;} 
#main .prodlistqty span  {height: 20px;}
#main .prodlistqty input {font: 12px Verdana, Arial, Helvetica, sans-serif; 
				border: 1px solid #0C2577; margin-top:0px;}

.pro_title { font-size: 17px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: black;
	text-transform: uppercase; margin-bottom: 10px;}
.pdetail_head { font-size: 14px; margin-top: 10px; }
.pro_txt { margin-top: 10px; margin-left: 12px;}
.back { text-align: right; }
#pro_bottom { float: right; text-align: right; }
.prodqtyy {float: right; margin-top: 10px;}

.tabmenu { }
.tabmenu UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #e0e0e0; HEIGHT: 18px }
.tabmenu UL LI { BORDER-LEFT: white 1px solid; PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; PADDING-TOP: 5px; HEIGHT: 20px }
.tabmenu UL LI A { COLOR: black; TEXT-DECORATION: none }
.tabmenu UL LI A:visited { COLOR: black; TEXT-DECORATION: none }
.tabmenu UL LI A:hover { COLOR: gray; TEXT-DECORATION: none  }

.tt_tabmenu { }
.tt_tabmenu UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #e0e0e0; HEIGHT: 18px }
.tt_tabmenu UL LI { BORDER-LEFT: white 1px solid; PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; PADDING-TOP: 5px; HEIGHT: 20px }
.tt_tabmenu UL LI A { COLOR: black; TEXT-DECORATION: none }
.tt_tabmenu UL LI A:visited { COLOR: black; TEXT-DECORATION: none }
.tt_tabmenu UL LI A:hover { COLOR: gray; TEXT-DECORATION: none  }
.tabonli { BACKGROUND-COLOR: whitesmoke; HEIGHT: 20px }
.tabonli A:hover { COLOR: black; TEXT-DECORATION: none }

.btnB_3 { background: url(images/continuebtn.jpg) no-repeat; width: 167px; height: 34px; border: 0; margin-top: 5px; padding-top: 2px; }
.btnB_1 { background: url(images/checkoutbtn.jpg) no-repeat; width: 101px; height: 33px; border: 0; margin-top: 5px; padding-top: 2px; }

.btnA_0 { background: url(images/btnA_0.jpg) no-repeat; width: 42px; height: 21px; border: 0; margin-top: 2px; margin-bottom: 2px; padding-top: 0px; color: #444444;}
.btnA_1 { background: url(images/btnA_1.jpg) no-repeat; width: 75px; height: 21px; border: 0; margin-top: 2px; margin-bottom: 2px; padding-top: 0px; color: #444444;}
.btnA_2 { background: url(images/btnA_2.jpg) no-repeat; width: 113px; height: 21px; border: 0; margin-top: 2px; margin-bottom: 2px; padding-top: 0px; color: #444444;}
.btnA_3 { background: url(images/btnA_3.jpg) no-repeat; width: 146px; height: 21px; border: 0; margin-top: 2px; margin-bottom: 2px; padding-top: 0px; color: #444444;}
#main a.btnA_2 { color: #444444; padding: 5px 10px 5px 10px; margin-top: 5px; }
#main a.btnA_3 { color: #444444; padding: 5px 18px 5px 18px; margin-top: 5px; }