/**** RESET ****/
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/**** BASIC STYLE ****/
body {position:relative;}
a:focus {outline:none}
html,body{height:100%;}
#wrap{height:100%;width:100%;}
#layout{position:relative;width:994px;height:484px;}
#wrap_content{display:none;position:relative;width:994px;height:484px;margin:0 auto;background:url('../img/shared/bg_content.jpg') top left no-repeat;z-index:1;}

/***** PAGE ELEMENTS ****/
#logo{display:none;position:absolute;left:100px;top:60px;z-index:2;}
#c_products{display:none;position:absolute;top:160px;left:68px;width:528px;height:268px;}
#prod_info{margin:5px 75px 0 0;text-align:right;line-height:20px;}
#slider_prods{position:absolute;top:102px;left:-10px;width:460px;height:105px;}
#slider_prods a:link, #slider_prods a:visited {margin-left:3px;display:inline;float:left;position:relative;z-index:201;}
#nav_sx{position:absolute;top:153px;right:45px;width:15px;text-align:center;}
#nav_dx{position:absolute;top:153px;right:20px;width:15px;text-align:center;}
#btn_sx{display:block;width:20px;padding-top:5px;height:15px;text-align:center;}
#btn_dx{display:block;width:20px;padding-top:5px;height:15px;text-align:center;}
#btn_homeuw{position:absolute;left:-14px;top:275px;}

#prod{position:absolute;left:17px;top:0;width:318px;height:477px;z-index:1;}
/*#prod img{display:;}*/
#fdr_prod{position:absolute;left:-1px;top:0;width:385px;height:477px;z-index:222;background:transparent;text-align:center}
#fdr_prod img{position:absolute;top:200px;left:160px}

#c_prod{display:none;position:absolute;left:580px;width:264px;height:476px;}
#zoom{position:absolute;left:324px;top:164px;z-index:100;}


#wrap_pan{display:none;position:absolute;left:-100px;top:-20px;width:414px;height:550px;background:url('../img/shared/bg_pan.png') no-repeat left top;z-index:299;}
#pan_prod{display:none;position:absolute;left:-78px;top:0;width:370px;height:505px;z-index:399;overflow:hidden;}
#pan_prod img{cursor: -moz-grab;padding:0;}
#p_pan{position:absolute;top:0;left:0;}


#line{position:absolute;left:0;top:7px;width:440px;text-transform:uppercase;color:#4b4b4b;font-weight:bold;font-size:11px;text-align:right;display:none}
#codes{position:absolute;left:0;top:7px;width:440px;text-align:right;}
#codes p{font-size:10px;color:#4b4b4b;font-weight:bold;letter-spacing:1px;margin:0 0 5px 0;font-weight:bold;text-transform:uppercase;}





/*****FOOTER******/
/*#footer{display:none;position:absolute;left:0;width:100%;height:25px;padding:1px 0 0;border-top: 1px solid #8f8f8f;z-index:100;}	
#footer-wrap{background:#8f8f8f;}
#footer ul{text-align:center;}	
#footer li{display:inline;}
#footer li a {padding: 0 10px;border-right: 1px solid #ffffff;line-height:25px;font-size:10px;color: #ffffff;}
#footer li a.last{border:0;}	
#footer li a:hover{text-decoration:none;}*/
/*****END FOOTER******/



#footer{position:absolute;left:0;top:0;width:100%;padding:1px 0 0;border-top:1px solid #8f8f8f;z-index:100;}
#footer_landing{
	position: absolute;
	width: 100%;
	height: 25px;
	text-align: center;
	background:#8f8f8f;
	z-index: 200;
}

ul {
	text-align:center;
}

ul li span{
	font-size:8px;
	color: #ffffff;

}
ul li {
	display: inline;
	list-style-type: none;
	color: #ffffff;
	height: 25px;


}


li a,li a:link,li a:visited  {
	font-size:10px;
	color: #ffffff;
	padding: 5px 10px 0 0;
	margin:5px 0 0 0;
}

li ul li a{text-decoration:none;}


li a:hover {
	text-decoration:none;
}

li ul {
	display: none;
	position: absolute;
	height: 16px;
	bottom: 25px;
	left: 0;
	width: 100%;
	background: #8f8f8f;
	padding: 0;
	width: 100%;
	color: #ffffff;
}

li:hover ul {
	color: #ffffff;
	background: #8f8f8f;
}

li.active ul {
	display: block;
}