/* START GENERIC STYLES  */




body {
font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-size: 0.85em;
*font-size: 0.9em;
color: #333;
background: #80D6EF;
padding: 0;
margin: 0;
}

a {
color: #1B55A4;
text-decoration: none;
}

a:hover {
color: #1B55A4;
}

a:visited {
color: #80D6EF;
text-decoration: none;
}

#navigation ul li a,
#navigation ul li a:visited,
#navigation ul li a span,
#navigation ul li a:visited span,
#footer a,
#footer a:visited {
color: #333 !important;
text-decoration: none !important;
}

#footer a,
#footer a:visited {
color: #333 !important;
}

#footer a:hover {
text-decoration: underline !important;
}

h1,
h2,
h3,
a,
span {

margin: 0;
padding: 0;
}

h1 {
*font-size: 2em;
}

#logo h1 {
font-size: 0.01em !important;
color: #80D6EF !important;
}

.hiddenHeaderLogo {
clear: both;
}

img {
border: 0;
padding: 0;
}

ol, ul {
list-style-type: none;
display: inline;
margin-left: 0;
padding-left: 0;
}

#index ol li, 
#index ul li {
display: inline;
}

table,
table tbody,
table tbody tr,
table tbody tr td {
margin: 0;
padding: 0;
border: 0;
}

#index table tbody tr td table tbody tr td table tbody tr td  font a {
color: #FFF !important;
}

.changeScriptColor {
color: #FFF !important;
}


/* START POSITIONING STYLES  */

#IE_container {
width: 820px !important;
padding: 0px;
margin: 0 auto !important;
}

#pageContainer {
width: 820px !important;
padding: 0px;
margin: 0 auto !important;
}

#sizeGuide #pageContainer {
width: 320px;
margin-top: 20px;
}

#header {
display: inline;
width: 820px;
padding: 0px;
float: left;
margin-bottom: 0px;
}

#header h1 {
padding: 0px;
margin: 0;
}

#logo {
display: inline;
float:left;
margin-top: 20px;
width: 280px;
}

#checkout #logo {
display: inline;
float:left;
margin-top: 0px;
}

#toplinksContainer {
float: right;
display: inline;
height: 110px;
}



#selectCountry {
display: none;
float: right;
margin: 6px 0 0 0;
padding: 0;
}

#topLinks {
clear: both;
float: right;
margin: 10px 0 10px 0;
padding: 0;
}

#topLinks li {
display: inline;
margin: 0 0 0 8px;
padding-left: 20px;
background: url(http://www.bonzatees.com/images/icon_star_small.gif) left no-repeat;
}

#topLinks li.first {
padding-left: 0;
background: none !important;
}

#topLinks li a {
color: #fff !important;
*font-weight: bold;
*font-size: 0.85em;
}

#topLinks li a:hover {
color: #1B55A4 !important;
}

#index #shoppingCart {
clear: both;
float: right;
margin: 10px 0 0 0;
padding: 0;
*width: 11.5em;
}

#shoppingCart img {
margin: 0 0 -7px 6px;
}

#shoppingCart a {
color: #06C !important;
*font-weight: bold;
}

#shoppingCart a:hover {
text-decoration: underline;
}

#index #cornersTop {
clear: both;
height: 20px;
background: url(../images/corners_top.gif) bottom center no-repeat;
}

#sizeGuide #cornersTop {
clear: both;
float: left;
display: inline;
width: 100%;
height: 20px;
background: #fff url(../images/corner_top_left.gif) bottom left no-repeat;
}

#sizeGuide #cornersTop span.cornerRight {
height: 20px;
width: 12px;
float: right;
background: url(../images/corner_top_right.gif) bottom right no-repeat;
}

#sizeGuide #contentContainer h1 {
*font-size: 2em;
}

#sizeGuide #contentContainer h2 {
*font-size: 1.4em;
}

#sizeGuide #contentContainer h3 {
*font-size: 1.2em;
}

#searchContainer {
clear: right;
*margin-top: -20px;
width: 820px;
height: 60px;
background: url(../images/bkg_search.gif) top center no-repeat;
}

#navigation {
float: left;
display: inline;
margin: 11px 0 20px 169px; /* mac is 191 */
*margin: 0px 0 20px 454px; /*462*/
*width: 160px;
}

#checkout #navigation {
margin: 11px 0 20px 462px; /* mac is 191 */
*margin: 0px 0 20px 443px; /*462*/
*width: 160px;
}

#navigation ul {
/*background: #999;*/
}

#navigation ul li {
display: inline;
*float: left;
font-size: 1em;
padding-top: 12px;
padding-bottom: 9px;
*padding-top: 0px;
*padding-bottom: 0px;
margin-right: -5px;
*margin-right: 0px;
background: url(../images/tab_left_blue.gif) top left no-repeat !important;
}

#navigation ul li.selected,
#navigation ul li.active {
background: url(../images/tab_left_white.gif) top left no-repeat !important;
*height: 40px;
}

#navigation ul li a {
*float: left;
padding-top: 11px;
padding-bottom: 9px;
*padding-top: 11px;
*padding-bottom: 10px;
*font-weight: bold;
text-transform: uppercase;
background: url(../images/tab_right_blue.gif) top right no-repeat !important;
}

a.popup,
a.popup1 {
cursor: pointer;
}


#navigation ul li.selected a,
#navigation ul li.active a {
background: url(../images/tab_right_white.gif) top right no-repeat !important;
*height: 40px;
}

#navigation ul li a span {
padding-top: 11px;
*padding-top: 10px;
padding-bottom: 9px;
*padding-bottom: 10px;
margin: 0 10px;
display: inline;
background: #edf4f8;
}

#navigation ul li.selected a span,
#navigation ul li.active a span {
background: #fff;
}

#searchContainer #search {
float: right;
margin: 7px 20px 0 0;
*margin: 6px 10px 0 0;
}


#searchContainer #search #searchText {
float: left;
color: #999;
font-size: 1em;
text-transform: uppercase;
width: 10em;
height: 1.5em;
border: 0;
padding: 4px 0 0 0;;
background: transparent;
margin: 0;
}

#searchContainer #search #searchButton input {
margin-top: -1px;
*margin-top: 0px;
}


/* START CONTENT STYLES  */

#contentContainer {
clear: both;
background: #fff;
padding: 0 20px;
margin: 0px auto;
display: inline;
float: left;
}

#contentContainer .centerCP {
float: left;
text-align: left;
margin-left: -6px;
*margin-left: 0px;
*margin-top: 20px;
}

#sizeGuide #contentContainer {
width: 280px;
}

/* Firefox */ 
@-moz-document url-prefix() { 
#contentContainer { display: block !important; } 
} 

/* Stop CP sidebar showing on page load */
.sidebartable .smallsidebartext,
.sidebartable .smallsidebartext a {
	color: #FFF !important; 
	}

/* Stop CP first row (containing categories) showing on page load */
#contentContainer center table tbody tr td table tbody tr td table tbody tr td a {
	color: #fff;
	}

/* ...but show the larger image link on PDP!  */
#contentContainer center table tbody tr td table tbody tr td table tbody tr td.xsmallText span.xsmallText b a {
	color: #5787c2;
	text-align: center !important; 
	}

td.largerImageLink {
	/*text-align: center !important; */
	}

#contentContainer center table tbody tr td table tbody tr td table tbody tr td.xsmallText span.xsmallText b a:hover {
	text-decoration: underline;
	}
	
/* ...and the page tools on PDP!  */
#contentContainer center table tbody tr td.imagedisplay table tbody tr td a {
	color: #333;
	}

#breadcrumb {
margin-top: 10px;
#margin-bottom: 10px;
clear: both;
*width: 770px;
float: left;
*text-align: left;
}

#breadcrumb a {
color: #1B55A4;
}

#breadcrumb a:hover {
text-decoration: underline;
}


/* lifestyle section */

#lifestyleImage {
background:#FFF none repeat scroll 0 0;
height:240px;
width:780px;
margin:0;
}

#lifestyleLeft {
display: inline;
width: 580px;
margin-right: 20px;
}

#lifestyleLeft,
#lifestyleRight {
display: inline;
float: left;
}

#lifestylePromoRightTop,
#lifestylePromoRightBottom {
float: left;
clear: both;
display: block;
width: 180px;
height: 110px;
}

#lifestylePromoRightTop {
margin-bottom: 20px;
}


#productAreaWidth {
*clear: both;
}

.productRow {
clear: both;
background: #fff;
display: inline;
width: 780px;
float: left;
margin: 20px 0 0 0;
}

.productRow .productImage {
display: inline;
float: left;
width: 180px;
height: 180px;
background: #ccc;
margin: 0 20px 0 0;
}

#index img.thumbnail {
margin-right: 14px;
margin-bottom: 11px;
*margin-right: 20px;
*margin-bottom: 20px;
}
	
#index img.last {
margin-right: 0px;
}

.productRow .last {
margin-right: 0;
display: inline;
float: left;
}

.separator {
width: 780px;
height: 20px;
clear: both;
border-bottom: 1px dashed #ccc;
}

#cornersBottom {
clear: both;
height: 60px;
background: url(http://www.bonzatees.com/images/corners_bottom.gif) bottom center no-repeat;
}

#sizeGuide #cornersBottom {
clear: both;
height: 60px;
margin-bottom: 20px;
background: url(http://www.bonzatees.com/images/corner_bottom_left.gif) bottom left no-repeat;
}

#sizeGuide #cornersBottom span.cornerRight {
height: 20px;
width: 12px;
float: right;
background: url(http://www.bonzatees.com/images/corner_bottom_right.gif) bottom right no-repeat;
}


/* START FOOTER STYLES  */

#footer {
clear: both;
/*margin-top: 20px;*/
background: #fff;
width: 820px;
padding-bottom: 20px;
text-align: center;
}

#footerLinks {
text-align: center;
display: inline;
width: 780px;
}

#index #footer div a img {
margin-top: 12px;
}

#footerLinks li {
text-align: center;
display: inline;
margin-right: 10px;
}

#bestCafeShops {
margin-top: 12px;
}

#secureLogos {
display: none; /* for now */
clear: both;
text-align: center;
margin: 20px auto;
}

/* START SIZE GUIDE STYLES */

#sizeGuide .sizeSection h2,
#sizeGuide .infoSection h2 {
margin: 20px 0; 
padding: 12px 0 12px 0;
border-top: 1px dashed #333;
border-bottom: 1px dashed #333;
}

#sizeGuide .sizeTable th {
padding-bottom: 12px;
}

#sizeGuide .sizeTable td {
font-size: 0.8em;
}

#sizeGuide .sizeTable td.attribute {
font-weight: bold; 
width: 6em;
}

#sizeGuide a {
margin-top: 12px;
color: #1b55a4; 
text-decoration: underline;
}

#sizeGuide h2 a {
color: #333; 
text-decoration: none;
}

/* START CP REFORMATTING */

.hideThis {
display: none;
}

#contentContainer .floatLeft {
float: left !important;
}
	
#contentContainer .marginNone {
margin: 0 !important;
padding: 0 !important;
}

/*  FAQ and About pages */

#static  h1 {
clear: both;
margin-bottom: 20px;
}

#static  h2 {
clear: both;
padding: 20px 0;
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
}

#static  h1 span,
#static  h2 span,
#static .linkCP a {
color:#58A618 !important;
}

#static span sup span {
font-size:0.6em;
color:#58A618;
}


#static a {
color:#1B55A4;
}

#static a:hover {
text-decoration: underline;
}

#static a:visited {
color:#5787c2;
}

#static ul.specificLinks,
#static ul.generalLinks {
clear: both;
display:block;
float:left;
padding:0;
}

#static ul.specificLinks {
margin: 0 0 20px 0;
}

#static ul.generalLinks {
margin: 20px 0;
}

#static ul.specificLinks li {
background:transparent url(http://www.bonzatees.com/images/icon_question_red.gif) no-repeat  0 50%;
clear:both;
display:block;
line-height:1.5em;
margin:0;
padding-left:20px;
padding-top:3px;
}

#static ul.generalLinks li {
background:transparent url(http://www.bonzatees.com/images/icon_arrow_right_blue.gif) no-repeat  0 52%;
clear:both;
display:block;
line-height:2em;
font-size: 1.2em;
margin:0;
padding-left:20px;
padding-top:3px;
}

#static #contentContainer {
width: 780px;
}


#static ul.specificLinks li a {
color:#e13d36;
}

#static ul.generalLinks li a {
font-weight: bold;
}

#static div.floatRight {
float: right;
margin-left: 6px;
}

.hiddenHeaders {
margin-left: -999px;
height: 1px;
}

.hiddenHeaders h2,
.hiddenHeaders h3,
.hiddenHeaders h4,
.hiddenHeaders h5,
.hiddenHeaders h6 {
font-size: 0.01em;
}

/* checkout corrections */

#checkout .cpButtonContainer {
	clear: both;
}