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


#Tab_prod_wrap {
	width: 950px;
	height: 143px;
	position:absolute;
	top: 568px;
	left:0px;
	z-index: 140;
}

	/*  IE6 */
	* html #Tab_prod_wrap { top: -45px; height: 100px; position:relative; }

	
	

#tab_prod_wrapbottom { 
	width: 286px;
	height: 11px;
	position:absolute;
	top: 483px;
	left: 630px;
	background-image: url(../images/tab_bottom.png);
	background-repeat: no-repeat;
	z-index:130;	
}




/* =====================================================================================
      Tabs CSS
======================================================================================== */
ul.tabs_prod {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 185px;
	list-style: none;
	height: 45px; /*--Set height of tabs--*/
	width: 585px;
}

ul.tabs_prod li {
	float: left;
	margin: 0;
	padding: 0;
	width: 87px;
	height: 45px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 45px; /*--Vertically aligns the text within the tab--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
}

ul.tabs_prod li a {
	text-decoration: none;
	display: block;
	font-size: 1.2em;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight: bold;
	background: url(../images/titlebar_prod1.jpg) no-repeat;
}

ul.tabs_prod li a:hover {
	background: url(../images/titlebar_prodover.jpg) no-repeat;
}

html ul.tabs_prod li.active, html ul.tabs_prod li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: url(../images/titlebar_prodover.jpg) no-repeat;
}





#brand {
	float: left;
	margin: 0;
	padding: 0;
	width: 87px;
	height: 45px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 45px; /*--Vertically aligns the text within the tab--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
}

#brand a {
	text-decoration: none;
	display: block;
	font-size: 1.2em;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight: bold;
	background: url(../images/titlebar_prod1.jpg) no-repeat;
}

#brand a:hover {
	background: url(../images/titlebar_prodover.jpg) no-repeat;
}




/* =====================================================================================
      Tabs Content CSS
======================================================================================== */
.tab_prod_container {
	overflow: hidden;
	clear: both;
	position: absolute;
	top: 45px;
	width: 948px;
	height: 97px;
	border-top: none;
	border-left: 1px solid #d3d6d9;
	border-right: 1px solid #d3d6d9;
	border-bottom: 1px solid #d3d6d9;
}
.tab_prod_content {
	font-size: 1.2em;
	background: #ffffff;
	width: 948px;
	height: 97px;
}




#separator { width: 1px; height:18px; margin-top: 14px; float:left; background-color: #bfbfbf; }





/* =====================================================================================
      SLIDER
======================================================================================== */

#slider1 { padding: 0; margin: 0; margin-left:-1px; list-style: none; overflow: hidden; height: 98px; background-color: #f8f8f8; }
#slider1 li { padding: 0; margin: 0; zoom:1;}


#slider1 img,
#slider2 img { float: left; margin-right: 0px; }


#example { width: 189px; float:left; }
#example .multiple li a { width: 189px;  height: 98px; text-align:center; float:left; border-left:1px dotted #c9c9c9; padding-top: 5px; color:#434343; text-decoration:none;}
#example .multiple li a:hover{ background-color: #e9ecf2; background-image:url(../images/bg_grow.png); background-repeat:no-repeat; color:#000000; text-decoration:none;}
#example .txt { width: 189px; height:auto; float:left;}