body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body { font-family: Arial, Helvetica, sans-serif; text-align: center; background-image: none; background-color: #000; }
body a { outline: none; }

#page { position: relative; width: 900px; margin: 0 auto 20px; background-color: #000; }

#header { position: relative; height: 120px; margin-top: 20px; }
h5 { position: absolute; top: 40px; left: 0; width: 228px; height: 54px; background: transparent url(images/onetribe.png) no-repeat; overflow: hidden; }
h5 a { display: block; width: 100%; height: 100%; }

#navi-cart { position: absolute; top: 64px; right: 0; color: #888a8c; font-size: 17px; font-weight: bold; margin-top: -1px; letter-spacing: 0.07em; background: #000 url(images/cart.png) no-repeat right 1px; padding: 0 35px 0 0; text-decoration: none; text-transform: uppercase; }
#navi-cart:hover, #navi-cart.active { color: #fff; background-position: right -18px; }

ul.navi { position: absolute; top: 67px; right: 97px; font-size: 11px; line-height: 12px; letter-spacing: 0.07em; text-transform: uppercase; }
ul.navi li, ul.navi-footer li { float: left; display: inline; border-right: 1px solid #9fab7e; padding: 0 10px; }
ul.navi a { color: #9fab7e; text-decoration: none; }  
ul.navi a:hover, ul.navi a.active, ul.navi-footer a:hover, ul.navi-footer a.active { color: #fff; }
ul.navi li.share { position: relative; }

ul.navi-footer { position: absolute; top: 20px; right: 0; line-height: 11px; letter-spacing: normal; }
ul.navi-footer li, ul.navi-footer a { color: #777; text-decoration: none; }
ul.navi-footer li { border-right-color: #555; }
ul.navi-footer li.last { border-right: none; padding-right: 0; }

ul.navi-lang { position: absolute; top: -10px; right: -15px; }
ul.navi-lang li { float: left; display: inline; line-height: 16px; margin-right: 15px; }
ul.navi-lang a { color: #777; text-decoration: none; }
ul.navi-lang a.en { background: #000 url(images/flag_us.png) no-repeat 0 1px; padding-left: 20px; }
ul.navi-lang a.cn { background: #000 url(images/flag_cn.png) no-repeat 0 1px; padding-left: 20px; }
ul.navi-lang a:hover { color: #fff; }

div.promise { position: relative; border-top: 1px solid #504f50; width: 900px; height: 180px; margin-top: 10px; }
img.promise { margin: 20px 0 0 55px; }
h1.hp { position: absolute; top: 10px; left: 0; width: 604px; height: 90px; background: #000 url(images/header_help_people.png) no-repeat; }
h4.hp { position: absolute; top: 135px; left: 0; width: 590px; height: 16px; background: #000 url(images/header_learn_what_happens.png) no-repeat; }
div.free-shipping { position: absolute; top: 0; left: 655px; width: 177px; height: 160px; border-left: 1px solid #504f50; }
h5.hp { position: relative; width: 125px; height: 58px; background: #000 url(images/free_shipping.png) no-repeat; margin: 10px 25px; padding: 0; } 

div.org { position: relative; height: 169px; border: 1px solid #504f50; margin-bottom: 10px; }
h3 { display: block; background-color: #000; background-repeat: no-repeat; }
h3.cai { width: 139px; height: 57px; background-image: url(images/hp_cai.png); margin: 15px 0 15px 15px; }
h3.chi { width: 159px; height: 59px; background-image: url(images/hp_chi.png); margin: 15px 0 15px 15px; }
h3.gvb { width: 159px; height: 63px; background-image: url(images/hp_gvb.png); margin: 15px 0 15px 15px; }
h3.gs { width: 117px; height: 56px; background-image: url(images/hp_gs.png); margin: 15px 0 15px 15px; }
h3.pj { width: 130px; height: 28px; background-image: url(images/hp_pj.png); margin: 15px 0 15px 15px; }
h3.wpi { width: 105px; height: 31px; background-image: url(images/hp_wpi.png); margin: 15px 0 15px 15px; }
div.org table { width: 255px; margin-left: 15px; }
h6 { width: 62px; height: 59px; background: #000 url(images/shirt.png) no-repeat; padding: 5px 15px 5px 0; }
#content div.org p { color: #fff; font-size: 12px; line-height: 16px; text-align: left; }
a.shirt-men, a.shirt-women { display: block; width: 309px; height: 169px; overflow: hidden; }
a.shirt-men { position: absolute; top: 0; right: 309px; }
a.shirt-women { position: absolute; top: 0; right: 0; }
a.shirt-men:hover span, a.shirt-women:hover span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; background-color: #fff; opacity: 0.2; }

#content { background-color: #000; position: relative; text-align: left; }
h1 { color: #fff; font-size: 24px; font-weight: bold; margin: 20px 0; }
h2 { color: #ccc; font-size: 16px; font-weight: bold; margin: 20px 0 10px; }
h3 { color: #ccc; font-size: 14px; font-weight: bold; margin: 20px 0 10px; }
#content a { color: #f8981d; text-decoration: none; }
#content a:visited { color: #b36d15; }
#content div.cart-content a, #content div.cart-content a:hover, #content div.cart-content a:visited { color: #1e7ec8; }
#content a:hover { color: #f8981d; text-decoration: underline; }
h1.your-story { width: 170px; height: 42px; background: #000 url(images/header_your_story.png) no-repeat; margin: 20px 0; }
h1.privacy { width: 119px; height: 43px; background-image: url(images/header_privacy.png); margin: 20px 0; }
h1.contact { width: 129px; height: 36px; background-image: url(images/header_contact.png); margin: 20px 0; } 
h1.news { width: 92px; height: 34px; background-image: url(images/header_news.png); margin: 30px 0; }
h1.size-charts { width: 178px; height: 35px; background-image: url(images/header_size_charts.png); margin: 40px 0 20px; }
#content p { color: #fff; font-size: 14px; margin-bottom: 12px; line-height: 18px; }
h3.promise { width: 227px; height: 37px; background-image: url(images/header_5050promise.png); margin: 25px 0; }
h3.company { width: 151px; height: 46px; background-image: url(images/header_company.png); margin: 25px 0; }
h3.partners { width: 145px; height: 38px; background-image: url(images/header_partners.png); margin: 25px 0; }
h3.product { width: 127px; height: 36px; background-image: url(images/header_product.png); margin: 25px 0; }
h3.guarantee { width: 163px; height: 36px; background-image: url(images/header_guarantee.png); margin: 25px 0; }
h3.cart { width: 220px; height: 46px; background-image: url(images/header_shopping_cart.png); margin: 20px 0; }
h3.checkout { width: 150px; height: 35px; background-image: url(images/header_checkout.png); margin: 20px 0; }
h3.st-men { width: 35px; height: 14px; background-image: url(images/header_table_men.png); margin: 0; }
h3.st-women { width: 65px; height: 14px; background-image: url(images/header_table_women.png); margin: 0; }
#product_addtocart_form, .product-collateral, .product-collateral .up-sell .generic-product-grid td { background-color: #000; }
.product-options { background-color: #000; }
.linkbox { float: left; margin-right: 50px; }

div.footer-content { position: relative; height: 50px; clear: both; }
div.video-wrapper { position: relative; float: right; width: 360px; height: 270px; margin: 0 0 20px 40px; border: 1px solid #777; background: transparent url(images/loading_dark.gif) no-repeat center; }

/* Gallery Styles */
h2.gallery-men { width: 137px; height: 25px; background: #000 url(images/gh_men_gallery.png) no-repeat; margin: 30px 0; }
h2.gallery-women { width: 171px; height: 25px; background: #000 url(images/gh_women_gallery.png) no-repeat; margin: 30px 0; }
h3.gallery-cai { width: 62px; height: 25px; background-image: url(images/gh_cai.png); margin: 0 0 30px; } 
h3.gallery-chi { width: 62px; height: 24px; background-image: url(images/gh_chi.png); margin: 0 0 30px; }
h3.gallery-gvb { width: 62px; height: 27px; background-image: url(images/gh_gvb.png); margin: 0 0 30px; }
h3.gallery-gs { width: 45px; height: 23px; background-image: url(images/gh_gs.png); margin: 0 0 30px; }
h3.gallery-pj { width: 50px; height: 11px; background-image: url(images/gh_pj.png); margin: 0 0 30px; }
h3.gallery-wpi { width: 72px; height: 22px; background-image: url(images/gh_wpi.png); margin: 0 0 30px; }
ul.gallery li { float: left; margin: 0 20px 0 0; }
ul.gallery li a { position: relative; display: block; width: 162px; height: 162px; overflow: hidden; border: 1px solid #777; margin-bottom: 20px; }
ul.gallery li a:hover span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; background-color: #fff; opacity: 0.2; }
ul.gallery li.last { margin-right: 0; }
.swatches { margin-top: 20px; }
.swatch-blue, .swatch-brown, .swatch-light-brown, .swatch-green, .swatch-light-green, .swatch-natural, .swatch-orange, .swatch-red { float: left; width: 35px; height: 12px; margin-right: 5px; border: 1px solid #777; }
.swatch-blue { background-color: #21427c; }
.swatch-brown { background-color: #472d13; }
.swatch-light-brown { background-color: #9b7248; }
.swatch-green { background-color: #208b78; }
.swatch-light-green { background-color: #969969; }
.swatch-natural { background-color: #fff5e0; }
.swatch-orange { background-color: #f47b20; }
.swatch-red { background-color: #ca455c; } 

/* Product Styles */
h1.cai { width: 356px; height: 40px; background: #000 url(images/header_cai.png) no-repeat; margin: 55px 0 15px; }
h1.chi { width: 467px; height: 52px; background: #000 url(images/header_chi.png) no-repeat; margin: 55px 0 15px; }
h1.gvb { width: 412px; height: 52px; background: #000 url(images/header_gvb.png) no-repeat; margin: 55px 0 15px; }
h1.gs { width: 304px; height: 52px; background: #000 url(images/header_gs.png) no-repeat; margin: 55px 0 15px; }
h1.pj { width: 193px; height: 52px; background: #000 url(images/header_pj.png) no-repeat; margin: 55px 0 15px; }
h1.wpi { width: 177px; height: 52px; background: #000 url(images/header_wpi.png) no-repeat; margin: 55px 0 15px; }
#content p.item-options { color: #000; font-size: 12px; }
#description { display: none; } 
span.qty-box { padding-top: 2px; }

ul.org-navi li, ul.org-navi a, ul.product-tabs li, ul.product-tabs a { display: block; float: left; }
ul.org-navi li { margin-right: 20px; }
ul.org-navi li a { height: 22px; overflow: hidden; }
ul.org-navi li a:hover, ul.org-navi li a.active { background-position: 0 -22px; }
.cai a { width: 152px; background: #000 url(images/org_nav_cai.png) no-repeat; }
.chi a { width: 183px; background: #000 url(images/org_nav_chi.png) no-repeat; }
.gvb a { width: 162px; background: #000 url(images/org_nav_gvb.png) no-repeat; }
.gs a { width: 119px; background: #000 url(images/org_nav_gs.png) no-repeat; }
.pj a { width: 77px; background: #000 url(images/org_nav_pj.png) no-repeat; }
.wpi a { width: 69px; background: #000 url(images/org_nav_wpi.png) no-repeat; }

ul.product-tabs { position: absolute; top: 106px; right: 117px; }
ul.product-tabs a { height: 29px; overflow: hidden; }
ul.product-tabs li a:hover, ul.product-tabs li a.active { background-position: 0 -29px; }
.men a { width: 63px; background: #000 url(images/tab_men.png) no-repeat; }
.women a { width: 86px; background: #000 url(images/tab_women.png) no-repeat; border: 1px solid #777; border-top: none; border-bottom: none; }
.story a { width: 87px; background: #000 url(images/tab_story.png) no-repeat; }

h3.price { width: 490px; height: 29px; background: #000 url(images/price.png) no-repeat; border-bottom: 1px solid #777; margin: 0; padding: 0 0 15px; }
td.blurb { width: 275px; }

div.shirt-info { border-bottom: 1px solid #777; padding: 5px 0 30px; width: 490px; }
div.shirt-info table { margin-top: 30px; }
div.shirt-info table td { vertical-align: middle; }
#content div.shirt-info p { font-size: 16px; line-height: 24px; margin: 0; }
#content div.shirt-info p em { color: #999; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 16px; }
.one-shirt { padding-right: 20px; }
#content div.shirt-info p.disclaimer { font-size: 10px; line-height: 13px; margin: 12px 18px -10px; }

div.product-info { width: 545px; min-height: 485px; }
div.product-img-box { position: absolute; top: 135px; right: 0; background-color: #fff; width: 355px; padding-top: 10px; }
#product-display { position: relative; margin: 0 44px; }
#loading { position: absolute; top: 130px; left: 50%; margin-left: -15px; width: 31px; height: 31px; background: #fff url(images/loading.gif) no-repeat; z-index: 20; display: none; }

#story { display: none; margin: 0 11px; padding: 0 0 20px; }
#story img { border: 1px solid #777; }
div.story-text { height: 200px; padding: 0 15px 0 0; overflow-y: scroll; }
#content div.story-text p { color: #111; }

#thumbs { position: absolute; width: 355px; height: 1%; bottom: -21px; left: -45px; }
#thumbs ul li { float: left; border: 1px solid #777; margin: 12px 8px 10px 0; background-color: #fff; }
#thumbs ul li a { display: block; width: 56px; height: 56px; margin: 0; padding: 5px; }

div.product-manufacturing { float: left; width: 225px; padding: 15px 25px 0 0; border-right: 1px solid #777; }
#content div.product-manufacturing p { color: #9fa1a4; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 11px; margin-bottom: 0; }
#content div.product-manufacturing p em { color: #e2a025; } 
#content div.product-manufacturing p a { color: #fff; text-decoration: none; }
#content div.product-manufacturing p a:hover { text-decoration: underline; }

div.product-actions { float: left; margin-top: 35px; width: 250px; }
div.product-options-bottom { border: none; }
table.product-opts td { padding-bottom: 10px; }
table.product-opts label { display: block; color: #fff; font-size: 14px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: normal; width: 55px; padding-right: 20px; text-align: right; }
table.product-opts select { width: 130px; }
div.btn-add-to-cart { margin-left: 60px; }
div.validation-advice { margin: 10px 0 0 0; }

/* Cart Styles */
div.cart-content { background-color: #fff; padding: 15px 15px 0; height: 1%; }
div.cart-actions-display {  }
div.promo-code, div.shipping-tax {  float: left; width: 305px; margin: 20px 0; padding: 12px 15px; border: 1px solid #d0cbc1; background:url(../images/base_mini_head_bg.gif) repeat-x #fff; }
div.promo-code { width: 200px; margin-right: 25px; }
div.promo-code h4, div.shipping-tax h4 { font-weight: bold; margin-bottom: 5px; }
div.shopping-cart-totals { margin-top: 20px; }

/* Checkout Styles */
#content-2col { color: #111; text-align: left; }
#content-2col h3 { background-color: transparent; font-weight: bold; }
#checkoutSteps h3 span.step-count { display: inline; width: auto; height: auto; }
#content-2col h4 { font-weight: bold; }
#content-2col div.content-sidebar h3 { color: #777; font-size: 12px; }
.one-page-checkout .active .box { background: none; }
div.wrapper-2col { background-color: #fff; padding: 15px; height: 1%; }
div.content-main, div.content-sidebar { float: left; }
div.content-main { width: 650px; margin-right: 20px; }
div.content-main h4 { margin-bottom: 5px; }
div.content-main p { margin-bottom: 10px; }
p.shipping-info { margin: 0 100px 0 20px; } 

#content-2col div.col-right { float: left; padding-top: 0; }
div.content-sidebar { width: 195px; }
div.content-sidebar h3 { text-transform: uppercase; margin-top: 5px; } 

/* Contact Styles */
div.your-story-form { float: right; width: 530px; margin-bottom: 30px; }
#contactForm fieldset.group-select { border: 1px solid #777; margin: 0; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, ul.org-navi span, ul.product-tabs span { display: block; width: 0; height: 0; overflow: hidden; }
br.clear { display: block; width: 0; height: 0; overflow: hidden; clear: both; }
.clear-left { clear: left; }

/* Size Charts Styles */
table.chart { color: #fff; font-size: 14px; margin: 20px 0; width: 100%; }
table.chart th, table.chart td { border-bottom: 1px solid #fff; padding: 15px; text-align: center; }
table.chart td.wm-left, table.chart th.wm-left { border-left: 1px solid #fff; padding-left: 50px; text-align: left; }
table.chart td.mn-left, table.chart th.mn-left { text-align: left; }
table.chart td.mn-right, table.chart th.mn-right { padding-right: 50px; }
table.chart td.noborder { border: none; }

#content p.size-chart { font-size: 12px; margin: -15px 0 10px 60px; }