body{
	font-family:Arial,verdana,sans-serif;
	background-image:url("/tpl_img/body_bg.png");
	background-repeat:repeat-x;
	background-color:#d5d5d5;
	text-align:center;
	font-size:13px;
}

/*BASIC CLASSES*/
.left-push{
	margin-left:150px;
}

.right-align{
	text-align:right;
}

div.iesucks{
	text-align:center;
	width:100%;
}

.ie6isbroken{
	text-align:left;
}

.dropped{
	background-position:0px -50px;
}

.black{
	background-color:#000000;
}

.parts_nav_selected{
	background-color:#F3D7BA;
	font-weight:bold;
}

	/*CONTENT - DIV JUNK*/
	div.figure p{
		font-style:italic;
	}
	
	div.main{
		padding:15px;
		margin-top:-30px;
	}
	
	div.shipment{
		border: solid 1px #000000;
		margin-top:10px;
		padding:10px;
		float:left;
		height:310px;
		width:30%;
		background-color:#FFF5E5;
	}
	
	div.payment{
		border: solid 1px #000000;
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		padding-left:10px;
		padding-bottom:20px;
		height:210px;
		width:450px;
		background-color:#CCE3FA;
	}
	
	div.totals{
		margin-top:10px;
		margin-bottom:0px;
		width:55%;
		height:90px;
		border: solid 1px #CCCCCC;
	}
	
	div.error{
		display:none;
		padding:5px;
		margin:-8px 10px 8px 0px;
		background-color:#FFECB3;
		border:solid 1px #660000;
		width:250px;
	}
	
	div.largeerror{
		padding-top:5px;
		padding-left:5px;
		margin-right:10px;
		background-color:#FFECB3;
		border:solid 1px #660000;
		width:400px;
	}
	

	
	div.topbar{
		cursor:pointer;
		border-right:1px solid #000000;
		text-align:center;
		background-image:url(/tpl_img/topbarbg.png);
		float:left;
		width:125px;
		height:20px;
		margin:0px;
	}
	
	div.topbar:hover{
		background-image:url(/tpl_img/topbarbgh.png);
	}
	
	/*CONTENT - LINK JUNK*/	
	a.category{
		font-size:18px;
		color:#000000;
		text-decoration:none;
	}
	
	a.category:hover{
		font-size:18px;
		color:#555555;
	}
	
	a.category:visited{
		color:#000000;
	}
	
	a.subcat{
		font-size:14px;
		color:#333333;
		text-decoration:none;
		font-style:oblique;
	}
	
	a.subcat:visited{
		color:#333333;
	}
	
	a.subcat:hover{
		color:#666666;
	}
	
	a.large{
		font-size:20px;
		text-align:center;
		color:#713800;
	}
	
	a.large:hover{
		color:#915820;
	}
	
	a.submenu{
		display:block;
		cursor:pointer;
		background-image:url(/tpl_img/submenubg.png);
		background-repeat:no-repeat;
		width:125px;
		height:20px;
		clear:both;
		text-align:center;
		cursor:pointer;
		color:#000000;
		text-decoration:none;
	}
	
	a.submenu:hover{
		background-image:url(/tpl_img/submenubgh.png);
	}
	
	a.submenulast{
		height:22px;
		background-image:url(/tpl_img/submenulastbg.png);
	}
	
	a.submenulast:hover{
		background-image:url(/tpl_img/submenulastbgh.png);
	}
	
	a.parts_nav{
		width:90px;
		float:left;
		height:65px;
		border:1px solid #000000;
		padding:5px;
		text-align:center;
	}
	
	a.parts_nav:hover{
		background-color:#F7E3CE;
	}
	
/*TABLE JUNK*/

.carttable tr.spacer td{
	background-color:#FFFFFF;
}

.carttable tr.shippingrow{
	height:30px;
	border:none;
}

.carttable td.content{
	border-top:2px solid #a4b2c4;
	background-color:#E2E2FC;
}

.carttable td.header{
	border-top:1px solid #92a5bf;
	background-color:#3B6F9D;
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
	border-left:none;
}

.carttable td.value{
	border-top:2px solid #a4b2c4;
	background-color:#E2E2FC;
	font-weight:bold;
}

table.products{
	width:100%;
	margin-top:10px;
	margin-bottom:15px;
	border:3px solid #888EA9;
}

thead.prodheader{
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background-color:#BCC8FE;
	background-image:url("/tpl_img/thead-bg.png");
}

thead.prodheader a{
	color:#ECEEF4;
	text-decoration:underline;
	font-style:italic;
}

thead.prodheader td{
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
}

thead.prodheader td:last-child{
	border-right:0px;
}

colgroup.codecol{
	text-align:center;
	background-color:#F4F4F4;
}

colgroup.colalt1{
	text-align:center;
	background-color:#E2E2FC;
}

colgroup.colalt2{
	text-align:center;
	background-color:#D7D5FF;
}

tr.productrow td{
	border-bottom:1px solid #707070;
	border-right:1px solid #C3C5CF;
}

table.products td.spacer{
	border-top:2px solid #8796A2;
}

td.td1{
	border-top:#BFD5E7 solid 1px;
	border-bottom:#D3D7E0 solid 1px;
	background-color:#3B6F9D;
	background-image:url("/tpl_img/thead-bg.png");
	color:#FFFFFF;
}

td.td1 b{
	color:#FFFFFF;
	font-size:16px;
}

td.td2{
	background-color:#D7D5FF;
}

td.td3{
	background-color:#E2E2FC;
}

tr.productrow td:first-child{
	text-align:center;
	color:#874821;
	font-size:15px;
	font-weight:bold;
}

td.colhover{
	background-color:#EAEBF8;
}

td.cellhover{
	background-color:#F6F6FB;
}

th.colhover{
	background-color:#6185BB;
	background-image:url("/tpl_img/theadhover-bg.png");
	font-weight:bold;
}

/*this is for the main structure of the website.*/
div.maincontainer{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
}

* html #thepage{
	width: expression(document.body.clientWidth <1000 ? "800px" : "85%" );
}

a#logo_tag{
	 width:359px;
	 height:141px;
	 display:block;
	 background-image:url('/tpl_img/top.png');
	 background-repeat:no-repeat;
	 float:left;
}

div.mainheader{
	height:141px;
	background-image:url("/tpl_img/repeat_x.png");
	background-position:0px -290px;
	background-repeat:repeat-x;
}

div#mainbarcontainer{
	position:relative;
	background-color:#FFFFFF;
	border-right:1px solid #777777;
	font-size:12px;
	height:30px;
	padding-left:89px;
}

div.cart{
	background-image:url("/tpl_img/top.png");
	background-position:0px -141px;
	background-repeat:no-repeat;
	position:relative;
	height:141px;
	width:440px;
}

div.cart .header{
	width:100px;
	font-size:12px;
	position:absolute;
	top:95px;
	left:235px;
	color:#800000;
	margin:0px;
}

div.cart .content{
	width:105px;
	height:22px;
	font-size:10px;
	position:absolute;
	vertical-align:middle;
	top:107px;
	left:235px;
	color:#000000;
	margin:0px;
}

div.top_information{
	padding:0px;
	position:absolute;
	top:15px;
	left:70px;
	width:348px;
	height:64px;
}

div.top_information .search_form{
	position:relative;
	top:5px;
	left:80px;
	height:30px;
	width:250px;
}

div.top_information p.bottom_links{
	position:relative;
	bottom:0px;
	left:20px;
	font-size:11px;
	margin-right:50px;
	text-align:right;
}

div#mainbarcap{
	position:absolute;
	top:0px;
	left:0px;
	width:156px;
	height:30px;
	background: url("/tpl_img/topbar.png") no-repeat;
	background-position:-153px 0px;
	z-index:0;
}

#mainbar{
	background-image: url("/tpl_img/repeat_x.png");
	background-position:0px -30px;
	background-repeat:repeat-x;
	position:relative;
	float:left;
	height:30px;
	margin:0px 0px 0px -12px;
	z-index:99;
}

#mainbar .item{
	float:left;
	background-image:url("/tpl_img/repeat_x.png");
	background-position:0px -30px;
	background-repeat:repeat-x;
	height:30px;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
}

div.separator{
	background:url("/tpl_img/topbar.png");
	background-position:-150px 0px;
	background-repeat:no-repeat;
	position:relative;
	margin-right:-2px;
	top:3px;
	left:-1px;
	width:3px;
	height:28px;
	float:left;
}

#mainbar .item:hover{
	cursor:pointer;
	background-image:url("/tpl_img/repeat_x.png");
	background-position:0px -60px;
}

#mainbar .first:hover span.cap{
	background:url("/tpl_img/topbar.png");
	background-position:-64px 0px;
}

#mainbar .last:hover span.cap{
	background:url("/tpl_img/topbar.png");
	background-position:-139px 0px;
}

#mainbar .item span{
	margin:0px;
	float:left;
	position:relative;
	top:6px;
	padding-left:10px;
	padding-right:10px;
}


#mainbar .first span.cap{
	padding:0px;
	height:31px;
	width:64px;
	position:relative;
	top:0px;
	background:url("/tpl_img/topbar.png");
	background-position: 0px 0px;
	background-repeat:no-repeat;
}

#mainbar .last span.cap{
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
	height:30px;
	width:11px;
	background:url("/tpl_img/topbar.png");
	background-position: -128px 0px;
	background-repeat:no-repeat;
}

#bar_cap_right{
	background:url("/tpl_img/bar-right.gif");
	width:54px;
	height:30px;
	float:left;
	position:relative;
	z-index:10;
}

div.contentcontainer{
	background-color:#FFFFFF;
	border-left:1px solid #777777;
	border-right:1px solid #777777;
	min-height:500px;
	padding:0px 0px 50px 0px;
	margin:0px;
}

div.contentcontainer div.content{
	margin:0px 0px 0px 155px;
	min-height:400px;
	padding:10px 10px 10px 10px;
}

div.contentcontainer div.content-wrap{
	float:left;
	width:100%;
}

div.sidemenucontainer{
	background-image:url("/tpl_img/sidemenu.png");
	background-position:-312px 0px;
	background-repeat:repeat-y;
	position:relative;
	float:left;
	left:-1px;
	width:155px;
	margin:0px 0px 5px -100%;
}

div#sidemenu_top{
	background:url("/tpl_img/sidemenu.png");
	background-position:0px 0px;
	width:156px;
	height:23px;
}

div#sidemenu_bottom{
	background:url("/tpl_img/sidemenu.png");
	background-position:-156px 0px;
	clear:both;
	width:156px;
	height:33px;
}

div.sidebar{
	text-align:center;
	width:134px;
	position:relative;
	top:-5px;
	left:11px;
}

div.blurbspacer{
	background-color:#FFFFFF;
	border-bottom:1px solid #777777;
	border-left:1px solid #777777;
	border-right:1px solid #777777;
	height:23px;
}

div.blurb{
	position:relative;
	width:100%;
}

td.blurb{
	text-align:center;
	background-image: url("/tpl_img/blurb_bottom.png");
	background-position:0px -88px;
	background-repeat:repeat-x;
	height:44px;
}

div#bottom_blurb_left{
	background-image: url("/tpl_img/blurb_bottom.png");
	background-position:0px 0px;
	width:26px;
	height:44px;
}

div#bottom_blurb_right{
	background-image: url("/tpl_img/blurb_bottom.png");
	background-position:0px -44px;
	width:26px;
	height:44px;
}

table.blurbtable{
	width:100%;
}

div.shipping_office_thumbnail{
	float:left;
	padding:5px;
	margin:10px;
	width:145px;
	height:280px;
	border:1px solid #999999;
}

div.shipping_office_thumbnail p.thumbnail{
	display:table-cell;
	vertical-align:middle;
	width:145px;
	height:100px;
	text-align:center;
}

div.blurb>p{
	text-align:center;
	width:100%;
}

p.highlight{
	background-color:#FAFAFF;
	padding:3px;
	margin:3px;
}

ul.navigation{
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	position:relative;
	text-align:left;
}

ul.navigation ul{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	list-style:none;
	display:none;
	position:absolute;
	top:25px;
	left:-1px;
	z-index:999;
}

ul.navigation ul>li{
	background: url('/tpl_img/submenu.png') no-repeat;
	background-position: 0 -76px;
	text-align:center;
	padding-top:4px;
	width:160px;
	height:24px;
}

ul.navigation ul a{
	display:block;
	width:160px;
	height:26px;
	padding-top:2px;
	text-decoration:none;
	color:#FFFFFF;
}

ul.navigation ul>li:hover{
	background-position: 0 -114px;
	text-decoration:underline;
}

ul.navigation ul>li.last{
	background-position: 0 0;
}

ul.navigation ul>li.last:hover{
	background-position: 0 -38px;
	text-decoration:underline;
}

ul.navigation:hover ul{
	display:block;
}

.mainbar_blurb{
	display:none;
}

div#mainbar_blurb{
	background:url("/tpl_img/blurb_top.png") no-repeat;
	width:244px;
	height:30px;
	position:absolute;
	z-index:2;
	left:100%;
	margin-left:-244px;
}

div#blurb_action{
	background:url("/tpl_img/blurb_top.png") -244px 0px;
	width:57px;
	height:30px;
	float:right;
	margin-right:15px;
	cursor:pointer;
}

div#blurb_action.closed{
	background-position:-244px -30px;
}

div#content_blurb{
	background:url("/tpl_img/blurb_top.png") no-repeat 0px -30px;
	width:244px;
	height:78px;
	float:right;
	position:relative;
	top:-10px;
	left:10px;
}

div.top_blurb p{
	margin:0px;
	width:190px;
}

h5.ditto{
	margin-left:5px;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 200px;
	height:65px;
	top:5px;
	left:-1px;
	/* custom decorations */
	border:1px solid #DDDDDD;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url("/tpl_img/blurb_arrows.png") no-repeat;
	display:block;
	width:11px;
	height:24px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: -11px 0px; position:relative; top:-13px; left:-8px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-11px -26px; }
a.right:active 	{ background-position:-11px -52px; } 


/* left */
a.left				{ margin-left: 0px; position:relative;top:-13px; left:6px;} 
a.left:hover  		{ background-position:0px -26px; }
a.left:active  	{ background-position:0px -52px; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}