@import url("../helper.css");

html, body
{	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	height:100%;
	padding:0px;
	margin:0px;
	color:#6F6766;
	font-family:Verdana;
	font-size:12px;
	line-height:130%;
	background-color:#FFFFFF;
	<!-- background-color:#E9E9E9;-->
	
}

a, a:visited, a:active{ color:#343434; text-decoration: none;}
a:hover{	text-decoration:underline;}

h1{	font-size: 20px;	font-weight:normal;	padding:0 0 10px 0;	margin:0px;	color:#000; line-height:24px;}
h2{	font-size: 16px;	font-weight:bold;}
h3{	font-size:14px;}
img{ 	border:none;}


input,textarea{	padding:2px;}
select { height:20px;}
hr { height: 1px; border-top: solid 1px #eee; border-left:0; border-right:0; border-bottom:0; clear: both;}

.text {border:1px solid #C9C9C9;}

#head, #container, #centerline, #footer
{
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:990px;
	background-color:#FFF;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	padding:0 25px;
}


/*------------------>>>	HEAD	<<<------------------*/
#head { padding:10px 25px;
    height: 95px;
}

#head h2
{
	font-size:11px;
	font-weight:normal;
	margin:0px;
	float:left;
	width:400px;
	padding:10px 0px 0px 20px;
}

#head a.logo
{
	width:300px;
	overflow:hidden;
	float:left;
}

#head a.blue{ text-decoration:none;}

#card
{
	width:200px;
	padding-top:16px;
}
.cardtitle
{
	background:transparent url(i/card.gif) no-repeat scroll 0 7px;
	color:#000;
	font-weight:bold;
	padding:12px 5px 0 25px;
}
#card a{	color:#D82913;	font-weight:bold;	text-decoration:none;}
#card a:hover {text-decoration:underline;}

/*------------------>>>	END.HEAD	<<<------------------*/

/*------------------>>>	TOP	<<<------------------*/
#centerline{ padding-bottom:10px;}
.blackline {background-color:#555555; color:#FFF; height:32px; overflow:hidden;}

.search{ float:left; width:230px; padding:7px 0 0 40px;}
.search span{ color:#CECBC2; float:left; padding:2px 10px 0 0; font-size:11px;}
.search input{ float:left; padding:0px; font-size:12px; color:#FFF; border:1px solid #4C4745; height:18px; background-color:#808080;}
.search img{ float:left; padding:1px 3px 0 3px;}

#menu{ background-color:#555555; color:#FFF; float:left; border-left:solid 1px #FFF; padding-left:20px; height:32px;}
#menu a{ color:#FFF;	font-size:11px; float:left;	padding:7px 0 0 0;	margin-right:30px;	text-decoration:none; text-transform:uppercase;}
#menu a:hover{	text-decoration:underline;}
/*------------------>>>	END.TOP	<<<------------------*/

#container .left{	float:left;	overflow:hidden;	width:250px;}
#container .center{	float:left;	overflow:hidden;	width:520px;	margin-left:10px;	margin-right:10px;}
#container .centerDoble{	float:left;	overflow:hidden;	width:730px;	margin-left:10px;	margin-right:0px;}
#container .right{	float:right;	overflow:hidden;	width:200px;}

/*------------------>>>	MENU	<<<------------------*/
.menu
{
	font-size:12px;
	padding-bottom:20px;
	padding-left:15px;
	padding-top:5px;
}
.menu li,.menu ul{	list-style:none;	padding:0px;	margin:0px;}
.menu li{background:transparent url(i/arr.gif) no-repeat scroll 0px 10px; padding-left:15px;}
.menu ul ul{	padding-left:20px;}
.menu a
{	
	color:#000;
	display:block;
	line-height:16px;
	padding-bottom:2px;
	padding-top:6px;
	text-decoration:none;
}
.menu a:hover{	text-decoration:underline;}
/*------------------>>>	END.MENU	<<<------------------*/


/*------------------>>>	Product list	<<<------------------*/
.pager{	text-align:right;	font-size:11px;	padding-bottom:10px;}
.pager a { color:#2A7FD3;}
.pager span, .pager a{	float:none;	padding-left:2px;	padding-right:2px;}
.pager span { font-weight:bold;}
.path { margin-bottom:10px;}
.path a, .path span{	color: #000;	font-size: 11px;}
.path span{	padding-left:3px;	padding-right:3px;}
.plist .path { margin-left:10px;}
.plist { margin-bottom:10px;}

a.brand{	font-size:11px;	text-decoration:underline;}
.left .typeGrid .fr a, .right .typeGrid .fr a, .left .typeList .fr a, .right .typeList .fr a { display:none;}

.price{	color:#BC1701;	font-size:14px;	font-weight:bold;}
.oldprice{	color:#343434;	font-size:10px;	text-decoration:line-through;	display:block;}

.typeGrid .listItem
{
	overflow:hidden;
	width:219px;
	margin: 5px 15px 0 0;
	padding:5px 15px;
	float:left;	
	background-color:#FFF;
	border:solid 1px #ECECEC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.typeGrid h2 { font-size:14px; font-weight:bold; margin:10px 0;}
.typeGrid h3 { font-size:12px; font-weight:normal; margin:0 0 10px 0; padding:0px;}
.typeGrid .size_m { height:100px;}
.typeGrid .size_h { height:150px;}
.typeGrid .size_l { height:200px;}
.typeGrid .smallpic .pshort h2,
.typeGrid .smallpic .pshort h2 a {height:32px;}
.center .typeGrid div.separator{ border-left:dotted 1px #EDEDED; padding-right:0px; padding-left:20px;}
.typeGrid .ritem { margin-right:0px;}

.typeList h2 { font-size:14px; font-weight:bold; margin:0 0 5px 0;}
.typeList h3 { font-size:12px; font-weight:normal; margin:0 0 10px 0; padding:0px;}
.typeList td { vertical-align:top;}
.typeList hr.separator { margin:10px 0;}
/*------------------>>> END.	Product list	<<<------------------*/

.pinfo
{
	border:solid 1px #ECECEC;
	padding:20px;
	clear:both;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

.related
{
	border:solid 1px #ECECEC;
	padding:15px;
	clear:both;
	margin-bottom:10px;
}

.pinfo .photo
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.pinfo .btn{	text-align:right;}
.add{	cursor:pointer;}


.images
{
	clear:both;
	text-align:center;
	margin:10px;
	padding:5px;
	border-top:1px dashed #CDCCC5; 
	border-bottom:1px dashed #CDCCC5;
}

.images img{	margin-right:10px;}

.related h2
{
	color:#3A2D25;
	font-size:11px;
	font-weight:normal;
	margin:5px 0 5px 0;
	overflow:hidden;
}

.related .fl
{
	width:120px;
}

.public img{ margin-right:10px;}
.public h2{ margin-top:0px;}
.public h3{ font-size:12px; font-weight:normal;}

#footer
{
	clear:both;
	padding-bottom:10px;
	font-size:11px;
	font-weight:normal;
	color:#797C80;
	line-height:18px;
}

#footer .w900
{
	border-top:2px solid #F26522; 
	padding-top:13px;
}

#footer a
{
	color:#1D563B;  <!--2A7FD3-->
	font-size:11px;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
}

/****		ORDER.			****/
.order table{	width:100%;}
.order .doth{	height:1px;}
.order a{	color:#000;	text-decoration:underline;}
.order .w250 a{	text-decoration:none;}
.order .w250 a:hover{	text-decoration:underline;}
.order th{	font-size:11px;	font-weight:normal;	color:#837B47;}
.order input{	width:40px;	padding:2px; text-align:center;}
.order .btn{	padding-top:15px;	text-align:right;}
.orderAmount td { padding:5px;}
/****		ORDER. END.			****/


/****		PURCHASE.			****/
.purch h2
{
	font-weight:bold;
	margin-bottom:0px;
}

.purch a
{
	color:#000;
	text-decoration:underline;
}

.purch .sel a {text-decoration:none; font-size:11px;}
.purch .sel a:hover {text-decoration:underline;}
.purch table td{	padding-right:10px;}
.purch .l{	float:left;	width:500px;}
.purch .r{	float:right;}
.purch .sel table td {font-size:11px}
.purch .sel table{ width:400px;}
/****		PURCHASE. END.		****/

/*------------------>>>	PriceList	<<<------------------*/
.pl { width:100%; border-collapse:collapse; border-spacing:0px;}
.pl .plGroup { color:#000; padding-top:10px; font-weight:bold;}
.pl .plProduct { width:80%; text-align:left;}
.pl .plProduct a{ font-size:11px;}
.pl .plPrice { width:20%; text-align:right;}
.pl .hoverRow { background-color:#ccc;}
/*------------------>>> END. PriceList	<<<------------------*/

.brands{ padding:5px 10px; margin-bottom:10px;}
.brands h3{margin:0px;}

.brands h3 a
{
	background:transparent url(i/redarr.gif) no-repeat scroll 0px 6px;
	display:block;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding: 0px 0 5px 10px;
}

.brands h3 a:hover{ text-decoration:underline;}



.corner { position: absolute; width: 8px; height: 8px; background: url('i/cor.gif') no-repeat; font-size: 0%; }

.menu .TL, .menu .TR, .menu .BL, .menu .BR {position: absolute; width: 8px; height: 8px; background: url('i/cor.gif') no-repeat; font-size: 0%;}
.menu .TL { top: 0; left: 0; background-position: 0 0; }
.menu .TR { top: 0; right: 0; background-position: -8px 0; }
.menu .BL { bottom: 0; left: 0; background-position: 0 -8px; }
.menu .BR { bottom: 0; right: 0; background-position:  -8px; }

.title { font-size:10px; font-weight:bold; color:#777777; text-transform:uppercase; background-color:#F6F8F5; padding:1px 0 2px 10px;}
.block{ border:solid 1px #7F7F7F; padding:10px;}

img.bord{border:1px solid #FFFFFF;}
.char{	font-size:15px;	color:#837B47;}
.smallGray{ font-size:11px; color:#939582;}
.line{border-top:1px solid #CDCCC5;}

a.blue, .blue{color:#F26522;}  <!--2A7FD3-->
.star{ color:Red;}

/*------------------>>>	Sort menu	<<<------------------*/
.sortmenu { float:right; margin:0px; padding:0px;}
.sortmenu li {list-style-type:none;}
li.sortlink {position:relative; padding:0 5px;}
.sortcur { background-color:#eee;}
.sortlink ul { display:none; position:absolute; z-index:3; background-color:#fff; padding:0px; margin:0 -5px; border:2px solid #eee;}
.sortlink ul li { margin:5px 10px; white-space:nowrap;}
.sortlink ul li a { display:block;}
/*------------------>>>	Sort menu. END.	<<<------------------*/