/*------------------------------------ME--------------------*/
.line{
	color: #cccccc;
	font-size:12px;
	font-family: "ËÎÌå";
}
.playtitle{
	color: #0099CC;
	font-size:16px;
	font-family: "ËÎÌå";
	font-weight: bold;
}
.STYLE3 {color: #99ccff}
.STYLE4 
{
color: #666666;
font-size:11px;
}
.STYLE5 {color: #006699}
.STYLE6 {color: #99CCFF}

.select{
width:450;
	border:1px solid #006699;
	float:left;
	display:inline;
	}
.select div{
	border:1px #006699;
	float:left;
	}
.select>div{
	height:17px;
	overflow:hidden;
	}
.select div select{
	display:block;
	float:left;
	margin:-2px;
	}
.select div>select{
	display:block;
	float:none;
	margin:-2px;
	padding:0px;
	}
.select select>option{
	text-indent:4px;
	}
	
.dir{border-collapse:collapse;} 
.dir td{padding:0px 0px 0px;}


.a1 {color:#D81E7A;}
a.a1:link {
	text-decoration: none;
}
a.a1:visited {
	text-decoration: none;
	color: #D81E7A;
}
a.a1:hover {
	text-decoration: underline;
	color: #FFCCFF;
}
a.a1:active {
	text-decoration: none;
}

.a2 {color:#37728E;}
a.a2:link {
	text-decoration: none;
}
a.a2:visited {
	text-decoration: none;
	color: #37728E;
}
a.a2:hover {
	text-decoration: underline;
	color: #8EF0FE;
}
a.a2:active {
	text-decoration: none;
}
.a3 
{
color:#37728E;
font-size:11px;
}
a.a3:link {
	text-decoration: none;
}
a.a3:visited {
	text-decoration: none;
	color: #37728E;
}
a.a3:hover {
	text-decoration: underline;
	color: #8EF0FE;
}
a.a3:active {
	text-decoration: none;
}
/*------------------------------------ME--------------------*/

body
{
background:url(images/bg.jpg) repeat-x top #fff;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000000;
}

.clear{
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
p.details{
padding:5px 15px 5px 15px;
font-size:11px;
}
p.details_cart{
clear:both;
padding:25px 30px 5px 0px;
font-size:11px;
font-style:italic;
}
p.more_details{
padding:25px 20px 0px 20px;
font-size:11px;

}
#wrap{
width:900px;
height: auto;
margin:auto;
background-color:#FFFFFF;
}
.header{
width:900px;
height:181px;
background:url(images/header.jpg) no-repeat center;
}
.logo{
padding:30px 0 0 20px;
}

/*-----------------------------menu-------------------*/
#menu{
width:822px;
height:30px;
float:left;
padding:3px 0 0 10px;
}
#menu ul{
display:block;
list-style:none;
padding:9px 0 0 10px;
margin:0px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:20px;
}
#menu ul li a{
height:27px;
display:block;
padding:0px 10px 0 10px;
margin:0 4px 0 4px;
_margin:0 2px 0 2px;
float:left;
text-decoration:none;
text-align:center;
color:#37728e;
font-size:13px;
line-height:25px;
}
#menu ul li.selected a{
height:27px;
display:block;
padding:0px 10px 0 10px;
margin:0 5px 0 5px;
float:left;
text-decoration:underline;
text-align:center;
color:#37728e;
font-size:13px;
line-height:25px;
}
#menu ul li a:hover{
color:#37728e;
text-decoration:underline;
}
/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#ee4699;
}
span.red{
color:#42b1e5;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.colors{
padding:2px 2px 0 2px;
}
	
/*------------------------------------center content--------------------*/

.center_content{
width:900px;
padding:0px 0 0 0;
background:url(images/center_bg.gif) no-repeat center top;
}
.list{
	width:868px;
	float:left;
	padding:0px 15px 0px 15px;

}
.ad1{
	width:868px;
	height:120px;
	float:left;
	padding:0px 15px 0px 15px;
	background:url(images/center_bg.gif) no-repeat center top;
}
.ad2{
	width:868px;
	height:120px;
	float:left;
	padding:0px 15px 0px 15px;
	background:url(images/center_bg.gif) no-repeat center top;
}
.left_content{
	width:490px;
	float:left;
	padding:10px 0px 1px 20px;
}
.right_content{
	width:370px;
	float:left;
	padding:10px 0 1px 20px;
}
.title{
	color:#ee4699;
	float:left;
	font-size:14px;
	font-family: "ËÎÌå";
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 120%;
}
span.title_icon{
float:left;
padding:0 5px 0 0;
}
.prod_title{
color:#42b1e5;
padding:5px 0 0 15px;
font-size:13px;
}
a.more{
font-style:italic;
color:#42b1e5;
float:right;
text-decoration:none;
font-size:11px;
padding:0px 15px 0 0 ;
}
.about{
width:337px;
clear:both;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 40px 0;
}
img.right{
float:right;
padding:0 0 0 0px;
}
.right_box{
width:170px;
float:left;
padding:0px 0 0 0;
}

/*--------feat_prod_box-----------*/
.feat_prod_box{
padding:10px 0 10px 10px;
margin:0 20px 20px 0;
border-bottom:1px #b2b2b2 dashed;
clear:both;
}
.feat_prod_box_details{
padding:10px 0 10px 0;
margin:0 20px 10px 0;
clear:both;
}
.prod_img{
float:left;
padding:0 0px 0 0;
text-align:center;
}
.prod_det_box{
width:295px;
float:left;
padding:0 0 0 25px;
position:relative;
}
.box_top{
width:295px;
height:9px;
background:url(images/box_top.gif) no-repeat center bottom;
}
.box_center{
width:295px;
height:auto;
background:url(images/box_center.gif) repeat-y center;
}
.box_bottom{
width:295px;
height:9px;
background:url(images/box_bottom.gif) no-repeat center top;
}

.new_prod_box{
float:left;
text-align:center;
padding:10px;
}
.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.new_prod_bg{
width:132px;
height:119px;
text-align:center;
background:url(images/new_prod_box.gif) no-repeat center;
position:relative;
}
.new_icon{
position:absolute;
top:0px;
right:0px;
z-index:200;
}
.special_icon{
position:absolute;
top:0px;
_top:6px;
right:2px;
z-index:250;
}
img.thumb{
padding:10px 0 0 0;
}
.new_products{
clear:both;
padding:0px;
}

ul.list{
clear:both;
padding:10px 0 0 20px;
margin:0px;
}
ul.list li{
list-style:none;
padding:2px 0 2px 0;
}
ul.list li a{
list-style:none;
text-decoration:none;
color:#000000;
background:url(images/left_menu_bullet.gif) no-repeat left;
padding:0 0 0 17px;
}
ul.list li a:hover{
text-decoration:underline;
}

/* demo */

div.demolayout {
width:460px;
margin: 0 0 20px 0;
}

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

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #666;
background: #eee;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #fff;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#ee4699;
}

.tabs-container {
clear: left;
padding:0px;
}

/*--------------*/
div.pagination {
width:420px;
padding:5px;
margin:5px;
text-align:center;
float:left;
clear:both;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #1e94cb;
text-decoration: none; 
color: #1e94cb;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #1e94cb;
color: #fff;
background-color: #1e94cb;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #1e94cb;
font-weight: bold;
background-color: #1e94cb;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
/*---------------footer------------------------*/
.footer{
height:100px;
background:url(images/footer_bg.gif) no-repeat top center;
}
.left_footer{
float:left;
padding:10px 0 0 10px;
}
.right_footer{
float:right;
padding:10px 10px 0 0;
}
.footer a{
text-decoration:none;
padding:0 5px 0 5px;
color:#afaeaf;
}