/* Default */
html,body,select,button,input,textarea {font-size: 13px;font-family: Arial,Helvetica,sans-serif !important;}
a {text-decoration: none; color: #0099cc;}
a:hover {color: #000; text-decoration: none;}
a.btn {color: #FFF;}

a.hover {visibility: hidden;}
*:hover > a.hover {visibility: visible;}

input[type=text], input[type=password], select, textarea {padding: 2px 4px; border-radius: 0; margin: 0; font-size: 13px; height: 24px;}
input[type=text], input[type=password] {height: 20px;}
textarea {height: 72px;}
input[type=checkbox],input[type=radio] {margin: 0;}
label {font-size: 13px;}

h1 {
	font-size: 20px; color: #999; padding: 14px 0 14px 30px; border-bottom: 1px solid #DDD;
}
h1 small {font-size: 14px;}

td.price, th.price, td.qty, th.qty {text-align: right;}

.hide {display:none;}
.hover {visibility: hidden;}
*:hover > .hover {visibility: visible;}

.justify{
	text-align:justify;
	text-justify:inter-word;
}

.box {border: 1px solid #ddd;}
.box .title {
	border-bottom: 1px solid #ddd;

	background: rgb(236,236,236);
	background: -moz-linear-gradient(top,  rgba(236,236,236,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(236,236,236,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 );
}

.trans50{ -moz-opacity:0.5 ; filter:alpha(opacity: 0.5); opacity: 0.5; }

/* Bootstrap Fix */

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip-inner{
  max-width: none;
}


/* Layout */
.left-side {float: left; width: 200px; margin-right: 10px;}
.body {float: left; width: 730px; position: relative;}

/* Form */
form .required-indicator {color: #F00; font-size: 16px; font-weight:bold;}
form .validation-failed {background: #FDD; border: 1px solid #F00;}
form .validation-failed + .tooltip .tooltip-arrow{border-right-color: #600;}
form .validation-failed + .tooltip .tooltip-inner{white-space: nowrap; background-color: #600; font-weight: bold;}

select {height:auto;padding:5px;margin:0;font-size:13px;color:#000;line-height:13px;border:solid 1px #dedede;border-bottom-color:#c3bdbd;border-right-color:#d2cfcf;border-left-color:#d2cfcf;outline:none;cursor:pointer}
select:hover {box-shadow:0 1px 2px rgba(0,0,0,0.2)}

/* INPUT [type='text'] */
input[type="text"],input[type="password"] {height:auto;padding:5px;margin:0;font-size:13px;color:#999;line-height:normal;border:solid 1px #dedede;border-bottom-color:#c3bdbd;border-right-color:#d2cfcf;border-left-color:#d2cfcf; background:#fff;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;/*cursor:pointer;*/-webkit-transition:border 0.3s;-moz-transition:border;transition:border}
input[type="text"]:hover,input[type="password"]:hover {border:solid 1px #aaa}
input[type="text"]:focus,input[type="password"]:focus {color:#000;border:solid 1px #20a8f1;-webkit-box-shadow:0 0 5px #48b0e6,3px 3px 6px #eee inset;-moz-box-shadow:0 0 5px #48b0e6,3px 3px 6px #eee inset;box-shadow:0 0 5px #48b0e6,3px 3px 6px #eee inset}

button {cursor:pointer;font-weight:normal;display:inline-block;border:none;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;text-align:center;font-size:14px;-webkit-transition:box-shadow 0.3s;-moz-transition:box-shadow 0.3s;transition:box-shadow 0.3s}
button.medium {padding: 9px 20px;}
button.large {padding: 12px 35px; font-size: 18px; font-weight: bold;}
button:hover {box-shadow:0 1px 2px #aaa;text-decoration:none}
button span {line-height:11px}

button.blue {color:#fff;background-color:#438ac3;background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#438ac3),to(#166db4));background-image:-webkit-linear-gradient(top,#438ac3,#166db4);background-image:-moz-linear-gradient(top,#438ac3,#166db4);background-image:-ms-linear-gradient(top,#438ac3,#166db4);background-image:-o-linear-gradient(top,#438ac3,#166db4)}
button.green {color:#fff;background-color:#16af66;background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#33cc66),to(#019a66i));background-image:-webkit-linear-gradient(top,#33cc66,#019a66);background-image:-moz-linear-gradient(top,#33cc66,#019a66);background-image:-ms-linear-gradient(top,#33cc66,#019a66);background-image:-o-linear-gradient(top,#33cc66,#019a66)}
button.green:hover,button.blue:hover {color:#fff}
button.white {color:#000;border:solid 1px #cdccca;background:#fefefe;background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#cecece));background-image:-webkit-linear-gradient(top,#fefefe,#cecece);background-image:-moz-linear-gradient(top,#fefefe,#cecece);background-image:-ms-linear-gradient(top,#fefefe,#cecece);background-image:-o-linear-gradient(top,#fefefe,#cecece)}
button.yellow {color:#000;background:#f9b128;background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#ffdc5c),to(#f59001));background-image:-webkit-linear-gradient(top,#ffdc5c,#f59001);background-image:-moz-linear-gradient(top,#ffdc5c,#f59001);background-image:-ms-linear-gradient(top,#ffdc5c,#f59001);background-image:-o-linear-gradient(top,#ffdc5c,#f59001)}

/* Icon, Graphic */
.loading {display:inline-block; background: url(/default/asset/img/loading.gif); width: 16px; height: 16px;}

/* Gradient BG */
.title.gradient {
	color: #FFF;
	background: #747474; /* Old browsers */
	background: -moz-linear-gradient(top,  #747474 0%, #585858 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#747474), color-stop(100%,#585858)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #747474 0%,#585858 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #747474 0%,#585858 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #747474 0%,#585858 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #747474 0%,#585858 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#747474', endColorstr='#585858',GradientType=0 ); /* IE6-9 */
}
.title.gradient a {color:#FFF;}

/* Table */
table.order-total .total {border-top:1px solid #CCC;}
table.order-total th {text-align: right;}

/* Header */
#header-top {background: #5f8930; color: #FFF; padding: 3px 0; margin-bottom: 10px;}
#header-top a {color: #FFF;}

#header { background: #86c440; min-height: 100px;}

#logo {margin-bottom: 10px;}
#logo a {display: block; z-index: 10;}

#header .ad {position: relative; float: right; height: 88px; width: 560px;}

#header .menu {margin:0; padding:0;}
#header .menu li {list-style: none; display:inline-block;}
#header .menu li a {
	background: #666057; color: #FFFFFF; display: block;
	font-weight: bold; font: 12px Arial,Helvetica,sans-serif; text-transform: uppercase;
	text-decoration: none; padding: 10px;
	border-radius: 5px 5px 0 0;
}
#header .menu li.current a { background: #b0a798; }

#header .menu li a:hover {background: #b0a798; box-shadow: 1px 0px #999;}
#header .account-menu {position: absolute; text-align: right; bottom: 0; right:0;}
#header .account-menu li {margin: 0 0 0 5px;}
#header .account-menu li.free-shipping {font-size: 14px; color: #FFF;}

/* Footer */
#footer .mobile-footer {display:none;}

.slogan { padding-top: 8px;}
.slogan strong {font-size: 16px; margin: 4px 0; color: #F16C50;}
.slogan li {list-style: none; margin: 30px;}
.slogan li:last-child {border-bottom: none;}
.slogan li .image {float: left; text-align: center; vertical-align: middle; width: 120px;}
.slogan li .text {margin-left: 130px;}
.slogan td>p{ line-height: 16px; font-size:11px; margin: 0 20px 10px 60px; text-align: left;}

.quicklink {padding: 16px auto; background: #3B3C3C;}
.quicklink .header {color:#4894C8; font-weight: bold;}
.quicklink a {color: #EEE;}
.quicklink ul {margin:0;}
.quicklink li {list-style: none;}
.quicklink td {vertical-align: top; border-right: 1px solid #DDD; padding: 0 30px;}
.quicklink td:last-child {border: none;}

/* Category Sidebar */
.category {border: 2px solid #F7F7F7; margin-bottom: 10px; padding: 0;}
.category .title {padding: 5px 10px 5px 5px;}
.category ul {margin: 0; padding: 0;}
.category li {list-style: none; margin: 0; padding: 0;}
.category li:hover {background: #EEE;}
.category li.hlt {background: #0099cc;}
.category li.hlt a {color: #FFF;}
.category li a {display: block; padding: 3px 0 3px 10px;}

/* Login */
.loginMain{	margin: 20px auto; }
.loginMain h2{ font-size: 17px;	border-bottom: 1px solid #86c440; display: block; text-align: left;	margin-top: 0; padding: 5px 10px;}
.loginMain div.field{ margin: 0 27px; }

.loginLeft{	float: left; width: 480px;}
.loginRight{ float: right; width: 341px; margin-left: -1px;}

.customer-login .loginMain form{margin-left: 20px;}
.customer-login .loginLeft {width: 400px;}
.customer-login .loginRight {width: 400px;}

/* Front page */
.promotion {float: left; width: 220px; height: 200px; margin: 20px 10px; border: 1px solid #EEE;}
.promotion .title {height: 36px; line-height: 36px; background: #FFF; padding-left: 10px;}
.promotion .price-tag {float: right; text-align: right; background: #E0211E; color: #FFF; font-size: 12px; line-height: 14px; padding: 5px;}
.promotion .detail {background: #EEE; width: 100%; height: 164px;}

.front-marquee-wrapper {background: #ececec;}
.front-marquee {margin:0 0 0 10px; padding:0;}
.front-marquee li {list-style:none; margin:0; padding:5px 15px 5px 0; float: left;}
.front-marquee li:last-child {padding-right: 0px;}
.front-marquee li img {height: 252px;}
.front-marquee li a {display: block; transition: box-shadow 500ms;}
.front-marquee li a:hover {box-shadow: 2px 1px 5px 3px #CCC;}

.front-product {background: #FFF url('/site-corporatepixie/asset/campaign/open/ribbon.jpg') top left no-repeat; text-align:center; padding-left: 100px;}
.front-product .image {float:right; margin: 10px 0;}
.front-product .desc {padding-top:120px;}
.front-product .price {font-family: sans; font-size: 48px; line-height: 50px; padding: 25px 0 0 0;}
.front-product .shipping {font-family: sans; font-weight: 300; font-size: 18px; line-height: 24px; margin-bottom: 20px; color: #AAA;}
.front-product p {line-height: 24px; font-size: 16px; font-weight: bold;}

.front-features {background: #FFF; margin: 10px; padding: 20px;}
.front-features .image {float:left;}
.front-features ul {height: 200px; margin-left: 300px;}
.front-features li {list-style:none; background: url('/site-corporatepixie/asset/icon/check-24.png') left no-repeat; height: 30px; line-height: 30px; font-size: 16px; padding-left: 30px; margin: 10px;}

/* Content Page */
.static_page {padding:0 15px; min-height: 640px;}
.static_page h1 {padding-left:0;}

/* Product */
.product-detail {margin-right: 210px;}
.product-detail .detail-nav{
	padding: 10px 0 0 10px;
	background: rgb(236,236,236);
	background: -moz-linear-gradient(top,  rgba(236,236,236,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(236,236,236,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 );
}
.product-detail .detail-nav h1 {float: left; padding: 0px; border: none; font-size: 18px; background: none;}

.product-showcase {float: left; width: 578px; padding: 10px; background: #FFF;}

.product-showcase {position: relative; float: left;}
.product-showcase .preview {overflow: hidden;width: 578px; height: 416px; position: relative; margin-bottom: 12px;}
.product-showcase .zoom {
	width: 152px; height: 152px;
	position: absolute; display:none; left:50%; width: 100px; height: 100px; background: #FFC; opacity: 0.9;
}
.product-showcase .view {
	position: absolute; display:none; border: 1px solid #DDD;  z-index: 10;
	top: 0; left: 500px; width: 478px; height: 478px;
	background: #FFF; background-repeat:no-repeat;
}
.product-showcase .thumbs li {cursor: pointer; width: 105px; height:80px; border: 1px solid #FFF; text-align:center; list-style:none; float: left; margin: 5px 10px 0 0;}
.product-showcase .thumbs li.current {border: 1px solid #DDD;}
.product-showcase .thumbs li:last-child {margin-right:0;}
.product-showcase .thumbs img { height: 80px;}

.product-information {margin-left: 610px; background: #FFF; padding: 35px 20px 0 20px; height: 500px; position: relative;}
.product-information h1 {font-size: 18px; font-weight: bold; line-height: 22px; border:none; color: #000; padding: 0; margin: 0;}
.product-information h2 {font-size: 16px; font-weight: bold; line-height: 22px; border:none; color: #000; padding: 0; margin: 0;}

.product-socials {position: absolute; bottom: 5px; right: 10px;}


/* Shopping Cart */
.product .hlt {font-weight: bold; color: #6EBCEC;}
.cart-recommend-products li{ list-style:none; float: left; width: 20%; margin: 20px 0; padding:0; text-align:center;}
.cart-login .loginMain {margin: 20px 30px;}
.cart-login .loginMain h2 {border:none; margin-left:0; padding-left:0;}
.cart-login .loginLeft {width: 300px;}
.cart-login .loginRight {width: 400px; border-left: 1px solid #EEE; padding-left: 100px;}

.cart-product-list {margin:0; border: 1px solid #DDD;}
.cart-product-list li {list-style:none; padding: 5px;}
.cart-product-list li.header {background: #EEE; height: 1.5em; font-weight:bold;}
.cart-product-list li.product {border-top: 1px solid #DDD;}
.cart-product-list .name {float:left; width:600px;}
.cart-product-list .price {float:left; width:80px; text-align:right; padding-right: 10px;}
.cart-product-list .action {float:left; width:40px; text-align: center;}
.cart-product-list .total {float:left; width:80px; text-align:right; padding-right: 10px;}
.cart-product-list .qty {float:left; width:80px; text-align: center;}

.cart-guarantee {position: absolute; top: 0px; left: 5px; width: 250px; font-weight: bold;}
.cart-shipping {margin-left: 300px; float:left; width: 330px;}
.cart-total {float: right; width: 250px; text-align: right;}
.cart-total th {text-align: left;}
.cart-actions {margin-top: 20px; text-align: right;}

/* Shopping process steps */
.shopping-steps li {display: inline; color: #666;}
.shopping-steps li.sep {padding: 0 4px; color: #CCC;}
.shopping-steps li.current {color: #1F6888; font-weight: bold;}

#checkout-form > .pull-left {width: 470px;}
#checkout-form > .pull-right {width: 450px;}

/* Order Status*/
.job-status {color: purple;}
.job-status.onhold {color: red;}
.job-status.shipped {color: green;}

/* Clue */
.clue-dialog-title {background: #1F6888;}

/* Scroll bar */
.scroll::-webkit-scrollbar { width: 12px; }
.scroll::-webkit-scrollbar-track { background: #DDD; }
.scroll::-webkit-scrollbar-thumb:hover { background: #AAA; }
.scroll::-webkit-scrollbar-thumb { background: #BBB; }