/* CSS Document */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: white;
	margin:0;
	padding:0;
}

a {
color: blue;
}
a:hover{
color: #cc0000;
}
a img {border:0 none;}
h1 {
color: #CC0000;
font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

#bodydiv {
width: 980px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 0px;
text-align: center;
margin:auto;
}

.header {
text-align: left;
width: 950px;
border-top: 4px solid #d9d9d9;
border-bottom: 5px solid #d9d9d9;
background-image:url(../images/headerbg.jpg);
background-repeat: repeat-y;
background-position: top left;
padding: 10px 15px;
margin: 0px;
}
.header h1{float:right;clear:right;}
.login {
float: right;
width: 190px;
background-color:#999;
}
.loginbody {
width: 180px;
padding: 5px;
}
.loginbody a{
color: black;
text-decoration: underline;
}

.topmenu {
width: 950px;
border-top: 2px solid black;
background-image:url(../images/menubg.jpg);
background-repeat: repeat-x;
background-position: center;
background-color: #666;
padding: 8px 15px;
margin: 0px;
text-align: center;
}
.topmenu ul{padding:0;}
.topmenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fefefe;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 20px;
}
.topmenu a:hover {
color: #ff0000;
text-decoration: underline;
}

.searchbar {
text-align: left;
width: 950px;
	border-bottom: 2px solid white;
	background-color: #0d3d69;
	padding: 8px 15px;
	margin: 0px;
	font-size: 10px;
	color: #fefefe;
}

.searchbar input {
font-size: 9px;
}
.searchbar a {
	text-decoration: underline;
	color: #fefefe;
	margin-left: 15px;
}
.searchbar a:hover {
color: #9999ff;
}

.main-area {
text-align: left;
width: 980px;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
padding: 0px;
margin: 0px;
}



.categorytd {
background-color: #d9d9d9;
border-right: 1px solid #a1a0a0;
}

.catalogdiv {
width: 250px;
padding: 7px 0px;
color: #CC0000;
font-size: 16px;
text-align: center;
font-weight: bold;
border-bottom: 1px solid #5e7b96;
margin: 0;
}
.catalogdiv img {
margin: 3px 0px;
}
.catalogdiv a {
margin-left: 10px;
margin-right: 10px;
font-size: 12px;
color: #CC0000;
text-decoration: underline;
}
.catalogdiv a:hover {
color: blue;
}

.category {
	font-size: 12px;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	padding: 5px 12px;
font-weight: bold;
border-bottom: 1px solid #5e7b96;
text-align: left;
}
.category a {
	color: #000000;
	text-decoration: none;
}
.category a:hover {
	color: #cc0000;
	text-decoration: underline;
}

.featured-bg {
width: 699px;
padding: 10px 15px;
background-color: #f0f0f0;
}
.featured {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 0 15px;
height:210px;
background:white;
position:relative;
width:592px;
}

.panel {

}

.panel2 {
border-bottom: 2px solid #ccc;
width: 709px;
padding: 10px 10px;
text-align: center;
}

.half-panel-left {
float:left;
border-right: 2px solid #ccc;
margin-right: 15px;
margin-top: -10px;
margin-bottom: -10px;
padding: 15px 25px 15px 15px;
text-align: center;
}

.codes {
width: 950px;
border-bottom: 1px solid #ccc;
padding: 8px 15px;
margin: 0px;
color: #CC0000;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

#footer {
width: 980px;
padding: 15px;
text-align: center;
margin:auto;
}

.footernav {
font-size: 14px;
	font-weight: bold;
}
.footernav a {
	color: #666;
	text-decoration: underline;
	margin-left: 10px;
	margin-right: 20px;
}
.footernav a:hover {
	color: #cc0000;
	text-decoration: underline;
}
/* top */
.topmenu ul { font-size: 13px;font-weight: bold; text-transform: uppercase;margin:0;}
.topmenu ul li {display: inline; padding: 0 32px 0 30px; position:relative;}
.topmenu ul li.last { padding-right: 0; background: none; }
.topmenu ul li a { color: #fff; }
.topmenu ul ul{
background:#E6E6E6 none repeat scroll 0 0;
margin:0 32px 0 30px;
display:none;
float:none;
left:0;
padding:3px;
position:absolute;
top:16px;
width:210px;
z-index:50;
}
.topmenu ul ul li{line-height:auto;background:none;margin:0;padding:0;}
.topmenu ul ul li a{color:#263E57;text-transform:none;}

/* foot */
.footernav ul { font-size: 13px;font-weight: bold; text-transform: uppercase;margin:0;}
.footernav ul li {display: inline; padding: 0 32px 0 30px; position:relative;}
.footernav ul li.last { padding-right: 0; background: none; }
.footernav ul ul{
background:#E6E6E6 none repeat scroll 0 0;
display:none;
float:none;
left:0;
padding:3px;
position:absolute;
top:25px;
width:200px;
z-index:50;
}
.topmenu ul ul li{line-height:auto;background:none;margin:0;padding:0 0 5px 0;display:block;text-align:left;}
.topmenu ul ul li a{color:#263E57;text-transform:none;}

/* featured */
#featured { height: 250px; position: relative; overflow: hidden; background: #F0F0F0; margin-bottom: 6px; padding:9px 0 0 50px;z-index:1;}
#featured h3 {color:#CC0000;font-size:18px;font-weight:bold;text-transform:uppercase;margin:0;width:300px;}
.fitem{width:300px;}
#featured .content { width: 340px; color: #666; }
#featured .content p { padding-bottom: 12px; }
#featured .blue-button { position: absolute; top: 148px; left: 35px; }
#featured .product-image { position: absolute;/*  bottom: -10px;  */left: 330px;max-height:200px; }
#featured .paging { height: 24px; line-height: 24px; position: absolute; left: 10px; bottom: 0; font-weight: bold; }
#featured .paging a { float: left; display: inline; width: 24px; height: 24px; background: #0D3D69; color: #fff; text-align: center; margin-left: 1px; }

/* Product category list */
.maincontent table.thumbnails { padding-bottom: 4px; background: url(images/hor-line-2.gif) repeat-x 0 bottom; margin-bottom: 10px; }
.maincontent table.thumbnails tr td { vertical-align: bottom; width: 17%; text-align: center; font-size: 12px; padding: 10px 0; background: url(images/ver-line-2.gif) repeat-y right 0; }
.maincontent table.thumbnails tr td.last { background: none; }
.maincontent table.thumbnails tr td p { padding: 8px 0; }
.maincontent table.thumbnails tr td a{color:#263E57;text-decoration:none;}
.maincontent{padding-left:10px;padding-right:10px;}
/* Product detail */
.productphoto {
float:left;
margin-right:1%;
margin-top:10px;
text-align:center;
width:350px;
}
.productphoto a{display:block;}
.productdescription {
margin:10px 20px 10px 360px;
z-index:7;
}
.productdescription ul{
margin-left:20px;
}
.productdescription h3{
font-size:20px;
font-family:Tahoma;
line-height: 20px;
padding: 10px 0 3px;
margin-bottom: 8px;
background: url(images/hor-line-2.gif) repeat-x 0 bottom !important;
font-weight:normal;
}
.productdescription h4{padding: 10px 0;}

.qtyHeaderInfoCell{
color: #ffffff;
background-color: #003366;
/*font-size: .6em;*/}

.pricingRowPrice{
color: #003366;
/*font-size: .6em;*/
background-color: #cdcdcd;}

.qtyValue{
color: #ffffff;
background-color: #003366;
/*font-size: .6em;*/}

.pricingRowInfoCell{
color: #003366;
font-weight: bold;
/*font-size: .6em;*/
background-color: #cdcdcd;}

.detailPageCaption{
font-size: x-small;
text-align: center;}

.displayOnlyAttribute{
color: #003366;
/*font-size: .6em;*/
font-weight: bold;}

.displayOnlyAttributeValue{
/*font-size: .6em;*/}
.productpricegrid,  .productpricegrid tr td{background:none;}
.productattributes,  .productattributes tr td.attribute{background:none;}


.productpricegrid th {
	background : #ccc;
	padding : 4px 5px;
	text-align : left;
	color : #000;
}
.productpricegrid td {
	background : #eee;
	padding : 3px 5px;
	font-size : 95%;
	text-align : left;
}
.productpricegrid .dividerRule,
.productpricegrid .contentBlock {
	background : #fff;
}
.productpricegrid .label {
	font-weight : bold;
	background : #ddd;
}

.productattributes .attribute {
	font-weight : bold;
	text-align : right;
	vertical-align : top;
	white-space : nowrap;
}
.productattributes .popup .attribute {
	font-weight : normal;
}
.productattributes td {
	vertical-align : top;
}
.productattributes .value {
	text-align : left;
	vertical-align : bottom;
	width:75%;
}
.supportingimages {
	margin-top : 20px;
}
.supportingimages td {
	padding : 0 5px 5px 0;
}
/* dist tools */
ul.distributortools {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul.distributortools li {
text-align:center;
width:23%;
}
.distributortools a {
background:transparent url(/images/buttongradient.jpg) repeat-x scroll center bottom;
color:#444444;
display:block;
font-size:80%;
font-weight:bold;
margin:4px 0pt;
padding:3px 4px;
text-align:center;
text-decoration:none;
}
.distributortools a:hover {
background:#FFFFFF none repeat scroll 0% 50%;
color:#000000;
}
.distributortools li a {
background:transparent url(/images/buttongradient.jpg) repeat-x scroll center bottom;
}
/*product tabs*/
.tabs {
 padding:10px 0 0;
}
.tabs li {
 float:left;
 list-style:none;
}
.tabs li a {
 border:2px solid #ccc;
 border-bottom:none;
 display:block;
 padding:2px 5px 3px;
 margin-left:5px;
 -moz-border-radius:5px 5px 0 0;
 color:black;
 text-decoration:none;
}
.tabs li a:hover {
 background:#eee;
}
.tabs li.current a {
 position:relative;
 z-index:10;
/* top:2px;*/
 background:#fff;
 padding-bottom:5px;
 margin-bottom:-2px;
}
.tabboxes {
 list-style:none;
 border:2px solid #ccc;
 -moz-border-radius:5px;
 clear:both;
 margin-bottom:10px;
 padding:5px;
}
.tabboxes table.productpricegrid {
 border-collapse:collapse;
}
.tabboxes table th {
 text-align:left;
 padding:4px;
}
.tabboxes table td {
 padding:4px;
}
.bodyHeadline{font-weight:bold;margin:10px 0 5px 0;}
HR{margin:5px auto;}
#content ul{padding-left:20px;}