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


.boxHeader
{
    background: url(images/header.gif) no-repeat;
    height: 24px;
    line-height: 25px;
    color: #333333;
    text-indent:15px;
}

a.boxTitle:active, a.boxTitle:link, a.boxTitle:visited, a.boxTitle:hover
{
    color: #333333;
    text-decoration: none;
	text-transform:uppercase;
	letter-spacing:0.08em;
	font-size:1.02em;
	font-weight:bold;
}

.homeBoxProduct
{
    border:#CCCCCC 1px solid;
    padding:10px;
    height:172px;
    background: url(images/box-grey-bg.gif) repeat-x bottom;
    vertical-align:middle;
    line-height:1.5em;
}

.homeBoxProductImg{
	float:left;
	margin:0px 10px 10px 0px;
	border:1px solid #dedede;
	padding:10px; 
}

.homeBoxProduct ul{
	float:left;
	width:140px;
	margin:0 0 0 0px;
	padding:0;
	list-style-type:none;
}

.homeBoxProduct ul li {
	list-style-image:url(images/bullet.gif);
	list-style-position:inside;
	margin:5px;
	vertical-align:middle;
}
.catBoxProduct
{
    border:#CCCCCC 1px solid;
    background: url(images/box-grey-bg.gif) repeat-x bottom;
    height: 260px;
    
}

a.catBoxLink:active, a.catBoxLink:link, a.catBoxLink:visited
{
    color: #333;
    text-decoration: none;
}

.catBoxlink img{
	border:1px solid #ccc;
}

a.catBoxLink:hover
{ 
  text-decoration: underline;
}


.homeBoxProductImage
{
    float:right;
    padding:5px 10px 5px 0px;
    text-align:right;
    width:150px;
    vertical-align:middle;
}

a.homeBoxLink:active, a.homeBoxLink:link, a.homeBoxLink:visited
{
    color: #333;
    text-decoration: none;
}

a.homeBoxLink:hover
{ 
    color: #F26522;
}

.wideBoxHeader
{
    background: url(images/wideheader.gif) no-repeat;
    width: 580px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    font-size:120%;
    text-indent:10px;
}

/****** Scroll ******/

/*#scrollBox
{
    border : solid 1px #cccccc;
    width: 596px;
    height : 200px;
    overflow:hidden;
    float:left;
    display:block;
}*/

div#wn	{ 
	position:relative;
    border : solid 1px #cccccc;
    width: 492px;
    height : 210px;
    overflow:hidden;
    float:left;
    display:block;
	}

div#lyr1 { /* show first div */
    visibility:visible;
    }

#scrollLeft
{
    float:left;
    display:block;
    width:40px;
    height:210px;
    margin-left:4px;
}

#scrollRight
{
    display:block;
    float:left;
    width:40px;
    height:210px;
}

/****** Tabs ******/

    #tabHeader ul {
		list-style: none;
		padding: 0;
		margin: 0;
    }
    
	#tabHeader li {
		float: left;
		margin: 0;
    }
    
	#tabHeader a {
	    background: url(images/tabheader.gif) no-repeat;
		height: 24px;
		width: 160px;
		line-height: 24px;
		color: #ffffff;
		font-weight: bold;
		text-indent:10px;	
		text-decoration: none;
		display: block;
    }
	
	#tabHeader a:hover {
	    background: url(images/tabheader_active.gif) no-repeat;
		height: 24px;
		width: 160px;
		line-height: 24px;
		color: #333333;
		font-weight: bold;
		text-indent:10px;
		color:#9fb4cc;
	}
	
#tabHeader #selected {
	    background: url(images/tabheader_active.gif) no-repeat;
		height: 24px;
		width: 160px;
		line-height: 24px;
		font-weight: bold;
		text-indent:10px;
		color:#ffffff;
	}
	
	#tabHeader a.selected {
	    background: url(images/tabheader_active.gif) no-repeat;
		height: 24px;
		width: 160px;
		line-height: 24px;
		font-weight: bold;
		text-indent:10px;
		color:#ffffff;
	}
	
	#tabContent {
		border:#CCCCCC 1px solid;
		clear: both;
		padding: 0 1em;
	}

	
#div0 { visibility: hidden;}
#div1 { visibility: hidden;}
#div2 { visibility: hidden;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}