/* Global styles*/
html{background: url(../images/backgrounds/background.jpg) top fixed;}
.dept0{background: url(../images/backgrounds/background_home.jpg) top fixed;}
.dept1{background: url(../images/backgrounds/background_pk.jpg) top fixed;}
.dept2{background: url(../images/backgrounds/background_ks.jpg) top fixed;}
.dept3{background: url(../images/backgrounds/background_atb.jpg) top fixed;}
.dept4{background: url(../images/backgrounds/background_sb.jpg) top fixed;}
.dept5{background: url(../images/backgrounds/background_sk8.jpg) top fixed;}
.dept6{background: url(../images/backgrounds/background_ms.jpg) top fixed;}
.dept7{background: url(../images/backgrounds/background_misc.jpg) top fixed;}
.dept8{background: url(../images/backgrounds/background_wb.jpg) top fixed;}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
/*	background-color:#2f2f2f;*/
/*  Add background image */
	/*background:url(../images/border2.png) repeat-y top fixed;
	background: url(../images/border_snow3.png) repeat-y scroll center 50px;*/
	margin:0px;
}
form{margin:0}
.shell{ width:948px; margin:0 auto;}
#header{
	margin:14px auto 0;
	/*background:url(../images/newheader1.png) no-repeat top;*/
	height:161px;
	width:970px;
	position:relative;
	z-index:998
}
#header_border{position:absolute; left:0px; bottom:0px; height:166px; width:970px; border-top: 5px #000 solid; display:none /*background:url(../images/header_border3.png) no-repeat bottom left*/; z-index:2;}
#extras{top:-14px; right:0; width:970px; position:absolute; z-index:0; height:35px;line-height: 14px;}
	#extras ul{ float:right; margin:0; padding:0; list-style:none}
	#extras li{ float:left; padding:3px 5px; list-style:none}
	#extras a{ color:#fff; text-shadow: 2px 2px 2px #000;}
#header .logo{ margin:4px 0 0 10px} /* amend indent from 50px to 10px. */
#telephone_number {right:20px;position:absolute;bottom:30px; width:277px; height:32px; background:url(../images/telephone_number.png) no-repeat; text-indent:-9999px; z-index:5;}

#search{float:right; margin-top:5px; padding-right:25px }

/* reversed colours of nav background and borders */
#nav{ position:absolute; left:5px; bottom:0px; background: url(../images/nav_back.png) no-repeat left top; width:960px; height:32px; z-index:400;}

#nav ul{
	list-style:none;
	margin:0;
	padding:1px 0px;
}
#nav li{
	display: inline;
	margin:0px;
	padding:0px;
	
	color:#fff;
}
/* remove background color and add text color */
#nav li:hover{ color:#35495F}
/* reverse color */
/* change weight from normal to bold and size from 14 to 12 */
#nav a,#nav span{	color:#fff;	font-size:13px;padding:0px 10px;line-height:30px; font-weight:bold;}
/* change color from #fff and remove background */
#nav a:hover{ background:url(../images/nav_hover.png) repeat;}
#wrapper{background:url(../images/trans_back.png) repeat-y top left; /*background:#445974*/ ;width:960px; margin:0 auto; border-left: solid 5px #000; border-right: solid 5px #000;}
#main{
	margin:0;
	padding:0;
}
#main2{
	margin:0;
	padding:15px;
}
#leftcolumn{
	width:162px;
	margin-right:15px;
	float:left;
}
	#makeslist{ list-style:none; margin:0; padding:0}
	#makeslist li { padding:2px 0}
	.manufacturers{padding:0px 0px 0px 4px!important; position:relative;width:158px !important; height:400px; overflow:hidden;}
	
	.manufacturers .viewport { width: 140px; height: 400px; overflow: hidden; position: relative; }
	.manufacturers .overview { list-style: none; position: absolute; left: 0; top: 0; }
	.manufacturers .thumb { background:url('../images/trackbtm.png') no-repeat transparent; }
	.manufacturers .scrollbar { position: relative; float: right; width: 13px; }
	.manufacturers .track { background-color: #ccc; height: 100%; width:13px; position: relative; padding: 0; }
	.manufacturers .thumb { height: 58px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
	.manufacturers .thumb .end { overflow: hidden; height: 5px; width: 13px; background:url('../images/tracktop.png') no-repeat transparent;  }
	.manufacturers .disable{ display: none; }

	.manufacturers .jScrollbar_mask {
		width:140px;
		position:relative;
		top:0;
		float:left
	}
		.manufacturers .jScrollbar_mask p {
			margin:0;
			padding:0;
			color:#FFF;
			font-size:12px;
		}
	.manufacturers .jScrollbar_draggable {
		float:left;
		width:13px;
		height:500px;
		overflow:hidden;
		background:none;
		background: #ccc;
		margin-left:5px;
		position:relative
	}
	.manufacturers .jScrollbar_draggable a.draggable {
		position:relative;
		background:transparent url('../images/bg_draggable4.png') no-repeat;
		display:block;
		height:58px;
		width:13px;
		margin-left:0;
		cursor:s-resize
	}
	
#centercolumn{
	float:left;
	width:576px;
	margin-right:15px;
}
#rightcolumn{
	float:left;
	width:162px;
}
.col_title, .news_col .title {
	background:url(../images/heading.png) no-repeat;
	color:#fff; /* change from #FFF */
	padding:3px 8px;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	width:146px;
	height:17px;
	float:left;
}
.col_content{
	margin-bottom:10px;
	text-align:center;
	color:#000;
	float:left;
	width:162px;
	/*--Bottom right rounded corner--*/
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;	
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	background:#fff;
	padding-bottom:3px
}
.col_content_white{
	padding:5px 8px;
	margin-bottom:10px;
	text-align:center;
	color:#000;
	float:left;
	width:146px;
	background:#fff;
	/*--Bottom right rounded corner--*/
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.col_content_wide{width:284px; float:left; 
	padding:15px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background:#fff;
	min-height:183px
	}
.col_content_narrow{width:262px; float:left;}
.col_content_narrow .title{background:url(../images/heading_med.png) no-repeat top left!important; width:242px!important;}
.col_content_narrow  .col_content_white{width:252px; padding:0px; margin:0px; text-align:left; height:190px}
.news_widget ul{ list-style:none; margin:0; padding:1px 0px;}
.news_widget{padding:0 0 0 10px;}
.news_widget li{ margin:0px; padding:3px 5px; border-bottom:1px dashed #ccc}
.story{width:379px; margin-right:15px; float:left;}
.news_col{padding:0px; margin:0px; width:162px; float:left;}
.news_col .col_content_white{text-align:left; border-left:1px solid #DCDED9; border-right:1px solid #DCDED9; border-bottom:1px solid #DCDED9; width:144px;}

/* change color from #333 to #000 to allow mouse over change */
.col_content a, .col_content_white a{ font-size:11px; font-weight:bold; color: #000;}

/* split hover so it changes color */
.col_content a:hover,.col_content a:active,.col_content_white a:hover,.col_content_white a:active{
	color: #666;
}

#footer{
	margin:0 auto;
	background:url(../images/_footer_border2.png) no-repeat top;
	height:72px;
	width:970px;
	position:relative;
}
#footer span{ display:block}
.floater{
	height:0px;
	line-height:0px;
	clear:both;
	font-size:0px;
	display:block;
}
.floater_right{
	height:0px;
	line-height:0px;
	clear:right;
	font-size:0px;
}
#shell{
	padding:10px 10px 10px 10px;
	background:#fff;
	color:#000;
	position: relative;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	/*--top right rounded corner--*/
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

#shell a{ color:#000}
/*product details page*/
#products_leftcol{
float:left;
position:relative;
width:250px;
}
#products_rightcol{
float:left;
position:right;
width:300px;
height:270px;
}
#maincontent{
position:relative;
width:500px;
height:300px;
float:left;
}
#products_shell{
	padding:10px;
	background:#fff;
	color:#000;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	/*--top right rounded corner--*/
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
#topsection{
	border:0px solid #000;
}
/* add new style for layout icons */
#layout {
	float:left;
	width:50px;
	height:25px;
}
#layout img {
	margin:2px;
}
#logo{
	/*float:left;	*/
	margin:0 10px 10px 0;
}
#titles{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	background-color:#5589b1;
	color:#fff;
	padding:0 5px;
	/*margin:10px 0 0 20px;
	float:left;*/
}
#titles h1{margin-top:0}
#titles h2{
	color:#fff;
}

.imgleft{
	float:left;
	margin:0 10px 10px 0;
}
#productpics img{
	float:left;
	margin-left:auto;
	margin-right:auto;
	/*margin:0 10px 10px 0;*/
	/*width:240px;*/
}
#productpics {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:240px; overflow:hidden
}
#headpics{
	position:absolute;
	bottom:0px;
	left:0px;
	width:960px;
	height: 147px;
	z-index:1;
	overflow:hidden;
	border-top: 5px #000 solid;
	border-left: 5px #000 solid;
	border-right: 5px #000 solid;
	/*--top right rounded corner--*/
	-moz-border-radius-topright: 15px;
	-khtml-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft: 15px;
	-khtml-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
#headpics img{
	display:none;
	width:960px; height:147px;
	/*--top right rounded corner--*/
	-moz-border-radius-topright: 11px;
	-khtml-border-radius-topright: 11px;
	-webkit-border-top-right-radius: 11px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft: 11px;
	-khtml-border-radius-topleft: 11px;
	-webkit-border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	border-top-left-radius: 11px;
}
.imgleft img{
	/*border:1px solid #ccc;*/
	width:250px;
}
.imgright img{
	border:1px solid #ccc;
}
.imgleft_tn{
	float:left;
	margin:0 5px 5px 0;
	border-color:blue;
}
.imgleft_tn input{
	/*border:1px solid #ccc;*/
	width:75px;
}
.imgright{
	float:right;
	margin:0 0 10px 10px;
}
#productextras{
text-align:right;
width:300px;
}
#prices{
	/*float:left;*/
	font-size:16px;
	font-weight:bold;
	margin-right:20px;
}
#prices span{
	font-size:14px;
	border:0px solid #999
}
.pricematch{ float:right; margin-left:100px}
#cart{
	border:0px solid #999;
	margin:0;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
#cart label{
	font-size:12px;
	width:80px;
}
#addtocart{
	
}
#section1{margin:10px 0; border:0px solid #999;}
#section2{margin:10px 0; border:0px solid #999; }
#section3{margin-bottom:10px; border:0px solid #999;}
.section_text{text-align:left;}
#url{
	margin-top:10px
}
#returnto{
	text-align:center;
}

#cartoptions{
	float:left;
	/*margin:0 10px;*/
	border:0px solid #999;
}
#cartoptions #option1{
	float:left;
	margin:5px 0px;
}
#cartoptions #option2{
	float:left;
	margin:5px 0px;
	clear:left;
}
#instock{
	float:left;
	display:none;
	border:0px solid #999;
	clear:none;
	color:#33CC00;
	margin-left:5px;
}
#instock a{color:#33CC00; font-size:16px; font-weight:bold}
#outofstock{
	float:left;
	display:none;
	color:#CC0000;
}
#outofstock span{
	font-size:11px;
	color:#FF0000;
}
.stock_text{float:left; margin-left:5px; width:170px }
#cartbutton{
	display:none;
	float:left;
	margin:5px 0px;
	clear:left;
}
#showprice{
	display:none;
	float:left;
	margin:5px 0px;
	clear:left;
}

/*products*/
#products{
	text-align:center;
	width:556px;
}
#products td{vertical-align:top;}
#products #topsection{
font-size:12px;
}
#makesection{
font-size:12px;
text-align:left;
margin:10px 0;
}
#makesection img{ margin:0 0 0px 20px}
#makesection a,#makesection a:hover{ color:#000 !important}

.makecopy{ clear:both; padding:10px 0 }
#products #boxes{
text-align:center;
}
.products_block{
	border:1px solid #ddd;
	width:173px;
	margin:5px;	
	background:#fff;
}
/* Add style for tile effect in products layout */
.products_block_tile{
	border:1px solid #ddd;
	width:555px;
	margin:5px 0;	
	overflow:hidden;
}
/* amend background-color and color and increase margin from 0px to 2px */
#products .title{
	font-size:12px;
	color:#000;
	background-color:#5589b1;
	padding:2px;
	font-weight:bold;
	text-align:center;
	margin:2px;
}
#products .description{
	font-size:11px;
	height:30px;
	color:#000;
	text-align:center;
}
.product_title {
	font-size:16px;
	color:#000;
	font-weight:bold;
	background-color:#5589b1;
	padding:3px;
}
.product_title a{ color:#fff !important}
#products .description_tile{
	position:relative;
	font-size:11px;
/*	height:200px;*/
	width:350px;
	color:#000;
	text-align:left;
	float:left;
	margin:5px;
}
#products .pic{ text-align:center}
#products .pic_tile{ width:180px; text-align:left; position:relative; float:left; margin:5px;}
.products_block_tile a, .products_block_tile a:hover, .products_block_tile a:active, .products_block_tile a:visited{
	font-size: 16px;
	color: #000;
}
.products_price{
	margin-top:3px;
	margin-bottom:3px;
	font-size:14px;
	font-weight:bold;
}
.product_detail{
	margin-top:3px;
	margin-bottom:3px;
}
/*content*/
#contentsum{
padding:5px;
border:1px solid #ddd;
margin:0 0 0px 10px 
}
#contentsum .title{
	font-size:12px;
	color:#fff;
	background-color:#842a2a;
	padding:2px;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
}
/*home page*/
#home{/*padding:0; width:580px; text-align:left; color:#000;*/
	color:#000;}
#home .title{
	float:left;
	font-size:12px;
	color:#fff; /* change from #fff to #000 */
	background:url(../images/heading_large.png) no-repeat top left; /* Change from #842a2a to #CFE3FE */
	padding:2px 5px;
	font-weight:bold;
	text-align:left;
	width:566px;
	height:19px;
	line-height:18px;
}
#home .block{
	float:left;
	border:1px solid #dcded9;
	margin:0 8px 5px 0;
	padding:3px;
	text-align:center;
	width:120px;
	height:102px;
}
#home .block_wrapper{background:#fff; padding:5px 15px ; margin-bottom:15px; float:left; width:546px;/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	}
#home .fb { padding:0 !important; width:576px !important; height:258px !important}
.home_welcome{ width:576px;margin:15px 0;}
#warning{
	width:100%; margin:10px auto;
	border:1px solid #CC0000;
	background-color:#FFCCCC;
	font-size:12px;
	color:#CC0000;
	font-weight:bold;
	text-align:left;
	padding:10px 20px;
}
#warning, #warning li {
	color:#cc0000
}

/*shopping cart*/
#cart_empty {text-align:center; margin:0px 20px 0}
#cart_empty h2{ color:#000; font-size:18px; margin-top:0px;}

h2 {
margin-top:0px;
}	
#cart_form {padding:10px; min-height:400px; background:#fff; color:#000}
#cart_form a{ color:#000}
#cart_form th {background-color:#5589b1; color:#fff; font-weight:bold; font-size:11px}


.onspecial{
	position:absolute;margin-left:130px;
}
.bg {background-image: url(../images/bg.gif);background-repeat: repeat-x;background-position: center top;}
.shoppingcart{font-size : 10px;}
.title {font-size : 12px;font-family : Arial, Helvetica, sans-serif;color :#fff; font-weight:bold;}
p.sml{
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
}

p.just
{
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
	text-align: justify
}

.div
{
	
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
} 
.dropdown{	font-family:Arial, Helvetica, sans-serif;	background-color: #ffffff;	border: solid 1px #666666;	font-size:	10px;}

.formelement
{
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: solid 1px #666666;
	font-size:	12px;
}
.button {font-family:  Arial, Helvetica, sans-serif;background-color: #eaeaea;font-size:	11px;font-weight: bold;	color : #666666;	padding:3px;}
.button:hover{background-color: #ccc;color : #333;font-size:11px;}

.bigbutton {font-family:  Arial, Helvetica, sans-serif;background-color: #eaeaea;font-size:	14px;font-weight: bold;	color : #666666;	padding:6px;}
.bigbutton:hover{background-color: #ccc;color : #333;font-size:14px;}

#breadcrumb{ font-size:14px;margin-bottom:10px; color:#fff}
#breadcrumb a{font-size:14px; font-style:italic; text-decoration:underline; color:#fff}

/* change color from #fff to #000 */
A,A:Visited,A:Active {	font-size : 11px;	font-family : Arial, Helvetica, sans-serif;	FONT-WEIGHT: BOLD;	text-decoration : none;}
/* change color from #ccc */

.treeview a{ color:#fff}
.treeview a:hover{ color:#ccc}

a:Hover  {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	color : #333;
	text-decoration : NONE;
}

#shell a,#home a{ color:#000000}

#shell a,#home a:hover{color:#333}
/* add color for hover */
#shell a:hover{color:#5589b1}

A.menu,A.menu:Visited,A.menu:Active {	font-size : 11px;	font-family : Arial, Helvetica, sans-serif;	color :#FFFFFF;	FONT-WEIGHT: BOLD;	text-decoration : none;}
a.menu:Hover  {	font-size : 11px;	font-family : Arial, Helvetica, sans-serif;	color : #35495f;	text-decoration : NONE;}

A.sub,A.sub:visited,A.sub:active  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color :#000;
	text-decoration : none;
}

A.sub:Hover  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #666;
	text-decoration : underline;
}
A.subcart,A.subcart:visited,A.subcart:active  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color :#000;
	text-decoration : none;
}

A.subcart:Hover  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #333;
	text-decoration : underline;
}
A.admen  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
	text-decoration : none;
}

A.admen:Visited  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	text-decoration : none;
}

A.admen:Active  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	text-decoration : none;
}

A.admen:Hover  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	text-decoration : none;
}

A.bod  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
	text-decoration : underline;
}

A.bod:Visited  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color :#ccc;
	text-decoration : underline;
}

A.bod:Active  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	text-decoration : none;
}

A.bod:Hover  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #ccc;
	text-decoration : underline;
}
A.foot,A.foot:Visited,A.foot:Active  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color :#3C3C3C;	text-decoration : none;font-weight:normal;}
A.foot:Hover  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	text-decoration : none; font-weight:normal;}

A.foot2,A.foot2:Visited,A.foot2:Active  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color :#ffffff;	text-decoration : none;font-weight:normal;}
A.foot2:Hover  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color : #ccc;	text-decoration : none; font-weight:normal;}

A.foot3,A.foot3:Visited,A.foot3:Active  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color :#ffffff;	text-decoration : none;font-weight:normal;}
A.foot3:Hover  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color : #ccc;	text-decoration : none; font-weight:normal;}


.foot{
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
	padding:10px 10px 0 10px;
}
#footnav{ clear:both; text-align:center}

A.text  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
	text-decoration : none;
}

A.text:Visited  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	text-decoration : none;
}

A.text:Active  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	text-decoration : none;
}

A.text:Hover  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #333333;
	text-decoration : underline;
}
li  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color:#000;
}
ui  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color:#000;
}

.row1 {
	background-color: #f4f4f4;
}
.row0 {
	background-color: #ffffff;
}
.product_title a{
	color:#000;
	font-size:16px;
}
#logo_home{
	position:absolute;
	left:40px;
	bottom:0px;
	height:169px;
	width:384px;
	z-index:3;
	display:block;
	background: url(../images/logo.png) no-repeat top left;
}
#gallery {
	bottom:0px;
}
/*td a { margin: 5px }*/
.ad_nav { margin: 0px; position:absolute; bottom:0px; right:93px; z-index:999; height:22px;}
#ad_nav a, #s7 strong { width:21px; margin-right:10px; background: #000; color:#fff; font-size:12px; text-decoration: none; font-family:arial; float:left; height:22px; line-height:22px; text-align:center; font-weight:bold;}
#ad_nav a.activeSlide { background: #fff; color:#000; }
#ad_nav a:focus { outline: none; }
#ad_nav a:hover{color:#fff;}
#ad_nav a.activeSlide:hover{color:#000;}
.controls{position:absolute; bottom:0px; right:0px; height:22px; width:75 px; z-index:999; width:93px;}
.controls img{cursor:pointer;}
.controls img{margin:0px 0px 0px 10px; display:block; float:left;}
#output { text-align: left; }
.banner_ads{position:relative; height:224px; width:574px; z-index:1; border:1px solid #000; overflow:hidden;}
#ad_nav { text-align: left }

#s4{height:224px; width:574px;; background:#fff}
#layout{float:left; height:25px; width:50px;}

.sitemap{ font-size:10px; margin:0 0 10px 0; padding:0;   list-style:none}
.sitemap ul{ margin:0; padding:0;list-style:none}
.sitemap li{ margin:0; padding:0; float:left;width:270px;}
.sitemap li.cat{ margin-bottom:10px}
.sitemap h4 a{ font-size:12px ; margin:0; padding:0}

.deployform{ margin:10px 0px 0px 0px; padding:10px 0px 0px 0px;border-bottom:0px solid #ccc; clear:left}
.deployform div.text,.deployform div.richtext,.deployform div.bigtext,.deployform div.image,.deployform div.file,.deployform div.checkbox,.deployform div.section,.deployform div.bool,.deployform div.radio,.deployform div.price,.deployform div.number,.deployform div.date,.deployform div.checkboxes,.deployform div.select
{ margin:10px 0 0 0; border:0px solid #ccc;position:relative}
.deployform td{ vertical-align: top}
.deployform h4{ font-size:12px; margin:0; line-height:normal}

#adgallery{ position:relative}


#radgallery{ position:relative; overflow:hidden; height:220px}
#radgallery img,#adgallery img{ border:none; margin-bottom:10px;/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	/*--top right rounded corner--*/
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;}
.notice{ padding:10px; border:1px solid #267735; background:#e8f0d4}

.blog_date{float:left;margin-right:10px; width:61px; height:75px; background:url(../images/blogdate.png) no-repeat 0 -4px; font-family: 'FS Me Regular', Helvetica, Arial, sans-serif;}
	.blog_date .month{ display:block; font-size:12px; padding:2px 10px 0px 6px; text-align:center; line-height:12px; color:#fff; font-weight:bold; text-transform:uppercase}
	.blog_date .day{display:block; font-size:25px; padding:3px 10px 0px 6px; text-align:center; line-height:25px; font-weight:bold;}
	.blog_date .year{display:block; font-size:12px; padding:1px 10px 0px 6px; text-align:center; line-height:12px}
.cleftcol{ float:left; width:484px; border-bottom:1px solid #dfdede; }
.blog_socnet{ padding:10px 0 0 0;margin-bottom:10px;}
		.blog_title { font-size:23px !important; color:#000;line-height:26px; margin-bottom:10px}
		.blog_title a{color:#000 !important; font-size:23px !important; ;text-decoration:none}
		.blog_foot{ padding:10px 0; color:#a9aeb4; border-bottom:0px solid #d4d7d9; margin-bottom:10px}
		.blog_socnet ul{margin:5px 0 0 0 ; padding:0; list-style-type:none; float:left}
		.blog_socnet li{margin:0; padding:0 5px; list-style-type:none; float:left; border-right:1px solid #d4d7d9 }
		.blog_socnet li.last{ border-right:none}
		.blog_socnet img{ border:0 }
	.blog_comments{ padding:10px 0; border-bottom:0px solid #d4d7d9; margin-bottom:10px}
		.blog_comments .comment{ padding:0 0 0px 0; border-bottom:1px solid #d4d7d9; margin-bottom:0px}
		.blog_comments .comment .comment_date{color:#a9aeb4; display:block}
		
		.blogpager{ float:left; width:474px; background:#5589B1; padding:5px; font-size:14px; margin-left:71px; margin-top:10px; color:#fff}
		.blogpager a{ color:#fff !important; font-size:14px; text-decoration:none}
		.blogpager a:hover{ text-decoration:underline}
		.blogpager a.on{ font-weight:bold}
		.bloglist{ float:left; width:555px;margin-bottom:10px}
		#comment_form .formelement{width:450px; margin-bottom: 5px;}
		
.reveal{ display:none;border:1px solid #ccc; padding:10px; background:#eaeaea; text-align:left; position:absolute; top:20px; width:300px; z-index:999;}
#veil{ position:absolute; top:0; left:-3px; width:550px; height:630px; background:url(../images/veil.png) repeat}/*450px*/
#logos img{ margin:0 5px 10px 5px}
.right{float:right}
.left{ float:left}

ul#top-menu {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#top-menu li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#top-menu li a {
	float: left;
	height: 32px;
}
ul#top-menu li:hover a, ul#top-menu li a:hover { background-position: left bottom; } /*--Hover State--*/

/*dropdown*/
ul#top-menu li .sub {
	position: absolute; /*--Important--*/
	top: 32px; left: 0;
	z-index: 99999;
	background: url(../images/top-menu-bg.png) repeat; /*--Background gradient--*/
	padding: 10px;

	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#top-menu li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#top-menu li .sub div{ clear:both}
ul#top-menu li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	
	float: left;
}
ul#top-menu .sub ul li {
	 /*--width: 100%; Override parent list item--*/
	
	width:120px;
	color: #fff;
	margin-bottom:10px
}
ul#top-menu .sub ul li.floater{ width:100% }
ul#top-menu .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#top-menu .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#top-menu .sub ul li a,ul#top-menu .sub ul li span {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;*/
	display: block;
	text-decoration: none;
	color: #fff;
	line-height:20px
}
ul#top-menu .sub ul li a:hover {
	color: #ddd;
	background-position: 5px 12px ;/*--Override background position--*/
}

ul#top-menu li .sub ul li ul li{ float:none}
ul#top-menu li .sub ul li ul a{ font-size:10px; line-height:14px}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index:		100;
	
}
.sf-menu a {
	display:		block;
	position:		relative;
	/*white-space:	nowrap;*/
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:8px 10px
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
	text-align:left;
}
.sf-menu a,.sf-menu a:hover {
	padding: 		5px 7px;/*.75em 1em;*/
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}
.sf-menu a  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
.sf-menu li {
	
}
.sf-menu li li {
	background:url(../images/nav_hover.png) repeat; 
}
.sf-menu li li li {
	background:		#000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
/* Change background and color */
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#5589b1;*/
	/*background: url(../images/nav_hover_dark.png) repeat;*/
	background: #000;
	outline:		0;
	color:			#fff;
}
li.sfHover a{color:#fff;}
li.sfHover li a{color:#666;}
li.sfHover li.sfHover a{color:#fff;}
li.sfHover li.sfHover li a{color:#666;}
li.sfHover li.sfHover li a:hover{color:#fff;}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	20px !important;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.2em;
	top:			.4em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-000000.png') no-repeat -14px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sf-vertical a,.sf-vertical a:hover,.sf-vertical .label {
	border-left:	0px solid #fff;
	border-top:		1px solid #f8f8f8;
	padding: 		5px 7px;/*.75em 1em;*/
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	display:block;
}
.sf-vertical a  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
.sf-vertical li {
	background:		#fff;
}
.sf-vertical li li {
	background:		#eee;
}
.sf-vertical li li li {
	background:		#eee;
}
.sf-vertical li:hover, .sf-menu li.sfHover,
/* Change background and color */
.sf-vertical a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#5589b1;*/
	/*background: url(../images/nav_hover_dark.png) repeat;*/
	background: #000;
	outline:		0;
	color:			#fff;
}
.sf-vertical li.sfHover a{color:#fff;}
.sf-vertical li.sfHover li a{color:#666;}
.sf-vertical li.sfHover li.sfHover a{color:#fff;}
.sf-vertical li.sfHover li.sfHover li a{color:#666;}
.sf-vertical li.sfHover li.sfHover li a:hover{color:#fff;}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	/*width:	13em;*/
	width: 162px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	162px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {top:.4em; background-position: 0 0; } /* use translucent arrow for modern browsers*/


/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*Products page gallery	*/
.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}