/*  HTML5 ✰ Boilerplate  */

@font-face {
    font-family: "Corbel";
    src: url(corbel.ttf) format("truetype");
}


@font-face {
    font-family: "Script MT Bold";
    src: url(SCRIPTBL.TTF) format("truetype");
}
SCRIPTBL.TTF

@charset "iso-8859-1";


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, 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; }

blockquote, q { quotes: none; }


ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

body { font: 13px/1.231 sans-serif; *font-size: small; }

select, input, textarea, button { font: 99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }

a:hover, a:active { outline: none; }

.lt-ie9 a:focus, .lt-ie9 *:focus { noFocusLine: expression(this.onFocus=this.blur()); }

ul, ol { /*margin-left: 2em;*/ list-style: none; }

ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; list-style: none; list-style-image: none; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }

textarea { overflow: auto; }

.lt-ie8 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.lt-ie8 input[type="checkbox"] { vertical-align: baseline; }

.lt-ie7 input { vertical-align: text-bottom; }

label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection { background: #efefef; }

::selection { background: #efefef; }

a:link { -webkit-tap-highlight-color: #efefef; }

button { width: auto; overflow: visible; }

.lt-ie8 img { -ms-interpolation-mode: bicubic; }

:focus { outline: none; }

::-moz-focus-inner { border: 0; }

/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0px; }

/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus { outline: none; }

hr { border-top: solid 1px #ddd; display: block; margin: 0 auto; height: 1px; line-height: 1px; }

/* Sprites */
.global-sprite, .global-footer_facebook, .global-footer_half_moon_icon, .global-footer_ksa_icon, .global-footer_social_google, .global-footer_social_pinterest, .global-footer_social_twitter, .global-footer_social_youtube, .global-franchise_opportunities, .global-header_stripe_bag_icon, .global-header_stripe_down_arrow, .global-header_stripe_search_icon, .global-header_tab_cbtl, .global-header_tab_thecoffeebean, .global-header_tagline, .global-logo, .global-optin_arrow { background: url('global-s3d49709ad0.png') no-repeat; }

/**/
.global-footer_facebook { background-position: 0 -402px; height: 16px; width: 7px; }

.global-footer_half_moon_icon { background-position: 0 -258px; height: 26px; width: 20px; }

.global-footer_ksa_icon { background-position: 0 -179px; height: 26px; width: 42px; }

.global-footer_social_google { background-position: 0 -374px; height: 14px; width: 13px; }

.global-footer_social_pinterest { background-position: 0 -343px; height: 17px; width: 15px; }

.global-footer_social_twitter { background-position: 0 -360px; height: 14px; width: 18px; }

.global-footer_social_youtube { background-position: 0 -326px; height: 17px; width: 17px; }

.global-franchise_opportunities { background-position: 0 -239px; height: 19px; width: 164px; }
.global-franchise_opportunities:hover, .global-franchise_opportunities.franchise_opportunities_hover, .global-franchise_opportunities.franchise_opportunities-hover { background-position: 0 -220px; }

.global-header_stripe_bag_icon { background-position: 0 -434px; height: 13px; width: 12px; }

.global-header_stripe_down_arrow { background-position: 0 -427px; height: 7px; width: 12px; }

.global-header_stripe_search_icon { background-position: 0 -388px; height: 14px; width: 14px; }

.global-header_tab_cbtl { background-position: 0 -284px; height: 21px; width: 73px; }
.global-header_tab_cbtl:hover, .global-header_tab_cbtl.header_tab_cbtl_hover, .global-header_tab_cbtl.header_tab_cbtl-hover { background-position: 0 -305px; }

.global-header_tab_thecoffeebean { background-position: 0 -205px; height: 15px; width: 112px; }

.global-header_tagline {
	background-position: 0 -149px;
	height: 16px;
	width: 264px;
}

.global-logo { background-position: 0 0; height: 149px; width: 149px; }

.global-optin_arrow { background-position: 0 -418px; height: 9px; width: 7px; }

[class^="global-"] { display: block; }

/* GLOBAL VARIABLES & MIXINS
****************************************************/
/* Colors */
/* Fonts */
/* inline-block for IE7+ "@extend .ib" to use within a style */
.ib, header nav.universal .drop#drop-my-bag li a, .btn { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }

/* BASE STYLES
****************************************************/
html, body, header, #main, footer { position: relative; font-family: arial, helvetica, sans-serif; font-size: 11px; }

a, a:visited, a:active { text-decoration: none; color: #c1c1c1; }

a:hover { color: white; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold; }

p { margin: 0; padding: 0; }

ul { list-style: none; overflow: hidden; }
ul > li { float: left; }
ul > li > a { display: block; }

/* z-index stack - keep all here for easy reference
container gets the z-index first, then subsequent elements only as detailed as needed */
#wrapper { z-index: 0; }

#main { z-index: 1; }

footer { z-index: 2; }

header { z-index: 3; }

header nav.universal { z-index: 1; }

header nav.main { z-index: 0; }

/* GENERAL PAGE LAYOUT
****************************************************/
body { background: #d3bca2; color: white; padding-top: 149px; }





body.fancybox-lock { margin: 0 !important; }

/* fix any fancybox bg shifting issues */
#wrapper { width: 1260px; margin: auto; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); }

header { height: 153px; color: white; position: fixed; width: 100%; top: 0; left: 0; }

header .frame { width: 100%; margin: auto; background: url("header_bg.png") center top repeat-x; -webkit-box-shadow: 0 -40px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -40px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 -40px 6px rgba(0, 0, 0, 0.3); }
header .inner { width: 100%; margin: auto; padding: 0; position: relative; }


header nav.universal { font-size: 11px; font-family: arial, helvetica, sans-serif; height: 29px; line-height: 28px; position: relative; }
header nav.universal ul { height: 100%; overflow: visible; }
header nav.universal li { display: block; height: 100%; position: relative; }
header nav.universal li:hover .drop { display: block; }
header nav.universal li a { padding: 0 20px; color: #eae0d5; }
header nav.universal li a:hover { color: #cf661a; }
header nav.universal li.cbtl a { margin: 2px 20px 0 0; padding: 0; }
header nav.universal li.thecoffeebean { background: #2f1c11; }
header nav.universal li.thecoffeebean a { margin: 7px 20px 0 21px; padding: 0; }
header nav.universal li.free-shipping { padding: 0 60px; font-size: 12px; text-transform: uppercase; }
header nav.universal li.free-shipping span { color: #cf661a; }
header nav.universal li.search { line-height: 0; border: solid 1px #75432d; border-top: none; border-bottom: none; position: relative; padding: 0 7px; width: 77px; }
header nav.universal li.search #search-wrap { padding-top: 6px; }
body.lt-ie8 header nav.universal li.search #search-wrap { padding-top: 3px; }
header nav.universal li.search .trigger { background: #662d16; border: none; color: #EAE0D5; width: 96%; padding: 2px 1% 2px 8%; }
header nav.universal li.search i { position: absolute; right: 15px; top: 8px; }
header nav.universal li.search #searchbuttonsolr { position: absolute; right: 16px; top: 8px; display: none; }
header nav.universal li.my-account { border-right: solid 1px #75432d; position: relative; }
header nav.universal li.my-account a { padding: 0 20px 0 35px; position: relative; }
header nav.universal li.my-account a i { position: absolute; left: 17px; top: 11px; }
header nav.universal li.my-bag a { padding: 0 20px 0 40px; position: relative; }
header nav.universal li.my-bag a i { position: absolute; left: 20px; top: 8px; }
header nav.universal .drop { position: absolute; width: 100px; top: 28px; left: 0px; padding: 10px 20px; background: #652e0f; overflow: hidden; font-family: arial, helvetica, sans-serif; display: none; }
header nav.universal .drop ul li { float: none; height: auto; line-height: 19px; }
header nav.universal .drop ul li a { padding: 0; }
header nav.universal .drop#drop-my-account { width: 90px; }
header nav.universal .drop#drop-my-bag { width: 274px; left: -154px; padding: 10px; }
header nav.universal .drop#drop-my-bag img { padding: 5px 20px 0 0; }
header nav.universal .drop#drop-my-bag li { background: white; color: #2f1c11; height: 94px; font-size: 11px; margin-bottom: 4px; overflow: hidden; *zoom: 1; border: solid 1px transparent; }
header nav.universal .drop#drop-my-bag li .inner { padding: 5px; }
header nav.universal .drop#drop-my-bag li .valign-wrapper { height: 100%; }
header nav.universal .drop#drop-my-bag li .valign-position { text-align: left; }
header nav.universal .drop#drop-my-bag li .price { font-weight: bold; font-size: 13px; padding-right: 30px; }
header nav.universal .drop#drop-my-bag li a { color: #2f1c11; font-size: 9px; font-weight: bold; }
header nav.universal .drop#drop-my-bag li a:hover { color: #cf661a; }
header nav.universal .drop#drop-my-bag .total { float: left; padding: 12px 0 0 0; text-align: center; width: 130px; }
header nav.universal .drop#drop-my-bag a.btn { float: right; margin-top: 7px; padding: 5px 16px 6px 16px; }
header .global-logo { margin-top: 12px; }
header .global-header_tagline {
	position: absolute;
	top: 62px;
	left: 201px;
}
header .global-franchise_opportunities { position: absolute; top: 62px; right: 0px; }
header nav.main { position: absolute; top: 112px; right: 0; clear: both; font-size: 14px; left: 200px }
header nav.main ul { overflow: visible; }
header nav.main ul > li { padding: 10px 18px; position: relative; }
header nav.main ul > li .drop { display: none; width: 415px; background: #eae0d5; position: absolute; left: -7px; top: 37px; font-size: 12px; text-transform: uppercase; -webkit-box-shadow: inset 0 7px 7px -7px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 7px 7px -7px rgba(0, 0, 0, 0.5); box-shadow: inset 0 7px 7px -7px rgba(0, 0, 0, 0.5); }
header nav.main ul > li .drop > .inner { padding: 25px; overflow: hidden; width: auto; }
header nav.main ul > li .drop .bottom { padding: 5px 25px 7px 25px; background: #cf661a; color: white; }
header nav.main ul > li .drop .bottom a { color: #eae0d5; }
header nav.main ul > li .drop .bottom a:hover { color: white; }
header nav.main ul > li .drop ul { overflow: hidden; margin-right: 25px; border-right: solid 1px #ccc; width: 160px; float: left; }
header nav.main ul > li .drop ul li { float: none; padding: 0; margin: 0; line-height: 19px; }
header nav.main ul > li:hover .drop { display: block; }
header nav.main ul > li.bridal { margin-left: -2px; }
header nav.main ul > li > a { color: #2f1c11; text-transform: uppercase; }
header nav.main ul > li > a:hover { color: #cf661a; }

header nav.main ul > li .dropnarrow { display: none; width: 205px; background: #eae0d5; position: absolute; left: -7px; top: 37px; font-size: 12px; text-transform: uppercase; -webkit-box-shadow: inset 0 7px 7px -7px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 7px 7px -7px rgba(0, 0, 0, 0.5); box-shadow: inset 0 7px 7px -7px rgba(0, 0, 0, 0.5); }
header nav.main ul > li .dropnarrow > .inner { padding: 25px; overflow: hidden; width: auto; }
header nav.main ul > li .dropnarrow .bottom { padding: 5px 25px 7px 25px; background: #cf661a; color: white; }
header nav.main ul > li .dropnarrow .bottom a { color: #eae0d5; }
header nav.main ul > li .dropnarrow .bottom a:hover { color: white; }
header nav.main ul > li .dropnarrow ul { overflow: hidden; margin-right: 25px; width: 160px; float: left; }
header nav.main ul > li .dropnarrow ul li { float: none; padding: 0; margin: 0; line-height: 19px; }
header nav.main ul > li:hover .dropnarrow { display: block; }

#main { clear: both; overflow: hidden; margin: auto; background: white; color: #2f1c11; }
#main > .inner { min-height: 250px; }
#main a { color: #2f1c11; }
#main a:hover, #main a.active { color: #cf661a; }
#main #breadcrumbs { width: 980px; margin: 50px auto 10px auto; text-transform: lowercase; }
#main #breadcrumbs li { padding: 0 3px;}
#main #breadcrumbs li.home { padding-left: 0; }
#main .content { width: 980px; margin: 0 auto 70px auto; }
#main #breadcrumbs .active { color: #cf661a;}

ul.rating { width: 65px; overflow: hidden; }
ul.rating li { width: 10px; height: 11px; padding: 0 1px; }
ul.rating li a { height: 11px; overflow: hidden; display: block; text-indent: -9999px; background: url("../../images/ratings_sprite.png") 0px 0px no-repeat; }
ul.rating li a:hover, ul.rating li a.full, ul.rating li a.half:hover { background-position: 0 -22px; }
ul.rating li a.half { background-position: 0 -11px; }

.btn { background: #cf661a; color: white; font-size: 16px; text-transform: uppercase; padding: 7px 16px 9px 16px; margin: 0 0 0 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); background: -moz-linear-gradient(top, #d26f27 0%, #c36019 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d26f27), color-stop(100%, #c36019)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d26f27 0%, #c36019 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d26f27 0%, #c36019 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d26f27 0%, #c36019 100%); /* IE10+ */ background: linear-gradient(to bottom, #d26f27 0%, #c36019 100%); /* W3C */ color: white !important; }
.btn:hover { background: #2f1c11; color: white; }
.btn.btn-large { font-size: 24px; padding: 12px 32px 14px 32px; }

.quickview{
	color:#BC7B1B;
	font-family:Corbel;
	font-size:14px;
	}

footer { color: #eae0d5; 
  /*position:fixed;
  bottom:-1px;
  left:0;*/

clear: both; 
margin: auto;
height: 184px; 
background: url("footer_bg2.png") center top repeat-x; 
color: white;  
width: 100%;
}

footer .inner { padding-top: 0px; width: 980px; margin: auto; }
footer a, footer a:link, footer a:active, footer a:visited { color: #eae0d5; }
footer a:hover { color: #cf661a; }
footer nav { overflow: hidden; }
footer nav dl { float: left; text-transform: uppercase; overflow: hidden; }
footer nav dl dt { color: #cf661a; font-size: 16px; margin-bottom: 30px; }
footer nav dl dd { line-height: 25px; font-size: 11px; }
footer nav dl.general { width: 400px; }
footer nav dl.general li { width: 50%; }
footer nav dl.get-connected { width: 275px; }
footer nav dl.get-connected li { float: none; }
footer nav dl.get-connected .global-footer_social_twitter { margin-right: 12px; }
footer nav dl.get-connected .global-footer_social_pinterest { margin-left: 2px; margin-right: 12px; }
footer nav dl.get-connected .global-footer_facebook { margin-left: 5px; margin-right: 17px; }
footer nav dl.get-connected .global-footer_social_google { margin-left: 4px; margin-right: 12px; }
footer nav dl.get-connected .global-footer_social_youtube { margin-right: 12px; }
footer nav dl.stay-in-touch { width: 300px; }
footer nav dl.stay-in-touch .optin-email { width: 253px; }
footer .copyright { overflow: hidden; margin-top: 40px; padding-top: 40px; border-top: solid 1px #652e0f; }

.lt-ie8 #socialwrapper {margin-top: -40px}

.lt-ie8 footer nav { margin-bottom: -15px; }
.removeProduct {cursor: pointer}

/* UTILITY CLASSES, ETC
****************************************************/
.clear, .reset { clear: both; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.fr { float: right; }

.fl { float: left; }

.fc { margin-left: auto; margin-right: auto; }

.cl { clear: left; }

.cr { clear: right; }

.textleft { text-align: left; }

.textright { text-align: right; }

.textcenter { text-align: center; }

.show { display: block; }

.hide { display: none; }

/*   for using vertical-align:middle cross-browser  http://www.vdotmedia.com/blog/vertically-center-content-with-css/
*/
.valign-container { width: 100%; height: 100%; display: table;}

.valign-position { display: table-cell; vertical-align: middle; width: 100%; text-align: left;}

.lt-ie8 .valign-container { position: relative; }

.lt-ie8 .valign-position { position: absolute; top: 50%; }

.lt-ie8 .valign-content { position: relative; top: -50%; }

/* -------------------- Unsorted ------------------ */
/* Do your messy work here, everything above this    section should be at least somewhat organized.   */
/* -------------------- Unsorted ------------------ */
.optin { position: relative; padding-bottom: 15px; }
.optin .optin-email { padding: 15px 30px 14px 15px; width: 270px; font-size: 12px; color: #2f1c11; margin-bottom: 10px; -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.25); border: solid 1px #d1d1d1; }
.optin .optin-submit { position: absolute; top: 14px; right: 8px; padding: 5px; }

 /**************************************************************/
 
 
 
 /* Reset Styles Group */
*{margin:0;padding:0;}
img,fieldset{border:none;}
ul,ol{list-style:none;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;float:none;font-size:0;}
.clearfix{zoom:1;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
a[href], a {text-decoration: none;}
table{border-collapse:collapse;border-spacing:0;}
a,a[href],a:focus{outline:none;-moz-outline: 0 none;}
input[type="text"], input[type="password"]{outline: none;}

/* Center Elements wit no WIDTH */
.hide{display: none;}
.outer {position: relative; left: 50%; float: left; clear: both;}
/*.inner {position: relative; left: -50%;}*/

/* Common Layout Styles */

body {font-family: 'Archer Bold',arial; background: #D3BCA2;}
.wrapper {width: 964px; margin: 0 auto;}

/* Header Styles */
.header, .footer, .Wrap{width: 1280px; margin: 0 auto; background: #fff;}
.header img, .footer img{display: block; width: 1280px;}
header .inner{left: 0 !important;}
footer .inner{left: 0 !important;}

.slideBox{display: none;}

.back-to-top{margin: 0 auto; font-family: arial; font-size: 11px; text-transform: uppercase; display: block; color: #2f1c11; background: url(../images/tea/back-to-top.png) no-repeat right center; width: 101px; height: 19px; line-height: 19px;}
.back-to-top:hover{color: #cf661a;}

/* Breadcrumbs */
.Links{margin-left: 8px;}
.breadcrumbs{margin: 55px auto 52px; width: 985px; padding-top: 20px;}
.breadcrumbs li{float: left; margin-left: 3px;}
.breadcrumbs li a, .breadcrumbs li{text-transform: lowercase; font-family: arial; font-size: 11px; color: #2f1c11; line-height: 11px; display: block;}
.breadcrumbs li:first-child{margin-left: 0; padding-left: 0;}
.breadcrumbs li a:hover, .breadcrumbs li.selected a, .breadcrumbs li.selected{color: #cf661a;}

.galleryWrap{width: 985px; margin: 0 auto;}
.sideNav{float: left; width: 164px; padding-top: 2px; margin-right: 34px; margin-left: 4px;}
.sideNav strong{margin-bottom: 4px; font-weight: normal;display: block; background-color: #cf661a;font-family: 'Archer', arial; font-size: 17px; width: 163px; height: 39px; line-height: 34px; text-indent: 11px; color: #eae0d5; text-transform: uppercase;}
.sideNav .moreLinksPad strong{background-color: #2f1c11; }
.sideNav .moreLinks{margin-top:17px;}
.sideNav ul li a{text-indent: 11px; font-family: 'Archer Bold',arial; font-size: 13px;text-transform: uppercase; display: block; color: #2f1c11; line-height: 33px; font-weight: normal;}
.sideNav li{float: none;height: 34px; border-bottom: 1px solid #baaba5;}
.sideNav a:hover, .sideNav a.seletedLink{color: #cf661a;}

.gallery{float: right; width: 782px; margin: -3px 0 0 1px;;}
.gallery > a, .gallery > a > img{ display: block;}
.gallery > a{margin-bottom: 32px; margin-top: 3px;}
.gallery > div{width: 782px;}
.gallery  .back-to-top{padding-top: 9px;}

.productsList{float: right; width: 320px; position: relative; left: -7px; margin-top: 1px;}
.productsList li{float: left;margin: 3px 0 0 3px;}
.productsList a, .productsList a img{display: block; width: 77px; height: 80px;}

.ourTeaPad > span, .teaCuppingPad > strong, .guide > strong{display: block;font-size: 15px; display: block; line-height: 15px; margin-bottom: 20px; text-transform: uppercase; color: #cf661a;}
.ourTeaPad > span{margin-bottom: 13px;}
.teaCuppingPad > strong{text-align: center; margin-bottom: 15px;}
.ourTeaPad > strong, .bottomWrap > strong{display: block;font-size: 18px; line-height: 20px; color: #2f1c11; margin-bottom: 8px;}
.gallery  > div{margin-left: 4px;}
.ourTeaPad{width: 403px; margin-left: 3px;}
.ourTeaPad p, .bottomWrap p{font-family: arial; font-size: 12px; line-height: 16px; color: #2f1c11; margin-bottom: 16px;}
.ourTeaPad p em {font-style:italic;}
.bottomWrap{clear: both; margin-top: 14px; margin-left: 3px;}
.bottomWrap p{margin-bottom: 36px; width: 809px;}

/* Back to Top */
.teaCuppingWrap .back-to-top, .limitedEditionWrap .back-to-top, .faqWrap .back-to-top{margin: 0 auto;}

.teaCuppingWrap{margin: 63px 0 40px 0;}
.teaCupping{background: #e8ddd1; width: 100%; height: 614px; margin-bottom: 25px;}
.teaCuppingPad{padding: 67px 0 0 0; width: 990px; margin: 0 auto;}
.teaCuppingPad > p{font-size: 18px; line-height: 24px; color: #2f1c11; text-align: center;}

.cuppingWrap{margin-top: 71px; margin-left: 6px;}
.cuppingWrap > div, .cuppingWrap > a{float: left;}
.cuppingWrap .plus{width: 56px; font-size: 58px; text-align: center; line-height: 260px;}




/* A Guide To Tea */
.guideWrap{width: 100%;}
.guide{width: 981px; margin: 0 auto;}
.guide > div{width: 1006px; margin-left: -23px;}
.guide > strong{margin-bottom: 35px;}
.guide div div{float: left; margin-left: 25px; width: 310px; min-height: 431px;}
.guide span{font-size: 18px; line-height: 18px; display: block; text-transform: capitalize; margin-bottom: 9px; margin-left: 1px; color: #2f1c11;}
.guide a, .guide img{display: block;}
.guide a{margin-bottom: 26px;}
.guide p{font-family: arial; font-size: 12px; line-height: 16px; color: #2f1c11; margin-left: 1px;}

/* Limited Edition */
.limitedEdition{margin: 11px 0 40px 0;}
.limitedEditionWrap{width: 100%; background: url(../images/tea/teamaster.jpg) no-repeat right center #8f9e34; height: 414px; margin: 0 0 30px 0;}
.limitedEditionPad{ padding: 62px 0 0 151px; width: 568px;}
.limitedEditionPad strong, .limitedEditionPad span{font-size: 25px; line-height: 24px; color: #2f1c11; display: block; text-transform: capitalize; margin-bottom: 20px;}
.limitedEditionPad strong{margin-bottom: 15px;}
.limitedEditionPad p, .limitedEditionPad li{font-family: arial; font-size: 12px; line-height: 16px; color: #fff;  margin-bottom: 22px;}
.limitedEditionPad span{font-size: 16px;  line-height: 16px; margin-bottom: 15px;}
.limitedEditionPad li{margin-bottom: 4px;}