@charset "utf-8";
/* CSS Document */


body {
	background-color:#666666;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 5px;
	margin-left: 10px;
}

p {line-height: 130%;}
h1 {
	font: bold 16px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #4870AA; margin-top: 3px;
	padding:  0px 0 16px 0; text-align:center;
}

h2 {
	font: bold 14px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000; margin-top: 0;
	padding:  6px 0 0 0; text-align:left;
}
h3 {
	font: bold 13px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #990000; margin: 0;
	padding:  0px 0 6px 0; text-align:center;
}
a:link{color: #CC0000; text-decoration:underline;padding: 0 0 0 0; }
a:visited {color: #003399; text-decoration:underline;padding: 0 0 0 0;}
a:hover {color: #003399; text-decoration:none;padding: 0 0 0 0; border-bottom: 1px dotted #cc0000;}
a:active {color: #003399; text-decoration:underline;padding: 0 0 0 0;}

hr {border: 1px solid #4870AA;  width: 100%;}

ul {
	font-family: verdana,arial,geneva,sans-serif;  list-style-position: outside;  
	margin: 0 0 0 20px; list-style-type:square; 
	padding: 0 0 10px 20px; font-size: 1em; line-height:130%;
}		
ul ul{
	font-family: verdana,arial,geneva,sans-serif;  list-style-position: outside;  margin: 0 0 0 20px; list-style-type:square; padding: 0 0 10px 0; font-size: 1em; line-height:130%;
}
ol{
	font-family: verdana,arial,geneva,sans-serif;  list-style-position: outside; margin: 0 0 0 50px;
	padding: 0 0 10px 0; font-size: 1em; 
}		

li {line-height: 130%; font-size: 1em; padding: 6px 0 10px 0; }

code {font: 12px tahoma, "Lucida Sans", "MS Sans Serif"; 
color: #000000
}






.sidebar img {padding: 0 0 0 10px;}
.sidebar h3 {font-size: 12px; color:#FFCC00; margin: 0 10px; text-align:left; font-family:Arial, Helvetica, sans-serif;}
.sidebar p {margin: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}



.masthead {
	background-image: url(../images/MastTopFill.jpg);
	padding: 2px 0;
	margin: 2px 0;
}
.masthead img {
	padding: 2px 3px 0  0;
	border: none;
	display: inline;
}

.masthead a:link {font-family: Arial, Helvetica, sans-serif;text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #000; }
.masthead a:visited {font-family: Arial, Helvetica, sans-serif;text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #000; }
.masthead a:hover {font-family: Arial, Helvetica, sans-serif;text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #003366; background-color: #FF0000; border: none;}
.masthead a:active {font-family: Arial, Helvetica, sans-serif;text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #000; }



.mastshadow {background-image: url(../images/MastShadowFill.jpg);}
.mastshadowleft {background-image: url(../images/MastNavleft.jpg); background-repeat:no-repeat;}
#mastshadowleft {background-image: url(../images/MastNavleft.jpg); background-repeat:no-repeat;}

#navbar {background-image:url(../images/NavBarFill.jpg); height: 25px;}
.navbar {background-image:url(../images/NavBarFill.jpg); height: 25px;}
#navbar img {padding: 2px 0; margin: 0;}
#navbar ul {padding: 0 0 0 0; margin: 7px 0 0 10px; list-style-type:none;}
#navbar li {display:inline; font-family: Arial, Helvetica, sans-serif; color: #fff; padding: 0 0 0 0; font-weight:bold; font-size: 11px; margin: 3px 7px; text-transform: uppercase;}
#navbar a:link {font-family: Arial, Helvetica, sans-serif;text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #fff; }
#navbar a:visited {font-family: Arial, Helvetica, sans-serif;text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #fff; }
#navbar a:hover {font-family: Arial, Helvetica, sans-serif;text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #003366; background-color: #FFCC00; border: none;}
#navbar a:active {font-family: Arial, Helvetica, sans-serif;text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #fff; }

#sidenav {
	background-image: url(../images/SideLeftfill.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	font-size: 10px;
	border: none;
}
#sideleft {
	background-image: url(../images/SideLeftfill.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	font-size: 10px;
}
#sideleft ul {padding: 0 0 0 0; margin: 7px 0 0 3px; list-style-type:none;}
#sideleft li {font-family: Arial, Helvetica, sans-serif; color: #000; padding: 0 0 0 0; font-weight:normal; font-size: 11px; margin: 3px 10px; }
#sideleft a:link {text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #000; }
#sideleft a:visited {text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #000; }
#sideleft a:hover {text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #000; background-color:#FFCC00;border: none; }
#sideleft a:active {text-align: left; text-decoration:none;margin-left:0; padding: 2px 3px; color: #000; }

#sideleft h2 {font-family:"Arial Narrow", Helvetica, sans-serif; font-size:13px; text-align:left; color: #FFf; font-weight:bold; margin-left:10px; padding: 0 10px;}




#sideleftfill {background-image:url(../images/SideLeftFill.jpg);background-repeat:repeat-y;}
.sideleftfill {background-image:url(../images/SideLeftFill.jpg); background-repeat:repeat-y;}

#maincontent {padding: 0 10px; }
#accountcontent {padding: 0 10px; width: 500px; margin: auto; line-height:130%;}
#accountcontent p {line-height: 130%; padding-bottom: 6px;}
#footer {
	background: #FFFFFF;
	background-image:url(../images/SideLeftFill.jpg);
	background-repeat: repeat-y;
	font-size: 11px; line-height: 130%;
	border-bottom: 2px solid #000;
}
.footerline {background-image: url(../images/FooterLine.jpg); background-repeat:repeat-x;}

#content td {background-color:#FFFFFF; }
/* Blockquote and Call Out Styles */
blockquote {
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-left: 6em;
	text-align: left;
}
blockquote.pull {float: right; width: 160px; padding: 5px; margin: 3px 0px 3px 6px; font-size: 12px; font-weight: bold; border: 1px solid silver; 	font-family: verdana, arial, helvetica, sans-serif; text-align: center; background: #fff; color: #663a00;}
blockquote.photo {float: right; width: 160px; padding: 3px 10px 3px 0px; margin: 3px 10px 3px 0px; font-size: 11px; font-weight: bold; border: 0px solid gray;
		font-family: verdana, arial, helvetica, sans-serif; text-align: center; background: #fff; }
blockquote.photoleft {float: left; padding: 3px; margin: 3px 0px 3px 0px; font-size: 11px; font-weight: bold; border: 0px solid gray;
		font-family: verdana,arial, helvetica, sans-serif; text-align: center; background: #fff; }
blockquote.photoright {float: right; padding: 3px; margin: 3px 0px 3px 6px; font-size: 11px; font-weight: bold; border: 0px solid gray;
		font-family: arial, helvetica, sans-serif; text-align: center; background: #fff; }
		
		
/* Product Table Display Styles */
#products img {margin: 0 0 0 0; padding: 0 0 0 0;  }
#buybtn {margin: 0 0 0 0; width: 51px;}
.thumb {background-color: #fff; border-bottom: 1px solid #999999; padding: 0 0 0 0;border-right: 1px solid #999999; margin: 0 0 0 0; text-align:center;width: 72px;}

#products h1 {
	font: bold 16px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #003399; margin-top: 0;
	padding:  3px 0 6px 0; text-align:center;
}
#products h2 {
	font: bold 13px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000; margin: 0 0 0 0;
	padding:  10px 0 0 0; text-align:left; border-bottom: 0px solid #ccc;
}
#products h3 {
	font: bold 11px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666; margin: 6px 0 0 0;
	
}

.catrow {
	font: 12px Arial, Helvetica, sans-serif;
	color: #5E7DAB;
	background-color: #FE9900;
}
.prodrow {background-color: #eaeaea; border-bottom: 1px solid #999999; padding: 0 0 0 0;border-right: 1px solid #999999; margin: 0 0 0 0; text-align:center;border-collapse:collapse; }
.partnum {font: normal 11px Arial, Helvetica, sans-serif; border-bottom: 1px solid #999999; 
	border-right: 1px solid #999999;background-color: #eaeaea;border-collapse:collapse;
	text-transform: uppercase; color: #003366; text-align:center; margin: 20px 0;}
.partprice {font: bold 11px Arial, Helvetica, sans-serif;background-color: #eaeaea; border-bottom: 1px solid #999999; 
	border-right: 1px solid #999999;border-collapse:collapse;
	text-transform: uppercase; color: #003366; text-align:center; margin: 20px 0;}	
.partnum td {margin: 6px 0;}
	
.tab {background-image:url(../images/tabs/tabfill.gif);border-bottom: 1px solid #999; padding: 0 0 0 0; border-right: 1px solid #999; border-left: 1px solid #999; border-collapse:collapse;} 
.tabrow {border-bottom: 1px solid #999;}
#products p {text-align:left; margin: 0 0 0 0;}

/* *********************  PRODUCT DETAILS STYLES ************************** */
#productdetails table {border: 1px solid #dadada; padding: 10px; }
#productdetails h1 {
	font: bold 16px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #003399; margin-top: 0;
	padding:  10px 0px; text-align:left;
	border-bottom: 1px solid #ccc;
}
#productdetails blockquote.photoleft {float: left; padding: 3px; margin: 10px 20px 10px 0px; font-size: 11px; font-weight: bold; border: 1px solid gray;
		font-family: verdana,arial, helvetica, sans-serif; text-align: center; background: #fff; }


#prodpage h2 {
	font: bold 16px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #003399; margin-top: 0;
	padding:  10px 0 0 0; text-align:left;
	border-bottom: 1px solid #ccc;
}

#selectiondisplay {width: 550px;}

#products ul {
	font-family: verdana,arial,geneva,sans-serif;  list-style-position: outside;  
	margin: 0 0 0 20px; list-style-type:square; 
	padding: 0 0 10px 20px; font-size: 11px; line-height:130%;
}		
#products ul ul{
	font-family: verdana,arial,geneva,sans-serif;  list-style-position: outside;  margin: 0 0 0 20px; list-style-type:square; padding: 0 0 10px 0; font-size: 11px; line-height:130%;
}
#products ol{
	font-family: verdana,arial,geneva,sans-serif;  list-style-position: outside; margin: 0 0 0 50px;
	padding: 0 0 10px 0; font-size: 11px; 
}		

#products li {line-height: 130%; font-size: 11px; padding: 6px 0 10px 0; }



#columndisplay {font-size: 12px;}

/* ********************  Shopping Cart Styles  ******************************/


.alignField {margin-bottom: 7px;}








/********************* End Shopping Cart Styles ***************************/





/* Form Styles */

#thisform {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

#thisform.button { 
 font: 11px arial, helvetica, sans-serif; text-align:center;
 background-color: #1E8214; 
 
 margin-top: 3px; 
 margin-bottom: 2px; 
}

#thisform .submit { 
 font: 11px arial, helvetica, sans-serif; text-align:center;
 background-color: #1E8214; 
 color: #fff; font-weight: bold;
 
 margin: 6px; 
}

#thisform td {padding:  0; font-size:11px; margin: 0 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;}

#thisform textarea, select, option {
	font-family: verdana, helvetica, sans-serif;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-size: 11px;
	color: #000;
	background-color: #FFF;
	border: solid 1px #ccc;
	line-height:130%;
}
.formtext{
	font-family: verdana, helvetica, sans-serif;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-size: 11px;
	color: #000;
	text-align:right;
}
#thisform input {padding: 2px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 0 0 0; text-align:left;}
#thisform fieldset {border: 1px solid #CCCCCC; padding: 10px 10px;}
#thisform legend {background: #fff; font-weight:bold;}



.form dd {margin: 0;}
.form dt {float: left; padding-right: 0px;}
.buttonformsm {
 text-align:center;
 background-color: #456Ca4; 
 color: #fff; font-weight: bold;
 margin: 3px; 
 
}



#loginform {background-color:#FFFFFF; width: 300px; border: 2px solid #880000; margin-left: auto; margin-right: auto;}

#infobox  {background-color: #FFFFCC; margin:0; font-family:Arial, Helvetica, sans-serif;
 border: 1px solid #003; padding: 10px; font-weight: 400; text-align:left; line-height:130%;}
#infobox h2 {font-weight:bold; font-size: 11px; color:#003366; }
#infobox p {padding: 3px;}

#securityinfobox  {background-color: #FF9900; margin:10px; font-family:Arial, Helvetica, sans-serif;
 border: 1px solid #003; padding: 10px; font-weight: 400; text-align:left; line-height:130%; width: 175px;}
#securityinfobox h2 {font-weight:bold; font-size: 11px; color:#003366;text-align:center;}
#securityinfobox p {padding: 3px;}


/* Web Designer Byline */
#byline {font-family:tahoma, "Lucida Sans", "MS Sans Serif"; color: #003366; font-size: 11px; text-align:center;}
#byline a:link{color: #003366; text-decoration:none;}
#byline a:visited {color: #003366; text-decoration:none;}
#byline a:hover {color: #ff0000; text-decoration:underline;}
#byline a:active {color: #003366; text-decoration:none;}



/* Checkout Styles */
#checkout h1 {
	font: bold 12px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #003399; margin-top: 0;
	padding:  0; text-align:left;
}
#checkout h3 {
	font: bold 12px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #CC0000; margin-top: 0;
	padding:  16px 0 0 0; text-align:left;
	border-bottom: 1px solid silver; width: 500px;
}
#checkout {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:130%;}
#checkout th {font-weight:bold;}
.error {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#CC0000; font-weight:normal;}
#ordertable td {
	border: 1px solid #dadada;
	padding: 6px;
	font: 11px arial, verdana, helvetica, sans-serif;
}

#reorder th{background-color:#FF9900; color: #003366; font-weight: bold;font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; padding: 6px; border: 1px solid #CC0000;}
#reorder td {padding: 10px;}
#reorder label {font-weight: bold; width: 150px; display:block;}
#reorder input{background-color:#FFFFCC;padding: 3px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 3px 6px 3px 0; border: 1px solid gray;}
#reorder submit {color:#CC0000; background-color:#FF9900; padding: 2px;}
/* Tool Tip and Acronym Styles from Xavi  */
/* Note - these require the javascript file called title_utilities.js */

abbr, acronym {border-bottom: 1px dotted #000; cursor: help;}
/* Fading Tooltips */

body div#toolTip {
	background-color: #243B71;
	min-height: 1em;
	padding: 5px;
	position: absolute;
	text-align: left;
	width: 220px;
	z-index: 1000;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size: 11px;
	font-weight:normal;
}
body div#toolTip p {margin: 0; padding: 0; color: #FFF;}
body div#toolTip p em {display: block; margin-top: 3px; color: #FFF; font-style: normal; font-weight: bold;}
body div#toolTip p em span {font-weight: bold; color: #FFF;}


#orderdetails {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-left:10px; line-height: 180%;}
#orderdetails h1 {
	font: bold 14px/1.3em Arial, Helvetica, sans-serif;
	text-transform:none;
	color: #000; margin-top: 0;
	padding:  6px 0 0 0; text-align:left;
}
#orderdetails h2 {
	font: bold 12px/1.3em Arial, Helvetica, sans-serif;
	text-transform:none;
	color: #000; margin: 0;
	padding:  3px 0 0 10px; text-align:left;
}
#orderdetails th {padding: 3px 10px; background-color:#006699; font-weight:bold; color: #fff;}

.printbutton {
 text-align:center;
 background-color: #EFEFDF;
 color: #000; font-weight: bold;
 margin: 3px; border: 1px solid #666666; 
 
}
blockquote.announce{width: 330px; padding: 10px; margin: 10px 10px 10px 5px; font-size: 12px; font-weight: normal; border: 2px dotted #cc0000; font-family: verdana, arial, helvetica, sans-serif; text-align: center; background:#fff; color: #000; line-height:130%;}	
blockquote.hpannounce{width: 500px; padding: 10px; margin: 10px 10px; font-size: 12px; font-weight: normal; border: 2px dotted #cc0000; font-family: verdana, arial, helvetica, sans-serif; text-align: left; background:#fff; color: #000; line-height:130%;}	
	
#announce-small{width: 175px; padding: 10px; margin: 10px 10px; font-size: 11px; font-weight: normal; border: 2px dotted #003399; font-family: verdana, arial, helvetica, sans-serif; text-align: center; background: #FFCC66; color: #000; line-height:130%;}
#customercheckout {padding-left: 30px; font-size: 12px; color: #000; margin-top: 10px; line-height: 130%; font-family:Arial, Helvetica, sans-serif; font-weight: normal;}