/* TABS CSS */

/* root element for tabs  */
ul.tabs { 
	list-style:none;
	margin-left: 5px !important; 
	/* margin:0 !important; */
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a {
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	background-image: url(images/green.png);
	background-repeat: no-repeat;
	background-position: -420px 0;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

object,embed {
	display:block;
	padding: 0px;
	/* width: 730px;
	height: 343px; */ 
	}
object {
	margin: 0px 10px;
	}
p {
	font: 11px/17px verdana,sans-serif;
	color: #666666;
	margin-left: 10px;
	width: 460px;
	}
p a {
	color: #568d9f;
	}
p a:hover {
	color: #70cee9;
	}
	
div.optionCategory{
	float:left;
	margin:0px;
}
div.optionCategoryHead{
	background-color:#ededed;
	font:10px/15px Verdana;
	margin:10px;
	margin-top:0px;
	padding-left:5px;
}
div.col{
	margin:0px;
	
}	


p.inlineheader{
	margin-top:55px;
	margin-bottom:10px;
}
p.inlineheader b{
	font-size:10px;
}
div.threecol a{
	text-decoration:underline;
	color:#333;
}
div.threecol b,div.threecol strong{
	font:bold 10px/15px Verdana;
}
div.threecol ul{
	padding-left:0px;
	margin-right:10px;
	margin-top:0px;
	padding:0px;
}
html>body div.threecol ul{
	margin-top:-15px;
}
div.threecol a:hover{
	color: #70cee9;
}
div.threecol ul{
	margin-top:0px;
	clear:both;
}
#content div.threecol {
	float: left;
	width: 235px;
	max-width:235px;
	margin: 5px 0px 10px 5px;
	padding:0px;
	}
* html div.threecol p {
	float:left;
	width:225px;
	padding:0px;
	margin:0px;
	}
#content>div.threecol {
	margin: 0px 5px 0px 10px;
	}
#content>div>div.threecol {
	margin: 10px 0px 0px 10px;
	}
#content div.onethirdcol {
	float: left;
	width: 230px;
	max-width:215px;
	margin: 5px 0px 0px 5px;
	height:90px;
	padding:0px;
	border-bottom: 1px dashed #cccccc;
	}
* html div.onethirdcol p {
	float:left;
	width:225px;
	padding:0px;
	margin:0px;
	}
#content>div>div.onethirdcol {
	margin: 5px 0px 0px 10px;
	}
#content div.twothirdscol {
	float: left;
	width: 475px;
	max-width:475px;
	height:90px;
	margin: 5px 0px 10px 5px;
	padding:0px;
	border-bottom: 1px dashed #cccccc;
	}
* html div.twothirdscol p {
	float:left;
	width:470px;
	padding:0px;
	margin:0px;
	}

#content>div>div.twothirdscol {
	margin: 5px 0px 0px 10px;
	}
#content div.threethirdscol {
	float: left;
	width: 730px;
	max-width:730px;
	height:90px;
	margin: 5px 0px 10px 5px;
	padding:0px;
	border-bottom: 1px dashed #cccccc;
	}
#content>div>div.threethirdscol {
	margin: 5px 0px 0px 10px;
	}
/* \*/
html>body #content div.threethirdscol p {
 margin-left:5px;
}

/*  */ 
#rightContent {
	width: 230px;
	margin: 0px;
	padding-right:10px;
	float:right;
	}
#rightContent #bigImage {
	border-bottom: 1px dashed #cccccc;
	}
#rightContent #text {
	width: 230px;
	height: 20px;
	font: 11px/17px verdana,sans-serif;
	color: #666666;
	}
#rightContent #text div {
	margin-top:3px;
	}
#rightContent #text div.floatRight a img {
	background-color: #999999;
	}
* html #rightContent #text div.floatRight a:hover {	/* ie5.5 and ie6 hack */
	background-color: #70cee9;
	}
#rightContent #text div.floatRight a:hover img {
	background-color: #70cee9;
	}
.latest{
	float: left;
	width: 230px;
	max-width:230px;
	w\idth:153px;
	height: 305px;
	padding:0px;
	margin:0px;
	font: 11px/15px verdana,sans-serif;
}
.catBox{
	d\isplay:block;
	width: 230px;
	w\idth:153px;

	height: 93px !important;
	height: 103px;
	height/**/:/**/93px;
/*
	height: 153px !important;
	height: 163px;
	height/**/:/**/153px;
*/
	padding:5px 70px 5px 5px;
	border: 1px dashed #cccccc;
	margin: 0px;

	font: 10px/12px verdana;
	color: #666666;
	text-decoration:none;
	background-position:135px 0px;
	background-repeat:no-repeat;
	vertical-align: top;
	}
	

@media all {														/*	hides things from macs	*/
	* html .catBox {											/*	this hides things from non-IE broswers	*/
		margin: 0px 10px 20px 10px;					/*	this is for IE5x/win	*/
		margin/**/:/**/0px 13px 20px 5px;		/*	this is for IE6/win. IE5 ignores it	*/
		}
	}

a.catBox b{
	font-weight:bold;
	color:black;
	}
a.catBox:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #70cee9;
	}
	
a.smallbox img {
	display:block;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	}
a.smallbox:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #70cee9;
	}

a.smallbox {
	d\isplay:inline;
	f\loat:left;
	width:174px;
	border-style: dashed;
	border-width: 1px;
	border-color: #cccccc;
	margin: 0px 0px 10px 10px;
	}

.textBox {
	float:left;
	width: 230px;
	height: 305px;
	margin: 3px 10px 0px 5px;
	}
#content>div.textBox {
	margin: 3px 10px 0px 10px;
	}
#subNavTop {
	width:400px;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px -10px 0px;
	height:12px;
	z-index: 1;

	}
#subNavTop a, #subNavTop b{
	font-size: 11px;
	line-height:12px;
	font-family: verdana,sans-serif;
	margin: 0px 0px 0px 0px;
	padding:0px 25px 0px 0px;
	font-weight:bold;
	text-decoration:none;
	color: #999999;
	display:block;
	float:left;
	z-index: 1;
}
	
#subNavTop a:hover,a.hack:hover {
	color: #70cee9;
	}
#subNavTop b {
	color: #568d9f;
	}
	


#subNav {
	width:400px;
	margin: 0px 10px 10px 10px;
	padding: 0px;
	height:12px;
	z-index: 1;
	}
#subNav a, #subNav b{
	font-size: 10px;
	line-height:12px;
	font-family: verdana,sans-serif;
	margin: 0px 15px 0px 0px;
	padding:0px;
	font-weight:bold;
	text-decoration:none;
	color: #999999;
	display:block;
	float:left;
	z-index: 1;
	}
#subNav a:hover {
	color: #70cee9;
	}
#subNav b {
	color: #568d9f;
	}
	
	
a.download {
	display:block;
	width:210px;
	height:24px;
	line-height:12px;
	margin: 0px 0px 5px 0px;
	font-size: 10px;
	font-family: verdana,sans-serif;
	color: #999999;
	text-decoration:none;
	}
a.download img {
	width:16px;
	height:20px;
	float:left;
	margin: 3px 10px 0px 0px;
	background-color: #999999;
	}
a.download:hover {
	color: #70cee9;
	}
a.download:hover img {
	background-color: #70cee9;
	}
	
a.download2 {
	display:block;
	width:170px;
	height:20px;
	line-height:12px;
	margin: 0px 0px 5px 0px;
	font-size: 10px;
	font-family: verdana,sans-serif;
	color: #999999;
	text-decoration:none;
	}
a.download2 img {
	width:16px;
	height:20px;
	float:left;
	margin: 5px 10px 0px 0px;
	background-color: #999999;
	}
a.download2:hover {
	color: #70cee9;
	}
a.download2:hover img {
	background-color: #70cee9;
	}
	

#leftContent {
	margin: 0px 0px 10px 5px;
	padding:0px;
	width:480px;
	float:left;
	}
	
#content>#leftContent {
	margin: 0px 0px 10px 10px;
	}
#leftContent p {
	margin:0px;
	padding:0px;
	}
.navList {
	position:absolute;
	top:-5px;
	left:490px;
	display:block;
	z-index:100;
	}
html>body .navList{
	left:500px;
}
.navList select, #leftContent select {
	width:200px;
	font-size: 10px;
	font-family: verdana,sans-serif;
	color: #666666;
	}
.navList select option, #leftContent select option {
	margin: 0px;
	padding: 0px;
	width: 150px;
	max-width: 190px;
	}
ul{
	margin-left:20px;
	padding-left:0px;
}

ul.localNav {	/*	this is the UL inside DIV.navList	*/
	margin: 5px 0px;
	padding:0px;
	font-size: 1px;
	list-style-type:none;
	}

.navList ul.localNav  {
	width:200px;
	}
	
ul.localNav a,ul.localNav b {
	font: 10px verdana,sans-serif;
	line-height:16px;
	font-weight: bold;
	color: #999999;
	text-decoration:none;
	}
ul.localNav a img {
	line-height:21px;
	vertical-align:baseline;
	background-color: #999999;
	}
ul.localNav a:hover {
	color: #70cee9;
	}
ul.localNav a:hover img {
	background-color: #70cee9;
	}
ul.twoborders {
	padding: 14px 0px;
	margin: 0px 0px;
	}
.navList ul.twoborders {
	padding: 11px 2px;
	margin: 0px 0px;
	}
#leftPhotoContent {
	margin: 0px;
	width:500px;
	float:left;
	}
div.optionCategory{
	float:left;
	margin:0px;
}
div.optionCategoryHead{
	background-color:#ededed;
	font:10px/15px Verdana;
	margin:10px;
	margin-top:0px;
	padding-left:5px;
}
div.col{
	margin:0px;
	
}
div.photo {
	padding:0px 10px;
	float:left;
	width: 105px;
	text-align:left;
	height: 140px;
	margin:0px;
	}
div.photo.short{	
	height: 70px;
}
div.photo img{
	border:1px solid #cccccc;
	margin:0px;
	}
	
	
#leftPhotoContent div.photo {
	padding:0px 10px;
	
	}
div.photo a, div.photo span {
	display:block;
	font-size: 10px;
	font-family: verdana,sans-serif;
	color: #666666;
	text-decoration:none;
	}
div.photo a.active{
	color: black;
}
div.photo a.active img.bordered {
	border-color: black;
	}

div.photo a:hover, div.photo a:hover span {
	color: #70cee9;
	}
div.photo a img {
	border: 1px solid #ffffff;
	}
div.photo a img.bordered {
	border-color: #cccccc;
	}
div.photo a:hover img.bordered {
	border-color: #70cee9;
	}
	#dealers{
		width:490px;
		float:left;
		margin:0;
		padding:0;
		border:0;
		clear:left;
	}
	#distributors{
	 width:210px;
	 float:left;
	 margin:0;
	 margin-left:5px;
	 padding:0;
	}
	
	div#content a.contract {
		background-repeat:no-repeat;
		background-position: left top;
		width:174px;
		height:55px;
	}
	
	div#content a.contract:hover {
		background-position: left bottom;
	}
	div.threecol.last{ margin-top:-15px !important;}
	div.threecol.last img{ margin-bottom:7px !important;}
	html>body .threecol.last{ margin-top:-20px !important;}
	html>body .threecol.last img{ margin-bottom:5px !important;}
	#head{margin-right:-20px;}
	html>body #head{margin-right:0px;}