@import "navigation.css";
@import "home.css";


.vip-brand {

 	float: left;
	width: 230px;
	height: 225px;
	display: block;
	
}
.speca a , .speca font{
 	display: block;
	color:#788589;
	margin-bottom: 10px;

}

.brand-logo {
 	position: absolute;
	top: 280px;
	right: 20px;
	

}
#brand-div-new-year, .brand-name {
 	display: none;
}
.searchTable {
 	margin-top: 15px;
	font-size: 11px;
}
.searchTable a h2 {
 	font-size: 14px;
	color: #155879;
	text-decoration: none !important;
	padding:0px;
	margin: 0px;

}
.vip-brand img{
	border:0px none;
}
#vip-brands {
	display: block;
	margin-left: 10px;
 	height: 900px;
}


body, html {
	_height: 100%;
	min-height: 100%;

	
}
body {
	background-color: #f76e2b;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	font:80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

form {
 	padding:0px;
	margin: 0px;

}
.mainAreaStart {
	background-image: url(/images/subpage_12.gif);
	height: 15px; 

}
.mainArea {
	background-image: url(/images/subpage_13.gif);

}
.mainAreaEnd {
	background-image: url(/images/subpage_15.gif);
	height: 16px; 

}
.subArea {
 	background-image: url(/images/subpage_16.gif);

}
.subAreaEnd {
 	background-image: url(/images/subpage_18.gif);
	height: 15px; 

}
.Title{
 	background-image: url(/images/title.gif);
	background-repeat: no-repeat;
	height: 78px; 

}
.LeftNav, .navigation {
 	width: 220px;

}

.navigation.categories{

}
.navigation.brands{

	margin-top: 20px;

}


.all-categories, .all-brands {

	margin-left: 20px;	
}

#item {
	font-size: 11px;
	margin-left: 4px;
	width: 100%;

	

}
#item a {

	color: #155879;
	padding-top: 3px;
	display: block;
	padding-left: 20px;
	width: 100%;
		
}
#item a:hover, #sub-item a:hover {
 	color: #f76e2b;
	text-decoration: none;

}
.sub-active {
 	font-weight: bold;
}
.sub-active a {
	color: #f76e2b !important;

}
.active  {
 	font-weight:bold;
	background-color: #cddce2;
	margin-top: 10px;
 	background-image: url(/images/bullet-a.gif);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	padding-bottom: 5px;


}
.subnavigation {
	margin-bottom: 10px;
}

#sub-item {
	font-size: 11px;
	background-color: #cddce2;
	margin-left: 4px;
	width: 100%;

	

}
#sub-item a {
        border:1px solid #cddce2;
	color: #155879;
	display: block;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 30px;

		
}
.cTop {

	width: 720px;  
	background-color: #cddce2;
 	background-image: url(/images/cornerTop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 10px !important;


}
.c { 
	width: 720px;  
	_height: 500px;
	min-height: 500px;
	background-color: #cddce2;

}
.cBottom {
	width: 720px;  
	background-color: #cddce2;
	background-position: bottom;
	height: 10px !important;
 	background-image: url(/images/cornetBottom.gif);
	background-repeat: no-repeat;



}


#products  {

	padding-left: 10px;
	
}

.product { 	
	float: left;
 	background-image: url(/images/proBg.gif);
	background-repeat: no-repeat;
	width: 141px;
	height: 143px;

}
.pro {
	text-align: center;	
	padding-top: 10px;

}
.pro a {
	display: block;
	font-size: 11px;
	color: #155879;
}
.pro img {
	display: block;
	border: 0px none;


}
.pagingSorting {
 	display:block;
	width: 100%;
	font-size: 11px;


}
.pagingSorting.top {padding-bottom: 15px;}
.pagingSorting.bottom {padding-top: 15px;}

#sorting {
 	float:left;
	width: 50%;
	padding-left: 10px;
	font-weight:bold;
	color: #155879;
	

}
#paging {
	float:left;
	text-align: right;
	width: 47%;

}
#paging a {

 	color: #155879;
	text-decoration: none;
}

#paging .pActive {
 	color: #f76e2b;
	font-weight: bold;
}
.caption {
 	margin-top:0px;
	padding-top: 5px;
	padding-left: 65px;
}
.path {
	padding-left: 80px;
 	font-size: 11px;	
	color: #fff;

}
.path a {
 	font-size: 11px;	
	color: #fff;
}



.caption h1 {

	font:24px "Myriad Pro", "Century Gothic", "Avant Garde", Futura, Helvetica;
	font-weight:normal;
	clear:left;
	margin: 0px;
	padding-top:0em;
	margin-top:0px;
	margin-bottom: 0px;
	padding-left:0.5em;
	color:#fff;

}

#brand-div-diary img {

	display: none;
}
#brand-div-diary .all-brands {
	width: 100px;
	height: 15px;
	display: block;
 	background-image: url(/images/allColection.gif);
	background-repeat: no-repeat;
}

.searchBox form {
 	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	padding-top: 10px;

}
#inputAdd {
 	padding-left: 20px;
	padding-top: 3px;
	display: block;
	height: 21px;
	color: #7f8587;
	font-size: 10px;


}


#inputS {
 	border:1px solid #ced2d3;
	width: 120px;
	color: #595959;
	font-size: 11px;
}

#inputB {
 	position: relative;
	top: 4px;
}
.contactInfo a {
 	color: #fff;

}
.contactInfo {
 	float: left;
	width: 715px;
	color: #fff;
	font-size: 11px;
	padding-left: 25px;
	padding-top: 2px;

}
.GoodLooking {
	float: left;
	width: 205px;

}


.itemImg {
 	text-align: center;
}

#itemText {
	float: left;
	width: 400px;
	margin-left: 13px;

}
.back {
	font:14px "Myriad Pro", "Century Gothic", "Avant Garde", Futura, Helvetica;
	font-weight:normal;
	text-align: right;

}
.back a {
	color:#689834;
}
.desc {

 	padding-top: 50px;
 	font-size: 11px;
}
.desc strong {
	font:22px "Avant Garde", Futura, Helvetica;
	font-weight:normal;
	color:#689834;
}

.contentText {
 	padding-left: 25px;
	width: 680px;
	font-size: 11px;
	color: #1d1d1d;
	min-height: 400px;
	_height: 400px;


}
.contentText h2{
	color: #155879;
	font:24px "Myriad Pro", "Century Gothic", "Avant Garde", Futura, Helvetica;
}
	

.item {
 	background-image: url(/images/item-bg.gif);
	background-repeat: no-repeat;
	height: 502px;
	width: 701px;
	margin-left: 10px;
	position: relative;


}                   
.itemTitle h1{
	font:20px "Myriad Pro", Verdana, Futura, Helvetica;
	font-weight:normal;
	clear:left;
	color:#155879;
	padding:0px;
	margin:0px;

}
.itemTitle {
	position: absolute;
	top: 10px;
	left: 10px;

}
.itenDesc {
	position: absolute;
	top: 90px;	
	left: 310px;
	width: 340px;
	font-size:12px;
	
}
.itemBack span {display: none;}
.itemBack a {
	display: block;
	height: 30px;
	width: 100px;

}
.itemBack {
	position: absolute;
	top: 0px;
	right: 20px;

}
.itemZoom span {
 	display: none;
}
.itemZoom a {
 	width: 140px;
	height: 25px;
	display: block;
}
.itemZoom {
	position: absolute;
	top: 310px;
	left: 125px;

}
.itemImage {
	position: absolute;
	top: 59px;
	left: 18px;
	width: 250px;
	height: 250px;
	overflow: hidden;

}
.itenSpec {
	position: absolute;
	top: 370px;
	left: 18px;


}
.itemOrder {
	margin-top: 30px;
	width: 127px;

}
.itemOrder span {display:none;}
.itemOrder a {
	display:block;
	width: 116px;
	height: 28px;
  	background-image: url(/images/order.gif);
	background-repeat: no-repeat;

}
.itemOrderTop {
	position: absolute;
	top: 30px;
	left: 298px;
	height: 20px;
	width: 127px;
}
.itemOrderTop span {display:none;}
.itemOrderTop a {
	display:block;
	width: 127px;
	height: 39px;

}

.paging a {
	color: white !important;
	text-decoration: none !important;
	font-weight: bold;
}
.paging span {
	
	padding: 3px;
	background: #719aab;


}
#active-page span{
	background: #f76e2b !important;
}
.notFound {               
  	background-image: url(/images/notFound.jpg);
	background-repeat: no-repeat;
	width: 701px;
 	height: 421px;
	margin-left:
}
.Order {
 	position: relative;
	height: 500px;
  	background-image: url(/images/order-bg.gif) !important;
	background-repeat: no-repeat;
	margin-left: 10px;


}
.orderImg {
	position: absolute;
	top: 59px;
	left: 18px;
	width: 250px;
	height: 250px;
	overflow: hidden;
}
.orderTable {
	width: 360px;
	margin-left: 300px;
	padding-top: 100px;
	display: block;

}
.orderTable td {
	font-size: 11px;

}
.orderButton {
 	position:relative;
	top: 0px;
	left: 0px;
}
.contentText h1 {
	font:20px "Myriad Pro", Verdana, Futura, Helvetica;
	font-weight:normal;
	clear:left;
	color:#155879;
	padding:0px;
	margin:0px;


}
.form td{
 	font-size: 11px;

}

