@charset "utf-8";
/*======================================
				DATE:2010-05-14
=======================================*/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	background-color:#181819;
	color:#fff;
}

/*======= Common Styles ============*/
*{margin:0; padding:0}
img,fieldset{border:0}
.hide{display:none;	visibility:hidden}
a{text-decoration:none; outline:none; }
a:hover{text-decoration:underline}
ul{list-style:none}

h1{
	display:block;
	padding:0;
	font-family:'GnuolaneFree', Arial, Helvetica, sans-serif;
}
h3{font-size:16px; padding:0 0 8px 0; font-family:'GnuolaneFree', Arial, Helvetica, sans-serif;}


#wrap{
	width:900px;
	margin:0 auto;
	text-align:left;
}
/*========header==========*/
.header{
	width:900px;
	height:65px;/*90*/
	padding:25px 0 0;
}
.header h1{
	float:left;
	font-size:32px;
	line-height:34px;
	font-family:'GnuolaneFree', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#c6c6c6;
	margin-top:-5px;
}
.header p{
	width:100%;
	overflow:hidden;
	font-size:13px;
	display:block;
	padding-bottom:5px;
	font-family:'GnuolaneFree', Arial, Helvetica, sans-serif;
}

.header p span{
	float:right;
	color:#c6c6c6;
	width: 500px;
	text-align: right;
}
.header p span a{ color:#999; margin:0 5px 0 5px;}
.header p span img{float:right; position:relative;}
.header p a:hover{color:#ffffff;}
ul.top_nav{float:right}
ul.top_nav li{
	float:left;
	line-height:34px;
	padding:0 0 0 20px;
}
ul.top_nav li a{
	float:left;
	font-size:17px;
	font-family:'GnuolaneFree', Arial, Helvetica, sans-serif;
	color:#c6c6c6;
}
ul.top_nav li a:hover{text-decoration:none; color:#ffffff;}

.main_cont{
	width:900px;
	padding-top: 15px;
}

ul.img_box{
	width:896px;
	overflow:hidden;
	margin-top:30px;
	border:1px solid #c6c6c6;
}
ul.img_box li{float:left}
ul.img_box li a{float:left}
ul.img_box li img{border:1px solid #c6c6c6;}
ul.img_box li a img{
	width:126px;
	height:90px;
	float:left;
}
#img_box{
	margin-top:30px;
}
#img_box img{
	border:1px solid #c6c6c6;
}
.footer{
	width:760px;
	height:46px;/*91*/
	padding:0 0 15px;
}
.footer h2{
	width:100%;
	font-size:24px;
	line-height:26px;
	font-family:'GnuolaneFree', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#c6c6c6;
}
.footer span.add{
	font-size:14px;
	line-height:25px;
	padding:0;
	font-family:'GnuolaneFree', Arial, Helvetica, sans-serif;
}
.footer span{
	font-size:11px;
	line-height:21px;
	padding-top:4px;
	color:#c6c6c6;
}
/*------inner page------*/
ul.img_box2{
	width:985px;
	overflow:hidden;
	margin-left:-85px;
	color:#999;
}
ul.img_box2 ul{clear:both;}
ul.img_box2 li{
	float:left;
	padding:0px 0px 20px 85px;
}
ul.img_box2 li a{}
ul.img_box2 li a img{
	width:243px;
}
.pagination{
	width:870px;/*900*/
	padding:17px 30px 20px 0;
	font-size:11px;
	line-height:12px;
	text-align:right;
	color:#c6c6c6;
}
ul.img_box2 li h4{
	padding:10px 0 0 0;
	font-size:14px;
	font-family:'GnuolaneFree', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	margin:0;
	display:block;
}

/*========    SUBMENU    ==========*/
ul.submenu{
	width:900px;
	padding:0;
	border-top:1px solid #302e2e;
	border-bottom:1px solid #302e2e;
	margin:0 0 10px 0;
}
ul.submenu li{
	display:inline;
	font-size:16px;
	line-height:30px;
	font-family:'GnuolaneFree', Arial, Helvetica, sans-serif;
	color:#c6c6c6;
}
ul.submenu li a{padding:0 10px; color:#c6c6c6;}
ul.submenu li a:hover{text-decoration:none; color:#fff;}


/*  ===============================    TREEVIEW   ================================== */

#treeview{
	padding:3px 0 10px 0;
	position:relative;
	color:#fff;
	font-size:11px;
}
#treeview a{color:#999; text-decoration:none;}
#treeview a:hover{color:#fff;}

/*  ===============================BASEBAND - COPYRIGHT LINKS ETC================================== */

#baseband{
	padding:30px 0 0 0;
	height:90px;
	color:#666;
	font-size:11px;
}
#baseband strong{color:#666; font-weight:bold;}
#baseband a{color:#666; text-decoration:none;}
#baseband a:hover{text-decoration:underline; color:#fff;}



/*  ===============================SEO LINKS AREA================================== */
#seo{float:right;position:relative; text-align:right; margin-top:0px;}
#seo img{margin-left:5px;}
#seo .powered{clear:right; margin-top:8px;}


/*  ===============================   BLOG PAGE  ================================== */

#blog{position:relative;padding-bottom:20px; margin-right:255px;min-height:450px;}
#blog .item {
	position:relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #302e2e;
	margin-bottom: 20px;
}
#blog .date {font-size: 17px; color:#c6c6c6; line-height:24px;}
#blog a.title {font-family:'GnuolaneFree', Arial, Helvetica, sans-serif; font-size: 20px; text-decoration:none;display: block;padding-bottom: 8px;padding-top: 2px; color:#fff;}
#blog .details {margin-top: 10px; padding-bottom: 10px; color:#666;}
#blog .details a{ color:#c6c6c6; text-decoration:none; }
#blog .item a:hover{text-decoration:underline; color:#fff;}
#blog .comments{margin-top:20px;position:relative;padding-bottom: 8px;}
#blog .comments .item{margin-top:8px;position:relative;padding-bottom: 8px;border-bottom-width: 1px solid #ccc;}
#blog .comments h3{font-family:'GnuolaneFree', Arial, Helvetica, sans-serif; font-size: 20px; display: block; color:#fff; font-weight:normal;}
#blog .form{
	width:610px;
	margin-right:-240px;
	;
	padding-right:0;
}
HTML>body #blog .form{margin-right:0px;}



/*  ===============================RIGHT COLUMN================================== */

#rightcol{float:right;width:220px;position:relative;}
#rightcol img{border:1px solid #c3c1c1; margin-bottom:10px;}
#rightcol .panel{width:190px; border-top:1px solid #302e2e; padding:15px 15px 25px 15px; margin:0;}
#rightcol .panel h3{font-family:'GnuolaneFree', Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px;}
#rightcol ul{margin:0; padding:0; list-style:none;}
#rightcol li a{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff;text-decoration: none; display: block; width:175px; padding:3px 0 0 0;}
#rightcol li a:hover{color:#666;}
#rightcol ul ul li a{color:#999; font-weight:normal;}
#rightcol a.link{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #143d7b;text-decoration: none; display: block; width:175px; padding:3px 0 0 0;}
#rightcol a.link:hover{color:#fff;}
#rightcol input{font-size:11px; color:#666; width:170px; margin:5px 0 0 0;}


/* =================================== FORM PAGE============================= */

#formpage{
	position:relative;
	padding-bottom: 25px;
}

/*  ===============================   FORMS  ================================== */
.formarea {
	margin: 0 0 15px 0;
}
.form{
	background:#202021;
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 20px 15px 25px 35px;
	position:relative;
	overflow:hidden;
	width:850px;
}
.form a{color:#999;}
.form a:hover{color:#fff;}
.formtext {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	float: left;
	width: 150px;
	position: relative;
	margin-bottom: 8px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
	clear: left;
}
.form h3{font-family:'GnuolaneFree', Arial, Helvetica, sans-serif; font-size: 20px; display: block; padding-bottom: 8px; padding-top: 2px; color:#fff; font-weight:normal;}
input.formsfixed{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	width: 260px;
	height: 19px;
	background:#000;
	border:1px solid #666;
	position: relative;
	float: left;
	margin-bottom: 8px;
	line-height: 29px;
}
select.formsfixed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	width: 260px;
	height: 19px;
	background:#000;
	border:1px solid #666;
	position: relative;
	float: left;
	margin-bottom: 8px;
}
.formsmulti {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #fff;width: 260px;margin-bottom: 9px; background:#000; border:1px solid #666;}
.formicon {
	margin-left: 7px;
	margin-bottom: 8px;
	position: relative;
}
.multiicon {
	margin-left: 7px;
	margin-bottom: 6px;
}


/*  ===============================BRANDS================================== */
.introtext {
	padding-bottom: 25px;
}
.brandpic {
	float: right;
	margin-left: 50px;
	position: relative;
}


/*  ===============================DETAILS PAGE================================== */

#details{
	position:relative;
	display:inline-block;
	overflow:hidden;
	font-size:12px;
	margin:10px 0 20px 0;
}
#details .images{float:left; position:relative; width:345px;}
#details .images .large{
	text-align:center;
	width:333px;
}
#details .images .small{
	width:75px;
	text-align:center;
	float:left;
	margin:12px 11px 0 0;
}
#details .content{
	margin-left:380px;
	position:relative;
}
#details .options{
	background:#1d1d1e;
	padding:15px 20px 20px 20px;
	margin:0 0 20px 0;
	position:relative;
	width:476px;
}
#details .optionshead{ display:block; color:#999; font-size:28px; font-weight:bold; padding:0 0 30px 0; margin:-5px 0 0 0; font-family:'GnuolaneFree', Arial, Helvetica, sans-serif;}
#details .price{color:#fff; font-size:30px; font-weight:bold; float:right; position:relative; margin-top:-4px;}
#details .formtext{float:left; clear:none; position:relative; width:82px; text-align:left; padding:0; font-weight:normal; margin:0;}
#details select{font-size:11px;color:#666;height:auto;margin:0 0 2px 0;}
#details input{font-size:11px; color:#666; width:40px; height:auto;}
#details .oldprice{float:right; clear:right; font-size:12px; color:#ff0000; position:relative;}
#details .mainbutton{position:absolute; right:20px; bottom:20px;}


/*  ===============================ACCOUNT AREA================================== */

#account{position:relative; }
#account .row{
	position:relative;
	display:inline-block;
	overflow:hidden;
	margin-top:20px;
}
#account .panel{
	float:left;
	position:relative;
	width:350px;
	background:#272525;
	margin:0 60px 0 0;
	padding:15px 35px 35px 35px;
}
#account .panel h3{font-family:'GnuolaneFree', Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px;}
#account .last{margin-right:0px;}
#account .formtext{text-align:left; width:150px; padding:0px; margin:0px;}

#account .buttons{padding:5px 0 5px 0; position:relative; height:30px;}
#account .buttons .mainbutton{float:right; position:relative;}

#account .formsfixed{margin:0 0 3px 0;}


/*  ===============================TABLES================================== */
.table{
	margin:10px 0 20px 0;
	position: relative;
}
.tabhead{
	background:#333;
	padding:3px 0 3px 8px;
	color:#fff;
	overflow:hidden;
	font-weight:bold;
	width:892px;
	clear:both;
}
.tabrow{
	padding:7px 0 5px 8px;
	overflow:hidden;
	position:relative;
	width:892px;
	clear:both;
}
.tabrowshade{
	background:#202021;
	padding:7px 0 5px 8px;
	overflow:hidden;
	position:relative;
	width:892px;
	clear:both;
}
.cell01{width:100px; float:left; position:relative;}
.cell02{width:240px; float:left; position:relative;}
a.cell02{color:#ccc;}
.cell03{width:40px; float:left; position:relative; text-align:center;}
.cell03 input{width:40px; font-size:11px; color:#fff; background:#302e2e; border:1px solid #666;}
.cellright{width:75px; float:right; position:relative; text-align:center;}
.cellimg{width:65px; float:left; position:relative;}
.cellaction{
	width:50px;
	float:right;
	text-align:center;
	position: relative;
}
.totals{
	padding:8px 0 0 0;
	display:block;
	overflow:hidden;
	width:890px;
	clear:both;
	position:relative;
}
.celltotal{width:150px; float:right; position:relative; color:#fff; text-align:right; font-size:14px;}
.celltotal strong{color:#fff; font-weight:bold; font-size:16px;}

.cellhalf{width:380px; float:left; position:relative; }
.cellhalf strong{color:#fff; font-size:18px;}
.cellhalf input{float:left; margin:0 5px 0 0; background:#302e2e; border:1px solid #666; color:#fff;}

.cellform {width:400px; float:left; position:relative; padding:0 0 10px 0;}
.cellform .formtext{text-align:left; width:120px;}
.cellform .formsfixed{width:210px; }

.cell04{width:160px; float:left; position:relative;}
.cell05{width:100px; float:left; position:relative; text-align:center;}

.cellcolumn{width:280px; float:left; position:relative;}
.cellcolumn .backbutton{clear:left; margin-top:5px;}


/*  ===============================RELATED ITEMS PAGE================================== */

#related{margin:10px 0 10px 0; padding:15px; background:#302e2e; font-size:16px; font-weight:bold;}
#related .mainbutton{float:right; font-weight:normal;}

/*  ===============================PAGES================================== */

.pages{
	position:relative;
	padding: 10px 0 0 0;
	display:block;
	overflow:hidden;
}
.pages a{display:block; border:1px solid #666; width:20px; height:18px; text-align:center; color:#999; float:left; margin-right:4px; text-decoration:none; font-weight:bold; padding-top:2px;}
.pages a:hover{color:#fff;}
.pages .on{border:1px solid #fff; color:#fff;}
.pages .right{float:right; position:relative;}

.display{float:right; position:relative; padding:2px 0 0 0;}
.display select{font-size:11px; color:#666; margin-left:4px; width:auto; height:auto;}

/*  ===============================BUTTONS================================== */

a.mainbutton{font-family:'GnuolaneFree', Arial, Helvetica, sans-serif; display:block; width:170px; height:21px; background:url(../images/button_red.gif) no-repeat; text-decoration:none; color:#fff;  text-align:center; padding:1px 0 0 0; float:left; position:relative; font-size:16px;}
a.mainbutton:hover{background:url(../images/button_grey.gif) no-repeat; text-decoration:none;}

a.backbutton{font-family:'GnuolaneFree', Arial, Helvetica, sans-serif; display:block; width:170px; height:21px; background:url(../images/button_grey.gif) no-repeat; text-decoration:none; color:#fff;  text-align:center; padding:1px 0 0 0; float:left; margin:0 5px 0 0; font-size:16px;}

a.backbutton:hover{background:url(../images/button_red.gif) no-repeat; text-decoration:none;}

/*  ===============================SHOPPING CART================================== */
#cartscreen{position:relative; padding-bottom:20px;}
#cartscreen .buttons{padding:5px 0 5px 0; position:relative; height:30px;}
#cartscreen .buttons .mainbutton{float:right; position:relative;}

#cartscreen .steps{height:57px; position:relative; border:1px solid #666; padding:10px; margin:0 0 10px 0;}
#cartscreen .stepicon{
	float:left;
	position:relative;
	margin:0 70px 0 20px;
}
#cartscreen .loader{text-align:center; padding-top:40px; padding-bottom:90px;}

/*white color template*/
#white{background-color:#ffffff;}
#white .header h1{color:#333333;}
#white ul.top_nav li a{color:#666666;}
#white ul.top_nav li a:hover{color:#333333;}
#white ul.img_box{border:1px solid #666666;}
#white ul.img_box li img{border:1px solid #666666;}
#white .footer h2{color:#333333;}
#white .footer span{color:#333333;}
#white .pagination, #white .pagination a{color:#333333;}

/*black color template*/
#black{background-color:#181819;}
#black .header h1{}
#black ul.top_nav li a{}
#black ul.top_nav li a:hover{}
#black ul.img_box{}

#black .footer h2{}
#black .footer span{}
#black .pagination, #black .pagination a{}

/*gray color template*/
#gray{background-color:#DBD8D1;}
#gray .header h1{color:#181020;}
#gray ul.top_nav li a{color:#797770;}
#gray ul.top_nav li a:hover{color:#551E00;}
#gray ul.img_box{border:1px solid #ffffff;}
#gray ul.img_box li img{border:1px solid #ffffff;}
#gray .footer h2{color:#181020;}
#gray .footer span{color:#551E00;}
#gray .pagination, #gray .pagination a{color:#551E00;}

/*blue color template*/
#blue{background-color:#A4C1FD;}
#blue .header h1{color:#010345;}
#blue ul.top_nav li a{color:#0000FF;}
#blue ul.top_nav li a:hover{color:#010345;}
#blue ul.img_box{border:1px solid #010345;}
#blue ul.img_box li img{border:1px solid #010345;}
#blue .footer h2{color:#010345;}
#blue .footer span{color:#0000FF;}
#blue .pagination, #blue .pagination a{color:#0000FF;}

/*pink color template*/
#pink{background-color:#cb0077;}
#pink .header h1{color:#ffffff;}
#pink ul.top_nav li a{color:#ffffff;}
#pink ul.top_nav li a:hover{color:#84004d;}
#pink ul.img_box{border:1px solid #ffffff;}
#pink ul.img_box li img{border:1px solid #ffffff;}
#pink .footer h2{color:#ffffff;}
#pink .footer span{color:#ffffff;}
#pink .pagination, #pink .pagination a{color:#ffffff;}