* { padding: 0; margin: 0; }
html { overflow-y: scroll; }
body { font: 12px/1.5 微软正黑, Arial, sans-serif; line-height: 1.2em; border: 0; margin: 0; padding: 29px 0 0 0; color: #000000; background: #ffffff; }

a { color: #000000; text-decoration: none; outline: none; cursor:pointer; }
a:hover { text-decoration: none; }

input[type=text], input[type=password], textarea, select { border: 0; color: #3b3b3b; width: 100%; }
input[type=image] {border: 0;}
input[type=text], textarea {width: 100%;}
input.helper, textfield.helper { color: #aaaaaa; }

button, .button {line-height: 1em; background: #444444; color: #ffffff; border: 0; cursor:pointer; text-transform: uppercase; padding: .5em 1em; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
button:hover, .button:hover { background-color: #555555; color: #ffffff; }
button[disabled] {background: #888888;}

label.error {color: #ff0000 !important; margin-top: 2px; display: block;}
.right {text-align: right;}
.hidden {display: none;}
.link {text-decoration: underline; cursor: pointer;}
.fl { float: left; }
.fr { float: right; }
.tac { text-align: center; }
.thumbnails li {float: left;}

#wrap {padding:0px; margin:0 auto; width:1020px; clear:both; text-align:left; position: relative;}

/***** Header Promos *****/
#special-promo { float: left; background: #ffff9b; color: #333; font-size: 12px; margin: 9px 0 0 145px; padding: 7px; text-align: center;}
#special-promo a { padding: 5px 5px; color: #222 !important; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#special-promo a.notice { background: #d9ffd1; }
#special-promo span { padding: 5px 2px; }
#special-promo span a { padding: 5px 2px; text-decoration: underline; font-size: 11px; }
#special-promo.profile { margin-left: 20px; }
#store-nav #special-promo { margin-top: -1px; }

/***** Header Promos *****/
#special-promo-v2 { background: #fff; color: #000; font-size: 12px; padding: 0px; text-align: center; position: absolute; top: 0; z-index: 100; width:100%;height:70px;line-height:70px;}
#special-promo-v2 a{ color:#000;font-size:14px;}
#special-promo-v2 a:hover{ color:#000;font-size:14px;}
#special-promo-v2 ul{width:100%;float:right;text-align:center;}
#special-promo-v2 ul li{float: right; text-align: center; height:70px;background:none;}
#special-promo-v2 ul li span{background: none repeat scroll 0 0 #ccc;height: 16px;margin: 0 15px;text-indent: -9999px;width: 1px;float:right;margin:7px 0px 7px 10px;}
#special-promo-v2 ul li.username{background: url('/images/i_user.png') no-repeat right center;padding-right:20px;}

.yonghu{background:url('/images/icon_user_off.png') no-repeat 0 3px;padding-left:20px;}
.yonghu:hover{background:url('/images/icon_user_on.png') no-repeat 0 3px;}

#special-promo-v2 .gouwuche a{background:url('/images/icon_shopping-car_off.png') no-repeat -2px 1px;padding-left:22px;}
#special-promo-v2 .gouwuche a:hover{background:url('/images/icon_shopping-car_on.png') no-repeat -1px 1px;}

#special-promo-v2 .homepage a{background:url('/images/icon_home_off.png') no-repeat 0 3px;padding-left:22px;}
#special-promo-v2 .homepage a:hover{background:url('/images/icon_home_on.png') no-repeat 0 3px;}



.promotion-free-shipping { color: #090; font-weight: bold; }
.promotion-free-shipping a { text-decoration: underline; font-weight: bold; }
.promotion-free-shipping.cart { font-size: 14px; font-weight: bold; color: #090; float: right; margin-right: 25px; }
.promotion-free-shipping.cart.exclusion { font-weight: normal; color: black; }
.promotion-free-shipping.cart span { font-weight:bold; color:#ee008a; }
.promotion-free-shipping.exclusion { color: black; font-weight: bold; }
  .promotion-free-shipping.exclusion .tooltip { color: #ee008a; font-weight: bold; }

#top { font-size: 12px;background:#a1c6ca;}
#top a {color: #222;}
#top i {display: none;}
#top input, #top button {font-size: 12px; float: left; height: 25px; border: 0; padding: 0 7px;}

/* margin:0 auto 0 auto; width:1000px; */
#top_wrap { padding: 2px 0; clear:both; position:relative; }
	#top_wrap .top-bar { min-height: 34px; clear: both; position: relative; }
#top .logo { position: absolute; left: 0; top: 3px; width: 130px; height: 34px; display: block; background: url(/images/logo.png) no-repeat; cursor: pointer; background-size:130px 34px;}
#top h2 {position: absolute; left: 120px; background: url(/images/store/top-and.gif) no-repeat; width: 14px; height: 16px; top: 11px;}
#top h3 {position: absolute;}
#top h3 a {display: block;}

#store-nav {float: right; margin-top: 12px; font-size: 14px;}
#store-nav li {float: left; margin-left: 2em;}

#top-left {float: left; margin-left: 138px; margin-top: 4px;}
#top-left li {float: left; font-weight: 500; font-size: 1.1em; padding: 8px 10px;}
#top-left li a {display: block; text-decoration: none;}
#top li.on a, #top li a:hover {color: #ff0066;}

#top-right {float: right; margin-top: 5px; font-size: 12px; }
#top-right li { float: left; margin-left: 18px; line-height: 28px; height: 28px; position: relative; }
#top-right li:first-child { margin-left: 0; }
	#top-right li.cart,
	#top-right li.cart a { font-family: Arial; font-style: normal; }

#top-right .fb2 { margin: -6px 0 0 10px; width: 18px; }
#top-right .tw2 { margin: 3px 0 0 5px; width: 15px; }
#top-right .login { float: left; width: 20px; height: 20px; margin: 4px 0 0 7px; cursor: pointer; }
.login.fb { background: url(/images/icons/facebook.png) 0px 0px no-repeat; padding-left:18px;}
.login.tw { background: url(/images/icons/twitter-20.png) top left no-repeat; }
#top-right .divider { position: absolute; top: 50%; right: -10px; width: 1px; height: 14px; margin-top: -7px; background: #ccc; }

#top .dropdown {background: url(/images/top-dropdown-w.gif) 100% 2px no-repeat; padding-right: 16px;}

#PromoBanner { margin-bottom: 10px; border: none; }

#menu-user-dropdown {top: 27px; left: -7px; position: absolute; display: inline; z-index: 9999; width: 90px; background: none; display: none; }
#menu-user-dropdown li {float: none; margin: 0; text-align:center;}
#menu-user-dropdown li:last-child {border-top: 1px dotted #aaa; padding-top: 2px;}
#menu-user-dropdown a { color: #000 !important; display: block;background:none;}
#menu-user-dropdown a:hover {color: #fff !important;background:#67C7D0}

.menu-dropdown {top: 30px; position: absolute; display: inline; z-index: 9999; background: #fff; display: none; }
.menu-dropdown li { float: none !important; display: block !important; margin: 0; padding: 0 !important;}
.menu-dropdown li.last {border-top: 1px dotted #aaa; margin-top: 3px; padding-top: 3px;}
.menu-dropdown a {color: #333 !important; display: block;}
.menu-dropdown a:hover {color: #ff0066 !important;}

#onesies .bottom-shadow { padding-left: 200px; width: 800px; }

#top-search-form {float: right; }
#top button { width: 32px; margin-left: 1px; background: none; color: #ccc; }

#top-search { z-index: 100; }
#top-search input { width: 200px; line-height:25px;}
#top-search #top-search-btn { background: url(/images/icon_search.png) no-repeat -4px 8px; height:44px;padding:0px;width:34px;vertical-align:top;}
#top-search .input-wrap { border: 0; padding: 0; margin: 0; background: #ff0000; }

/* Notifications */
#top-right .Notifications { position: absolute; top: 30px; left: 50%; margin-left: -200px; z-index: 200; background: #eee; width: 400px; height: 600px; overflow-y: auto; overflow-x: hidden; }
#top-right .Notifications li { float: none; list-style: none; display: block; width: 100%; padding: 5px; margin: 0!important; border-bottom: 1px solid #ccc; line-height: 18px; height: auto; color: #666; }
#top-right .Notifications li.unread { background: #ddd; color: #222; }

/* Login */
#top-login { position: absolute; right: 0; background: #fff; padding-left: 280px; margin-top: 6px; color: #555; }
#top-login button { background-color: #ccc; color: #6c6c6c; }
#top-login button:hover { background-color: #555555; color: #ffffff; }
#top-login label { float: left; padding: 6px; margin-left: 10px; }
#top-login input {width: 130px; background: #f0f0f0;line-height:25px;}
#top-login .login-input-go {margin-left: 4px;}
input#top-persistent {width: 20px;}
#top-login button {margin-left: 7px;}


#minicart {background: url(/images/icons/cart-16.png) 0px 50% no-repeat; }

#minicart-s6 {position: absolute; top: 0; right: 0; background: #fb0723 url(/images/icons/cart-16.png) 5px 50% no-repeat; color: #ffffff; padding: 3px 10px 3px 25px; text-align: right;}
#minicart-s6:hover { background-color: #ff1733; }


.breadcrumb {height: 20px; text-transform: uppercase; font-size: 11px; color: #000000}
.breadcrumb li a {color: #999999;}
.breadcrumb li {float: left; line-height: .9em; padding-right: 12px; margin-right: 8px; background: url(/images/store/breadcrumb_arrow.gif) no-repeat right center;}
.breadcrumb li:last-child {background: transparent;}

ul.row li {float: left; margin-right: 10px;}
ul { list-style-type: none; }

#footer {color: #868684; margin-top: 10px;}
#footer a {color: #666;}
#footer a:hover {text-decoration: underline;}
#footer .nav {font-size: 1.1em;}
#footer .nav a {margin-right: 20px; padding-top: 1px;}
#footer .nav li {float: left;}
#footer .nav li.right {float: right;}
#footer .nav li.on a {color: #27d9f6;}
#footer .legal {margin: 24px 0;}
#footer .copyright {float: left; width: 720px; padding-top: 3px;}
#footer .cards {float: right; text-indent: -9999px; background: url(/images/ccs.png) no-repeat 0 0; width: 184px; height: 20px;}
#footer .logo {float: right; width: 100px; margin-top: -7px;}

#footer .twitter a {background: url(/images/ico-twitter.png) no-repeat; padding-left: 19px;}
#footer .facebook a {background: url(/images/ico-facebook.png) no-repeat; padding-left: 19px;}
#footer .pinterest a {background: url(/images/ico-pinterest.png) no-repeat; padding-left: 19px;}
#footer .instagram a {background: url(/images/ico-instagram.png) no-repeat; padding-left: 19px;}
#footer .s6app a {background: url(/images/ico-s6.png) no-repeat; padding-left: 19px;}
#footer ul.section { float: left; margin-right: 60px; }
#footer ul.section.last { margin-right: 0; }
#footer ul.section li {margin-bottom: 3px;}
#footer ul.section li a {padding-top: 2px; padding-bottom: 2px;}
#footer ul.section li:first-child {text-transform: uppercase;}
#footer .connect { float: right; }
#footer .banner { float: right; margin-right: 60px; text-align: center; }


#footer_newsletter {float: right; color: #555555; font-size: 12px; margin-top: 7px;}
#footer_newsletter label {display: block; font-weight: bold; padding-bottom: 3px;}
#footer_newsletter input {width: 220px; border: 1px solid #eeeeee; font-size: 12px; height: 27px;}
#footer_newsletter button {background: #eeeeee; color: #555555;}

.title h2 {font-weight: bold;}

.cards a {text-decoration:none;}
.cards li {float: left; margin-right: 7px; margin-bottom: 10px;}
.cards h1,
.cards h2 {white-space: nowrap; overflow: hidden; height: 18px; text-transform: uppercase; max-width:160px;overflow:hidden;}
.studio-content .cards li {margin-right: 14px;}
.studio-content .cards li:last-child {margin-right: 0;}
.studio-content select {width: auto;}

#MySociety .content-head { padding: 10px 0 6px; }
#MySociety .content-head h1 { font-size: 24px; margin-bottom: 12px; }
#MySociety .filters { margin-top: -24px; }
#MySociety .filters li { font-size: 16px; text-transform: none; }

#Announcements { float: left; margin-bottom: 15px; clear: both; }
#Announcements li { float: left; width: 240px; height: 120px; overflow: hidden; border: 1px solid #ddd; margin: 5px 4px; position: relative; list-style: none; background: #ccc; }
	#Announcements li span { opacity: 0; display: block; padding: 7px 10px; position: absolute; bottom: 0; background: rgba(255,255,255,0.8); color: #444; width: 220px; font-size: 12px; line-height: 16px; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
	#Announcements li:hover span { opacity: 1; }
	#Announcements li img { width: 100%; }

#Mason { margin-bottom: 20px; display: block; width: 100%; }
#Mason .card { float: left; width: 240px; border: 1px solid #ddd; position: relative; margin: 5px 4px; }
#Mason .card.announcement { border: 2px solid #ff0066; margin: 4px 3px; }
	#Mason .card img.photo { display: block; padding: 0; border: none; width: 100%; background: #ddd; }
	#Mason .card .text-wrap { padding: 8px 10px; position: relative; }
	#Mason .card .image-wrap { position: relative; border-bottom: 1px solid #ccc; background: #eee; }
		#Mason .card .image-wrap img { display: block; }
	#Mason .card .overlay { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
	#Mason .card .overlay .close { position: absolute; top: -7px; right: -7px; z-index: 8; cursor: pointer; }
	#Mason .card.announcement .overlay,
	#Mason .card .image-wrap:hover .overlay { opacity: 1; }
		#Mason .card .overlay .label { background: rgba(255,255,255,0.85); padding: 7px 10px; font-size: 11px; position: relative; z-index: 5; }
		#Mason .card .overlay .full { position: absolute; display: block; top: 0; width: 100%; height: 100%; z-index: 2; }
		#Mason .card .overlay .promo { position: absolute; top: 10px; right: 10px; z-index: 5; }
		#Mason .card .overlay .promoteButton { position: absolute; top: 12px; right: 12px; z-index: 5; border-radius: 5px; background: #eee url(/images/icons/promo-16_1.png) center no-repeat; width: 36px; height: 30px; cursor: pointer; }
			#Mason .card .overlay .promoteButton.promoted { background: #eee url(/images/icons/promo-16_2.png) center no-repeat; cursor: normal; }
	#Mason .card .title { float: none; margin: 0 0 4px; line-height: 12px; /* width: 165px; */ }
	#Mason .card .title.noprice { width: auto; }
		#Mason .card .title a { color: #222; font-size: 12px; }
	#Mason .card .price { position: absolute; top: 7px; right: 10px; }
	#Mason .card .bottom { font-size: 11px; color: #999; }
		#Mason .card .bottom .avatar { float: left; margin-right: 5px; border: 1px solid #ccc; margin-top: -2px; }
	#Mason .card .author { float: left; color: #999; line-height: 20px; }
	#Mason .card .stats { float: right; }
		#Mason .card .comments-count { background: url(/images/icons/comments-light-16.png) left no-repeat; padding-left: 18px; margin-right: 4px; }
		#Mason .card .promotes-count { background: url(/images/icons/promotions-light-16.png) left no-repeat; padding-left: 16px; cursor: pointer; }
            #Mason .card .promotes-count.promoted { background: url(/images/icons/promo-16_2.png) left no-repeat; font-weight: bold; }
		#Mason .card .promo { position: absolute; z-index: 2; right: 8px; }
		#Mason .card .promo .status { line-height: 18px; height: 18px; max-width: 1px; text-indent: 100px; -webkit-transition: max-width 0.2s ease-out; -moz-transition: max-width 0.2s ease-out; transition: max-width 0.2s ease-out; overflow: hidden; }
		#Mason .card .promo .promo-count { line-height: 16px; }
		#Mason .card .promo:hover .status { max-width: 100px; text-indent: 0; }
.goTop { display: none; position: fixed; z-index: 5; bottom: -5px; right: 20px; width: 50px; height: 55px; background: #000 url('/images/go-top.png') 15px 10px no-repeat; color: #fff; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#Mason .comments { font-size: 11px; margin: 0 0 10px; border-top: 1px solid #ddd; }
		#Mason .comments .header { padding: 8px 10px; border-bottom: 1px solid #ddd; }
			#Mason .comments .header strong { font-weight: bold; }
		#Mason .comments li { padding: 10px 10px 0; position: relative; display: block; word-wrap: break-word; }
		#Mason .comments li.avatar { padding-left: 44px; }
			#Mason .comments li.avatar img { border: 1px solid #ccc; position: absolute; top: 10px; left: 10px; }
	#Mason .addComment { padding: 10px 10px 0; position: relative; text-align: right; }
	#Mason .addComment.expand { padding: 10px 10px 0 44px; }
		#Mason .addComment img { position: absolute; top: 10px; left: 10px; border: 1px solid #ccc; display: none; }
		#Mason .addComment.expand img { display: block; }
		#Mason .addComment textarea { padding: 3px 5px; border: 1px solid #ccc; background: #f3f3f3; line-height: 16px; display: block; width: 208px; height: 18px; margin-bottom: 6px; resize: none; }
		#Mason .addComment.expand textarea { width: 174px; height: auto; }
		#Mason .addComment button { display: none; }
		#Mason .addComment.expand button { display: inline-block; }

.size-j li h2 { width:192px; margin-top: 4px; }
.size-fp h1 { width: 270px !important; }

.product .preview {float: left;}
.product .preview a {color: #aaaaaa;}
.product .details { margin-left: 410px;}
.product .details .cards li { margin-right: 5px !important;}
.product p { margin-bottom: 1em; }
.product h1 {font-size: 20px; padding-bottom: .3em; line-height: 1.3em;}
.product h2 {font-size: 15px; text-transform:uppercase; padding-bottom: .3em; margin-top: 20px;}
.product .price {font-weight: bold; font-size: 20px; margin-top: .3em;}
.product .preview + p { clear: both; }

.type_prints .preview img {border: 1px solid #eee !important; padding: 20px !important; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);}
.type_prints .details { margin-left: 460px;}

.type_canvas .preview img {box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.2);}
.type_canvas .details { margin-left: 420px;}

.discount {color: #888888; font-weight: normal; margin-top: 10px; text-decoration: line-through;}

.product_options li {margin-bottom:10px;}
.product_options li label {color: #888888; display: block;}

#wrap .product select {border: 1px solid #5e5e5e; padding: 3px;}
.add_tocart {font-size:14px;}
#wrap .product .add_tocart:hover {background: #555555;}

.clear { clear: both; }
.clearfix:after {
	content: "."; 
	display: block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;}

/* SEO product landing */
.productLanding strong { font-weight: bold; }
.productLanding h1, .productLanding h2, .productLanding h3 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: .5em 0 .5em; text-transform: uppercase; line-height: 1.2em; }
.productLanding h1 { font-size: 28px; margin: 0 20px 10px 0; border-bottom: 2px solid #000; padding-bottom: 10px; }
.productLanding h2 { font-size: 18px; font-weight: normal; }
.productLanding h2.divided { border-bottom: 2px solid #000; padding-bottom: .5em; }
.productLanding .landingMain { width: 800px; float: left; margin: 0 0px 40px 0; }
.productLanding .landingSidebar { width: 200px; float: left; }
.productLanding .featuredProducts .leftCol { width: 380px; float: left; margin-right: 20px; }
.productLanding .featuredProducts .leftCol img { width: 380px; height: 410px; }
.productLanding .featuredProducts .leftCol button#cart-submit { display: block; float: right; clear: both; margin-bottom: 5px; }
.productLanding .featuredProducts .rightCol { width: 400px; float: left; }
.productLanding .featuredProducts .prodWrap { width: 180px; margin: 0 20px 10px 0; float: left; }
.productLanding .productListing { clear: both; margin-top:30px; }
.productLanding .prodGrid { width: 180px; float: left; margin: 0 20px 20px 0; }
.productLanding .prodGrid img { width: 180px; height: 180px; }
.productLanding .moreLinks { font-size: 11px; }
.productLanding .moreLinks ul li a { text-transform: capitalize; color: #000; display: block; margin-bottom: .5em; }
.productLanding .moreLinks a:hover { color: #009aff; }
.productLanding .prodTitle { display: block; text-transform: uppercase; }
.productLanding .prodCat { display: inline-block; }
.productLanding .prodPrice { display: inline-block; float: right; }
.productLanding .prodWrap img { width: 180px; height: 180px; }
.productLanding .prodWrap button#cart-submit, .prodGrid button#cart-submit { font-size: 12px; float: right; margin-top: 5px; padding: 5px 10px; }
.productLanding #videoTranscript { display:none; }
.productLanding .promoted { background: url('/images/icons/promo-16_2.png') no-repeat; color: #ed008c; padding-left: 18px; display: inline-block; font-weight: bold; }
.productLanding .contentMain { margin-bottom: 2em; padding-right: 40px; }
.productLanding .modalTitle { font-size: 24px; margin-bottom: .5em; line-height: 1em; }
.productLanding .showMore { display: block; padding: 5px 0; color: #026e92; background-color: #d9f6fe; margin: 0 auto; clear: both; width: 75px; text-align: center; }
#videoContainer { display: none; width: 854px; height: 480px; }
.productLanding .videoSidebar { margin: 12px 0 30px 0; }

/* Product Landing Videos  */
.modalTitle { font-size: 24px; margin-bottom: .5em; line-height: 1em; }
.videoContainer { float: left; width: 854px; height: 480px; display: none; }
.videoBanner { float: left; width: 1000px; height: 145px; }
#videoTranscript { display: none; }
#openTranscript { float: right; color: #000; }
#videoPostplate { background-color: #000; width: 854px; height: 330px; padding-top: 150px; display: none; }
	#videoPostplate a { color: #FFF; }
#replayButton { display: block; width: 300px; margin: 0 auto; }
#continueButton { display: block; width: 360px; margin: 0 auto; }
.plVideo { height: 125px; display: block; margin-top: 10px; }


#minicart { 
background: url(/images/icons/cart-24b.png) 0px 50% no-repeat; padding-left:25px;}

#top .wishlist { background: url(/images/wishlist.png) 1px 5px no-repeat; background-size: 16px 15px; }
	#top .wishlist a { padding-left: 22px; }
	.filled.cart #minicart {
  color: #E90F8C;
  font-weight: bold;
}

#infscr-loading {position: absolute; bottom: -20px; width: 100%; text-align: center;}