@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-size: 14px;
	color: #626670;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #363636;
}
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal;}
.page h2,.page h3,.page h4,.page h5,.page h6 { margin-top:1.5em;}

h1 { font-size: 2em; margin-bottom: 0.5em; }
h2 { font-size: 1.7em; margin-bottom: 0.5em;}
h3 { font-size: 1.5em; margin-bottom: 0.5em;}
h4 { font-size: 1.2em; margin-bottom: 0.5em;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.5em;}
h6 { font-size: 1em; font-weight: bold;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.1em; line-height:135%; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     {
	color: #626262;
}
a           {
	color: #626262;
	text-decoration: underline;
}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
th,td,caption { padding: 4px 10px 4px 5px; }
tfoot       { font-style: italic; }

pre, code{font-size:10px;padding-left:30px;display:block;}
.clear{clear: both;overflow: hidden;background: url(images/main_socail.png) no-repeat top center;height: 1px;}
/* LAYOUTS */
body{background: url(images/bg_foot.png) repeat center;}
.layout{background: url(images/bg.png) repeat-x top center;display: block;position: relative;padding: 28px 0 0 0;background-color: #fff;}
.footer{background: url(images/bg_foot.png) repeat-x top center;display: block;position: relative;}
.social,.main,.foot{width: 1036px;margin: 0 auto;overflow: hidden;position: relative;display: block;}
.header{width: 1036px;margin: 0 auto;padding: 0;}
.header{background: url(images/main_header.png) no-repeat top center;height: 92px;}
.social{background: url(images/main_socail.png) no-repeat top center;height: 61px;clear: both;}
.main{background: url(images/main_center.png) no-repeat top center;background-color: #fff;}
/* HEAD */
.logo{background: url(images/logo.png) no-repeat right center;float: left;height: 72px;width: 322px;position: relative;display: block; overflow: hidden;margin: 12px 0 0 0;}
.logo a{display: block;height: 72px;width: 322px;position: absolute;left: 0; top: 0;}
.logo a span{display: none;}
.social .links {position: relative;overflow: hidden;padding: 23px 0 13px 0;float: left;width: 585px;}
.social .links a{text-decoration: none;color: #fff; font-size: 14px;display: block;float: left;margin-left: 25px;}
.social .links a img{display: block;float: left;}
.social .links a span{margin: 0 0 4px 10px;display: block;float: left;color: #fff;}
.social .newsletter {position: relative;overflow: hidden;padding: 16px 0 10px 0;float: right;width: 420px;}
.social .newsletter form{margin: 0;padding: 0;}
.social .newsletter form label{margin: 0 2px;padding: 0;font-size: 14px;color: #626670;}
.social .newsletter form label .input{width: 167px; height: 23px;background: url(images/social_input.png) no-repeat top center;border: 0;padding: 3px 10px;}
.social .newsletter form label .submit{width: 46px; height: 29px;background: url(images/social_submit.png) no-repeat top center;border: 0;cursor: pointer;}
.social .newsletter a img{display: block;float: left;}
.social .newsletter a span{margin: 0 10px 4px 10px;display: block;float: left;font-weight: bold;}
.filter {color: #fff;position: relative;float: right;padding: 30px 10px 0 0;height: 52px;width: 700px;}
.filter .it {float: left;position: relative;margin: 0 20px 0 0;display: block;height: 38px;padding: 0;_margin: 0 10px 0 0 !important;}
.filter .it select {background: url(images/head_select.png) no-repeat top center;border: 0;margin: 0;padding: 5px 10px;width: 203px;height: 38px; color: #fff;font-size: 18px;float: left;}
.filter .it input {background: url(images/head_submit.png) no-repeat top center;border: 0;margin: 0;padding: 5px 10px;width: 50px;height: 38px; color: #fff;font-size: 18px;cursor: pointer;float: left;}
.filter .it strong {margin: 0;padding: 5px 10px;height: 28px; color: #fff;font-size: 18px;float: left;display: block;}

ul.newList * {margin:0; padding:0;}
ul.newList a {color: #fff; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#fff; width:203px; background:#626670; position:absolute;top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {border: 0;margin: 0;padding: 0;width: 203px;height: 38px; color: #fff;font-size: 18px;float:left;}
.newListSelected .selectedTxt {display:block;background: url(images/head_select.png) no-repeat top center;padding: 7px 10px;width: 183px;height: 24px;overflow:hidden;cursor: pointer;}
ul.newList li a {padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.hiLite {background:#5A418D!important;}
.hiLite a {background:#5A418D!important;}
.newListHover {background:#5A418D!important;cursor:default;}

#sort_by .order {float: left;}
#sort_by .today {float: right;}
#sort_by .today label,#sort_by .order label {font-size: 12px;}
#sort_by .order label input{margin:  0 10px 0 0;}


.bannercely { margin-left: 30px; margin-top:10px; }

/** FOOT */
.foot{color: #fff;font-size: 14px;}
.foot a{color: #fff;text-decoration: none;}
.foot a img{margin: 0 10px;}
.foot .left{ width: 250px;float: left; margin: 30px auto;}
.foot .left .twitter{ width: 130px;float: left;margin: 0 0 0 15px;}
.foot .left .facebook{ width: 90px;float: left; margin: 0 0 0 15px;}
.foot .right{ width: 710px;float: right;text-align: right;padding: 40px 30px 15px 0;}
/** MAIN */
.main #sort_by{width: 995px;display:block;margin: 0 auto; padding: 10px;overflow: hidden; border-bottom: 1px solid #ADB1B9;}
.main .left{ width: 715px;float: left;padding: 20px 0 0 30px;overflow: hidden;}
.main .right{ width: 240px;float: right;padding: 20px 30px 0 0;overflow: hidden;}
.main .right .ad {background: #fff;padding: 10px;margin: 0 0 20px 0;display: block;}
/* ITEM */
.left .item {width: 662px;border-bottom:1px dotted #a6a6a6 ;overflow: hidden;margin: 0 0 30px 0;}
.left .item_title {overflow: hidden;}
.item_title .discount{width: 76px; height:46px;background: url(images/discount.png) no-repeat top center;float: left;color: #fff;font-size: 23px;font-weight: bold;padding: 15px 0;text-align: center;}
.item_title .title{float: right; width: 575px;color: #5a418d;font-size: 23px;font-weight: bold;margin: 10px 0 5px 0;}
.item_title .title a{color: #5a418d;text-decoration: none;}
.item_title .time{float: right; width: 575px;color: #9ea5b6;margin: 5px 0;}
.left .item_main{overflow: hidden; width: 662px;margin: 15px 0;}
.item_main .img{float: left; width: 122px;height: 122px;-moz-border-radius: 12px;-webkit-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px;overflow: hidden;}
.item_main .img img{-moz-border-radius: 12px;-webkit-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px;}
.item_main .line{float: right; width: 520px;margin: 5px 0;padding: 0;}
.item_main .line span{margin: 0 10px 0 0;}
.item_main .line strong{color: #5a418d;}
/* CONTENT */
.content{padding: 20px;}
.content h2{color: #5a418d;font-weight: bold;}
.content h3{color: #5a418d;font-weight: bold;}
.content h4{color: #5a418d;font-weight: bold;}
.content ul.list{color: #5a418d;font-weight: bold;overflow: hidden;list-style: none;}
.content ul.list li{float: left;width: 30%;list-style: none;}
#pages{font-size: 14px;font-weight: bold;height: 40px;text-align: center;float: left;width: 662px;}
#pages a,#pages span{padding: 6px 6px;margin: 0 5px;}
#pages a{border: 1px solid #d1d1d1;color:#5a418d;text-decoration: none;position: relative;-moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}
#pages a:hover{background: #5a418d;color: #fff;}
#pages a.next,#pages a.prev,#pages a.next:hover,#pages a.prev:hover{padding: 0;border: 0;background: none;width: 20px;}
#pages a img{margin: 0 0 -5px 0;}