/* RESET */
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* GRID */
body{min-width:960px}.container{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.container .grid_1{width:60px}.container .grid_2{width:140px}.container .grid_3{width:220px}.container .grid_4{width:300px}.container .grid_5{width:380px}.container .grid_6{width:460px}.container .grid_7{width:540px}.container .grid_8{width:620px}.container .grid_9{width:700px}.container .grid_10{width:780px}.container .grid_11{width:860px}.container .grid_12{width:940px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container:before,.container:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container:after{clear:both}.clearfix,.container{zoom:1}

/* GENERAL */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,600');body{font:13px/1.5 "Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif}pre,code{font-family:"DejaVu Sans Mono",Menlo,Consolas,monospace}hr{border:0 solid #ccc;border-top-width:1px;clear:both;height:0}h1,h2,h3,h4,h5,h6{font-family:"Open Sans",Arial,"Liberation Sans",FreeSans,sans-serif}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}

/* CUSTOM */
body {

	background: #504774 url('../img/bg.jpg');
	background-size: 100% 100%;
	background-attachment: fixed;

}

.overlay {
	
	width: 500px;
	text-align: center;
	
}

h1, h2, h3, h4 {
	
	color: #0A263C;
	
}

header {
	
	height: 110px;
	background: transparent url('../img/navigation.jpg') top left repeat-x;
	
}

header h1 {
	
	position: absolute;
	top: 0px;
	width: 231px;
	height: 110px;
	z-index: 10;
	
}

header h1 strong {
	
	display: none;
	
}

header nav {
	
	position: absolute;
	top: 0px;
	height: 44px;
	width: 700px;
	margin-left: 240px;
	
}

header nav ul li {
	
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	
}

header nav ul li a {
	
	display: block;
	height: 44px;
	line-height: 44px;
	margin-left: 25px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-shadow: 0px 1px 1px #333;
	
}


header nav ul li a:hover {

	color: #cfcfcf;
	
}

h2 small {
	
	font-style: italic;
	
}

strong {
	
	font-weight: bold;
	
}

.main {
	
	margin-bottom: 10px;
	
}

.main .col-main {
	
	background: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}

.featured .main .col-main {
	
	background: none;
	padding: 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	
}

.main .col-right {
	
}

.main .col-main h2, .main .col-main .pagination {
	
	padding: 10px 0px 0px 10px;
	
}

body.featured .main .col-main h2, body.featured .col-main .pagination {
	
	padding: 0px;
	
}

footer p {
	
	margin-top: 20px;
	font-size: 13px;
	font-family: "Open Sans", Arial, "Liberation Sans", FreeSans, sans-serif;
	text-align: center;
	
}

footer p, footer a {
	
	color: #fff;
	
}

input[type="text"], textarea {
	
	font: 12px/15px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #2f2f2f;
	background: #fff;
	border: 1px solid #B6B6B6;
	padding: 2px;
	
}

input[type="text"]:focus, textarea:focus {
	
	background: #EDF7FD;
	outline: 0;
	
}


.widget {
	
	margin-bottom: 10px;
	
}

.main .col-right .widget:last-child {

	margin-bottom: 0px;
	
}

.widget .header {

	background: #1FA0BD;
	border: 1px solid #165F94;
	border-bottom: none;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	padding: 8px 0px 2px 10px;
	
}

.widget .header h4 {

	font: 15px/16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 6px 5px;
	color: #fff;
	text-transform: uppercase;
	
}

.widget .content {
	
	background: #fff;
	padding: 10px;
	border: 1px solid #165F94;
	border-top: none;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	
}

.btn, a.btn:link, a.btn:visited {
	
	display: inline-block;
	font: bold 11px/1.5 Helvetica,sans-serif;
	background: #FF8C29;
	width: 70px;
	margin: 5px 0px 0px 0px;
	padding: 5px 6px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	color: #FFFFFF !important;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	
}

.btn:hover, a.btn:hover, a.btn:active {
	
	background-color: #FFB515;
	text-decoration: none;
	
}

ol.products-list, ol.products-list>li, .widget .content ol.products-list, .widget .content ol.products-list>li {
	
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}

.widget .content ol.products-list>li {
	min-height: 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.widget .content input[type="text"] {

	width: 190px;
	margin: 5px 0px;
	
}

.widget .content ol.products-list>li h5, .widget .content ol.products-list>li h5 a {
	
	color: #0981BE;
	font-weight: normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	
}

.widget .content ol.products-list>li {
	
	border-bottom: 2px solid #DDEDCD;
	
}

.widget .content ol.products-list>li:last-child {
	
	border-bottom: none;
	
}

.widget .content ol.products-list li h5 {
	
	font-size: 12px;
	line-height: 1.55;
	
}

.widget .content ol.products-list li .side_deal_leftcol {
	
	float: left;
}

.widget .content ol.products-list li .side_deal_rightcol {
	
	float: right;
	
}

.widget .content ol.products-list li .actual_amount span{ padding:0 5px; }
.widget .content ol.products-list li .amount {
    background: url("../img/side-deals-pricetag.png") no-repeat scroll 0 0 #5EBFDA;
    color: #FFFFFF;
    font-size: 14px;
    height: 23px;
    padding-left: 15px;
    line-height: 23px;
}
.widget .content ol.products-list li .actual_amount {
    background-color: #CFEEF6;
    border-bottom: 1px solid #54C2DC;
    border-left: 1px solid #54C2DC;
    border-right: 1px solid #54C2DC;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin-left: 9px;
    text-align: center;
}

ol.products-list>li {
	
	position: relative;
	display: block;
	background: #fff;
	min-height: 400px;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 40px;
	
}

ol.products-list>li .logo {
	
	position: absolute;
	top: 0px;
	right: 10px;
	margin-top: -20px;
	
}

ol.products-list>li .logo img {

	border: 1px solid #ddd;
	
}

ol.products-list>li .title h2, ol.products-list>li .title h3 {
	margin-bottom: 5px;
}

ol.products-list>li .title h2 {

	font-size: 20px;

}

ol.products-list>li .title h3 {
	
	font-size: 13px;
	font-weight: bold;
	color: #203548;
	
}

ol.products-list>li .info .left {
	
	display: inline-block;
	position: relative;
	top: 0px;
	width: 265px;
	height: 420px;
	margin-left: -25px;
	float: left;
	z-index: 500;
	background: transparent url('../img/offer-box.png') top left no-repeat;
	
}

ol.products-list>li .info .right {
	
	float: right;
	
}

ol.products-list>li .info .right .media {
	
	width: 438px;
	height: 266px;
	background: #fff;
	border: 2px solid #ddd;
	border-left: none;
	border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	text-align: center;
}

ol.products-list>li .info .right .media img {

	margin-right: 10px;
	max-width: 438px;
	
}

ol.products-list>li .info .left .price-tag {
	
	position: relative;
	width: 287px;
	height: 90px;
	z-index: 10;
	
}

ol.products-list>li .info .left .price-tag .amount {
	
	position: absolute;
	top: 38px;
	left: 22px;
	width: 110px;
	line-height: 1;
	color: #ECECEC;
	font-size: 25px;
	text-align: center;
	text-shadow: 2px 0px 2px #000;
	
}

ol.products-list>li .info .left .price-tag a {
	
	background: transparent url('../img/btn.png') top left no-repeat;
	overflow: hidden;
	display: block;
	height: 67px;
	left: 134px;
	position: absolute;
	top: 19px;
	width: 166px;
	z-index: 900;
	text-indent: -99999999px;
	
}

ol.products-list>li .info .left .price-tag a:hover {
    background: url('../img/btn_hover.png') no-repeat scroll top left transparent;
}

ol.products-list>li .info .left .discount {
	
	color: #fff;
	position: relative;
	padding: 3px 0px 15px 0px;
	z-index: 5;
	
}

ol.products-list>li .info .left .discount dl {
	
	display: block;
	width: 80px;
	float: left;
	font-weight: bold;
	text-align: center;
	
}

ol.products-list>li .info .left .discount dl dt {

	font-size: 1em;
	font-weight: normal;
	text-align: center;
	
}

ol.products-list>li .info .left .discount dl dd {

	font-size: 1.1em;
	line-height: 1em;
	text-align: center;
	
}

ol.products-list>li .info .left .gift {
	
	height: 48px;
	text-align: center;
	
}

ol.products-list>li .info .left .gift a {

	line-height: 14px;
	color: #5FADE7;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	
}

ol.products-list>li .info .left .bought {

	height: 101px;
	padding: 5px 0px 0px 0px;
	position: relative;
	text-align: center;

}

ol.products-list>li .info .left .bought h3 {

	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;

}

ol.products-list>li .info .left .bought p {

	color: #fff;
	width: 250px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;

}

ol.products-list>li .info .left .remaining-time {
	color: #fff;
	margin-top: 0px;
	height: 88px;
}

ol.products-list>li .info .left .remaining-time p {
	color: #A8A8A8;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
}

ol.products-list>li .info .left .remaining-time .timer-container {
	position: relative;
	height: 40px;
}

ol.products-list>li .info .left .remaining-time .timer-container span {

	display: block;
	position: absolute;
	top: 0;
	width: 59px;
	color: #36DAFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 34px;
	text-align: center;
	
}

ol.products-list>li .info .left .remaining-time .timer-container span.days { left: 30px; }
ol.products-list>li .info .left .remaining-time .timer-container span.hours { left: 25px; }
ol.products-list>li .info .left .remaining-time .timer-container span.minutes { left: 105px; }
ol.products-list>li .info .left .remaining-time .timer-container span.seconds { left: 183px; }

ol.products-list>li .info .left .remaining-time .timer-labels {
    color: #333333;
    font-size: 0.85em;
}
ol.products-list>li .info .left .remaining-time .timer-labels span.hours {
    left: 25px;
}
ol.products-list>li .info .left .remaining-time .timer-labels span.minutes {
    left: 107px;
}
ol.products-list>li .info .left .remaining-time .timer-labels span.seconds {
    left: 186px;
}
ol.products-list>li .info .left .remaining-time .timer-labels span {
    color: #5E5E5E;
    display: block;
    position: absolute;
    text-align: center;
    width: 55px;
}

ol.products-list>li .info .right .description {
	
	margin: 0px 10px 0px 10px;
	
}

ol.products-list>li .info .right .description>div {

	width: 200px;
	margin: 0px 10px;
	padding: 0px;
	float: left;
}

ol.products-list>li .info .right .description>div:last-child {

	margin: 0px;
	
}

ol.products-list>li .info .right .description>div ul, ol.products-list>li .info .right .description>div h3 {
	margin: 0px;
	padding: 0px;
}

ol.products-list-grid, ol.products-list-grid>li {
	
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}

ol.products-list-grid {
	
	margin: 10px 0px 0px 10px;
	
}

ol.products-list-grid>li {
	
	position: relative;
	background: #EBEBEB;
	width: 278px;
	height: 278px;
	padding: 10px;
	margin: 0px 8px 8px 0px;
	float: left;
	box-shadow: 1px 2px 3px #ccc;
	border: 1px solid #ccc;
	
}

ol.products-list-grid .product-name {
	font-weight: bold;
	font-size:14px;
	color:#203548;
	padding: 0px;
	margin-bottom: 5px;
}
	
ol.products-list-grid .product-name a { color:#203548; text-decoration: none; }
ol.products-list-grid a.product-image { display: inline-block; width: 274px; height: 170px; border: 1px solid #ccc; background: #fff }
ol.products-list-grid .product-image img { width: 264px; height: 160px; margin: 5px; }

ol.products-list-grid p {
	
	margin-bottom: 0px;
	
}

ol.products-list-grid a.btn {
	
	position: absolute;
	bottom: 10px;
	left: 10px;
	
}

ol.products-list-grid .old-price {
	
	color: #999;
	
}

ol.products-list-grid .old-price .price {
	
	font-weight: bold;
	color: #C76200;
	text-decoration: line-through;
	
}

ol.products-list-grid .special-price {
	
	font-weight: bold;
	color: #CD5033;
	
}

ol.products-list-grid .special-price .price {
	color: #C76200;
}

form#order-form {
	
	margin: 0px;
	padding: 0px;
	color: #333;
	font: 12px Arial, Verdana, sans-serif;
	
}

form#order-form fieldset {

	margin: 10px 0px;
	border: none;
	border-top: 1px solid #ccc;
	
}

form#order-form legend {

	margin: 10px 0px;
	padding: 0px 5px;
	color: #F3399A;
	background: transparent;
	font-size: 13px;
	font-weight: bold;
	
}

form#order-form label {

	float: left;
	width: 100px;
	padding: 0px 10px;
	text-align: right;
	
}

form#order-form fieldset div {

	margin: 10px 0px 10px 0px;
	padding: 0px;
	display: block;
	
}

form#order-form fieldset div input,
form#order-form fieldset div textarea {

	width: 200px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	
}

form#order-form fieldset div input[type="radio"] {
	
	width: auto;
	vertical-align: middle;
	
}

form#order-form fieldset div input {

	height: 18px;
	
}

form#order-form fieldset div select {

	padding: 1px;
	width: 203px;
	
}

form#order-form input[type="submit"] {
	
	display: block;
	clear: both;
	text-align: center;
	margin: 20px 0px 20px 120px;
}

form#order-form input:focus,
form#order-form textarea:focus {
	
	background: #FADFEE;
	color: #000;
	
}

.pagination {
	
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	
}

.pagination .links {
	
	float: left;
	
}

.pagination .links a {

	display: inline-block;
	border: 1px solid #222;
	padding: 4px 10px;
	text-decoration: none;
	color: #fefefe;
	background: #333;

}

.pagination .links b {

	display: inline-block;
	border: 1px solid #333;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	color: #ccc;
	background: #222;

}

.success, .warning, .attention, .information {
	
	padding: 5px;
	margin-bottom: 10px;
	color: #555555;

}

.success {
	
	background: #EAF7D9 url('/assets/images/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
	
}

.warning {
	
	background: #FFD1D1 url('/assets/images/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	
}

.attention {

	background: #FFF5CC url('/assets/images/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;

}

.information {

	background: #E8F6FF url('/assets/images/information.png') 10px center no-repeat;
	border: 1px solid #B8E2FB;

}