html,body{
	margin:0px;
	padding:0px;
	background:#006DB3 url(images/body_bg.gif) repeat-x;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

#outer{min-height:100%;margin-bottom:-100px;}
* html #outer{height:100%;}

h1{
	font-size:20px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

h2{
	font-size:18px;
	margin:0px 0px 10px 0px;
	padding:0px;
	line-height:20px;
}

h3{
	font-size:16px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px dashed #002238;
}

img{
	border:none;
}

#left{
	float:left;
	width:231px;
}

#logo{
	width:213px;
	height:166px;
	padding:0px 0px 0px 18px;
	background:url(images/logo100.jpg) no-repeat;
}

#logo a{
	display:block;
	width:213px;
	height:166px;
}

#navigation{
	width:213px;
	height:390px;
	padding:0px 0px 0px 18px;
	background:url(images/nav100_bg.jpg) no-repeat;
}

#nav, #nav ul{
	margin:0px;
	padding:10px 0px 0px 0px;
	list-style:none;
}

#nav li{
	padding:0px 5px 0px 5px;
}

#nav a{
	display:block;
	height:30px;
	line-height:30px;
	color:#002238;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	padding:0px 0px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
}

#nav a:hover{
	background:url(images/nav_hoverbg.jpg) repeat-x;
}

#right{
	margin-left:231px;
}

#topnavigation{
	height:41px;
	background:url(images/tnav_bg.jpg) repeat-x;
	padding:0px 20px 0px 0px;
}

#topnavigationleft{
	float:left;
	height:41px;
	line-height:41px;
	color:#FFF;
	padding:0px 0px 0px 20px;
	font-size:11px;
}

#topnavigationleft a{
	color:#9EF169;
}

#topnavigationright{
	float:right;
}

#header{
	height:100px;
	background:#020202 url(images/header100_bg.jpg) no-repeat;
	border-bottom:1px solid #989898;
}

#content{
	/* padding:35px 35px 35px 35px; */
	padding:0px 35px 35px 35px;
	color:#FFF;
	line-height:18px;
}

#content table{
	color:#FFF;
	line-height:18px;
}

#content a{
	color:#FFF;
}

#content form{
	overflow:auto;
}

#categorybar{
    margin: 5px -35px 0px 0px;
	/* padding:0px 10px 5px 0px;	*/
	color:#FFF;
	line-height:18px;
    float:right;
	width:100%;
}
#categorytitle {
	float:left;
	font-size:16px;
	font-weight:bold;
	color:white;
	padding:0px 10px 0px 0px;
}
#categorybar ul
{
	float:left;
	width:100%;
	list-style-type:none;
}
#categorybar a
{
	float:left;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	/* background-color:#054671; */
	/* padding:10px; */
	padding:5px;
	/* border:1px solid #013455; */
	margin:0px 15px 15px 0px;
	background:url(images/catbutton-bg40.gif) repeat-x;
	background-color:#33abf7; 
	border:3px outset #2288ff;
}
/* By default hide the image on the category bar.  If page 
   should display category image, set display to inline.*/
#categorybar img {
	display:none;
}
.categorybox{
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	float:left;
	padding:10px;
	border:1px solid #013455;
	height:150px;
	width:240px;
	margin:0px 15px 15px 0px;
	background-color:#054671;
}
.categorybox a{
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}

.productbox{
	float:left;
	padding:10px;
	border:1px solid #013455;
	height:100px;
	width:282px;
	margin:0px 15px 15px 0px;
	background-color:#054671;
}

.productboxleft{
	float:left;
	width:100px;
	margin:0px 10px 0px 0px;
}

.productboxright{
	text-align:left	
}

.productbox a{
	text-decoration:none;
}

.searchresultprice{
	font-weight:bold;
	color:#9EF169;
	font-size:14px;
}

.specialprice{
	font-weight:bold;
	color:#E6E600;
	font-size:14px;
}

.searchresultdesc{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

.clearright{
	clear:right;
	overflow:hidden;
	height:1px;
	margin-top:-1px;
}

.clear{
	clear:both;
	overflow:hidden;
	height:1px;
	margin-top:-1px;
}

#footer{
	background:#002238 url(images/footer_logo.jpg) no-repeat 50px 0px;
	height:90px;
	clear:both;
	padding:10px 0px 0px 140px;
	font-size:10px;
	color:#569ECC;
	line-height:18px;
}

#copyright{
	color:#FFF;
}

#footleft{
	float:left;
}

#footright{
	float:right;
	margin:0px 20px 0px 0px;
	color:#FFF;
	text-align:right;
}

#footright a{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}

#clearfooter{clear:both;height:100px;}

.prodimage{
	background-color:#F4F4F4;
	border:1px solid #CACACA;
	padding:5px;
}

.producttitle{
	font-size:20px;
	font-weight:bold;
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
}

.productprice{
	font-weight:bold;
	color:#9EF169;
	font-size:16px;
}

.optionsbox{
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	padding:5px;
	margin:5px auto;
	text-align:center;
	width:80%;
}

.productleft{
	float:left;
}

.productright{
	margin-left:225px;
	padding:10px;
}

.line{
	border-bottom:1px dashed #002238;
	height:1px;
	margin:5px 0px 5px 0px;
	font-size:1px;
}

.line2{
	border-bottom:1px solid #015992;
	height:1px;
	margin:5px 0px 5px 0px;
	font-size:1px;
}

.qtybox{
	border:1px solid #013455;
	background-color:#054671;
	padding:10px;
	margin:0px 10px 0px 0px;
	float:left;
}

.discounttable{
	float:left;
	border:1px solid #013455;
	background-color:#054671;
	padding:10px;
}

#dealerlogin{
	background:#005186;
	border:3px solid #0068AC;
	color:#FFF;
	padding:10px;
	margin:0px 0px 10px 18px;
	line-height:14px;
	font-size:11px;
}

.basket{
	background-color:#00456F;
	border:1px solid #002238;
}

.baskethead{
	background-color:#002238;
	font-weight:bold;
	color:#FFF;
	padding:3px;
}

.basket .ok{
	background-color:#188AD3;
	border:1px solid #043250;
	color:#FFF;
	font-weight:bold;
	padding:2px 0px 2px 0px;
}

.loginbox {
	border: 1px solid #002238;
	background-color: #00456F;
	color: #FFF;
}
.loginboxh {
	background: #002238;
	color: #FFF;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
}
.loginboxc {
	padding: 10px;
}
.regbox {
	border: 1px solid #002238;
	background-color: #00456F;
	color: #FFF;
}
.regboxh {
	background: #002238;
	color: #FFF;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
}
.regboxc {
	padding: 10px;
}
.checkoutbox {
	border: 1px solid #002238;
	background-color: #00456F;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin:20px 0px 0px 0px;
}
.checkoutboxh {
	background: #002238;
	color: #FFF;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
}
.checkoutboxc {
	padding: 10px;
}

.checkout{
	border: 1px solid #002238;
	background-color: #00456F;
	color: #FFF;
}
.checkouthead {
	background: #002238;
	color: #FFF;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
}
.checkoutcontent {
	padding: 10px;
}

.checkoutsubmit{
	border: 1px solid #002238;
	background-color: #00456F;
	color: #FFF;
	padding:10px;
	margin-top:10px;
	text-align:center;
}
#verifyleft {
	float: left;
	width: 250px;
}
#verifyright {
	margin-left: 260px;
}
.verifybox {
	border: 1px solid #002238;
	background-color: #00456F;
	margin: 10px 0px 10px 0px;
}
.verifyboxh {
	background-color: #002238;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
}
.verifyboxc {
	padding: 5px;
}
.thankyou table {
	width: 100%;
	border: 1px solid #002238;
	background-color: #00456F;
	color: #FFF;
}
.thankyou table table {
	border: 1px solid #002238;
}

.supportform{
	border:1px solid #01416A;
}

.supportform td{
background-color:#004978;
}

.downloadcat{
	color:#ABDCFC;
	font-size:16px;
	font-weight:bold;
	margin:15px 0px 10px 0px;
}

.downloadsubcat a{
	font-size:16px;
	font-weight:bold;
	margin:15px 0px 10px 0px;
	background-color:#03395D;
	display:block;
	padding:10px;
	border:1px solid #043352;
	text-decoration:none;
	color:#ABDCFC;
}

.downloaditemname{
	color:#9EF169;
	font-size:14px;
	font-weight:bold;
}

.downloaditem{

	padding:10px;
}

table.itemtable {
	border-collapse: collapse;
	margin:10px 0px 0px 0px;
	background-color:#03395D;
}

table.itemtable td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset;
	border-color: #043352;
	padding:3px;
}

.qtydealerlogin{
	color:#ABDCFC;
	font-weight:bold;
}

.outstock{
	margin:0px 0px 5px 0px;
	color:#FF9900;
	font-weight:bold;
}

.categorytitle a{
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 10px 0;
	display:block;
}

.categorytitle a:hover{
	color:#ABDCFC;
}

.categorytable{
	width:100%;
	margin:0 0 10px 0;
}

.categorytable td{
	padding:5px;
	vertical-align:top;
	background-color:#03395D;
	border:1px solid #043352;
}

.categoryicon{
	text-align:center;
	width:70px;
}

.categorycount{
	width:70px;
	color:#ABDCFC;
}

.imgright{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

ul.hyphenlist {
	list-style-type:none;
}
/*
.matrix table{
	color:black;
	background:white;
	line-height:18px;
	border-collapse:collapse;
	border:1px solid black;
}
.matrix img{
	width:75px;
}
.matrix th,td{
	color:black;
	padding:5px 10px;
	border:1px solid black;
	text-align:center;
}


#matrixparts table{
	color:black;
	background:white;
	line-height:18px;
	border-collapse:collapse;
	border:1px solid black;
}
#matrixparts img{
	width:75px;
}
#matrixparts th,td{
	color:black;
	padding:5px 10px;
	border:1px solid black;
	text-align:center;
}
*/

/* Pop-up CSS from: http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/#thumb */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
max-width: 400px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
/* top: 0px; */
bottom: 0px;
left: 60px; /*position where enlarged image should offset horizontally */

}

.prebody {
    display: none;
}