/* Last updated: 2010-03-18 by Todd Hossack  */

/* -------- Columns -------- */
.contentA .column1,
.contentA .column3 {
	color: #369;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.contentA .column2,
.contentA .column2Style {
	font-family: Georgia, "Times New Roman", serif; 
	font-size: 14px;
	color: #69c;
}

/* -------- Headings -------- */

.contentA h1,
.contentA h2,
.contentA h3,
.contentA h4,
.contentA h5,
.contentA h6 {
	color: #369;
	line-height: 1.2;
}

.contentA h1 {font-size: 24px;} 
.contentA h2 {font-size: 22px;}
.contentA h3 {font-size: 22px;}
.contentA h4 {font-size: 16px;}
.contentA h5 {font-size: 14px;}
.contentA h6 {font-size: 14px; color: #369;}

.contentA h2 {
	margin: 0 0 5px 0;
	padding: 6px 0 0 0;
	line-height: 1.2;
	color: #69c;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.contentA h2 span.subtitle {
	font-size: 15px; 
}

.contentA h3.first {
	margin: 5px 0 18px 0;
}

.contentA h3 {
	margin: 15px 0 6px 0;
	color: #f07e62;
	font-family: Georgia, "Times New Roman", serif; 
	font-weight: normal;
}

.contentA .column1 h3,
.contentA .column3 h3 {
	margin: 5px 0 6px 0;
	font-size: 16px;
	font-weight: bold;
}

.contentA h3 span.subhead {
	font-style: italic;
	font-weight: normal;
}

.contentA h1.first, 
.contentA h2.first,
.contentA h3.first,
.contentA h4.first,
.contentA h5.first,
.contentA h6.first {
	margin-top: 0;
}

/* -------- Text -------- */

.contentA p, .contentA ul, .contentA ol, .contentA dl {
	line-height: 1.3;
}

.contentA p {
	margin-bottom: .7em;
}

.contentA blockquote {
	font-style: italic;
}

.contentA ul {
	list-style-type: square;
}

/* classes */
.contentA p.large {
	font-size: 1.1em;
}

.contentA div.stockists ul {
	margin: 5px 0 20px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #369;
}

.contentA div.stockists h3 {
	margin-bottom: 10px;
}

.contentA div.stockists h2 {
	clear: both;
}

.contentA div.stockists a {
	font-weight: normal;
}

.contentA div.links ul {
	margin: .5em 0 2em .1em;
}

.contentA div.links ul li {
	margin: 0 0 1em 0;
}

.contentA div.links h3 {
	margin-bottom: 10px;
}

.contentA .hints {
	color: #369;
}

.contentA .hints h4 {
	margin: 15px 0 10px 0;
	color: #f07e62;
}

.contentA .hints p,
.contentA .hints ol,
.contentA .hints ul {
	margin-bottom: 10px;
	font-size: 12px;
	font-style: italic;
}

.contentA p.ingred {
	color: #369;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.contentA p.refer {
	margin-top: .7em;
	color: #369;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}

/* -------- Links -------- */
.contentA a {
	color: #369;
	font-weight: bold;
	text-decoration: underline;
}

/* -------- Images -------- */
.contentA .imgL, 
.contentA .imgR, 
.contentA .imgLv, 
.contentA .imgRv {
	border: 0px solid #666;
}

.contentA .alignToH1 {margin-top: 15px;}
.contentA .alignToH2 {margin-top: 7px;}
.contentA .alignToH3 {margin-top: 6px;}
.contentA .alignToH4 {margin-top: 6px;}
.contentA .alignToH5 {margin-top: 6px;}
.contentA .alignToH6 {margin-top: 5px;}

.contentA .alignToP {margin-top: 4px;}

.contentA .wrapTopText {
	margin-top: 12px;
}

.contentA .caption1 h3 {
	margin: 6px 0 3px 0;
	font-size: 22px;
	line-height: 1.1;
	font-weight: bold;
	color: #95bbe0;
}

.contentA .caption1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #69c;
}

.contentA .caption2 h3 {
	margin: 6px 0 3px 0;
	font-size: 20px;
	line-height: 1.1;
	font-weight: bold;
	color: #95bbe0;
}

.contentA .caption2 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
}


/* -------- Callouts -------- */
.contentA .callout1 {
	float: right;
	width: 180px;
	margin: 0 0 10px 10px;
	font-size: 22px;
	font-weight: bold;
	color: #f69;
	line-height: 1;
}

.contentA .callout1 a {
	color: #f69;
	text-decoration: none;
}

.contentA .callout1 .lighter {
	font-size: 22px;
	font-weight: bold;
	color: #f99;
}

/* -------- Alerts, Notices -------- */
.contentA .alert {
	color: #c00;
}

/* -------- Side Boxes -------- */
.contentA .sideBox1 {
	margin: 0;
	padding: 0;
	color: #369;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #fcddeb;
}

.contentA .sideBox1 .boxContent {
	padding: 0 10px;
	color: #369;
}

.contentA .sideBox1 .boxTop {
	width: 200px;
	height: 10px;
	background-image: url("../graphics/sectiona/sidebox1_top.gif");
	background-position: top center;
	background-repeat: no-repeat;
}

.contentA .sideBox1 .boxBtm {
	width: 200px;
	height: 10px;
	background-image: url("../graphics/sectiona/sidebox1_btm.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
}

.contentA .sideBox1 h3 {
	margin: 6px 0 10px 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.2;
	color: #eb008b;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.contentA .sideBox1 h4 {
	margin: 6px 0 5px 0;
	padding: 0;
	font-size: 13px;
	color: #69c;
	line-height: 1.2;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.contentA .sideBox1 h5 {
	margin: 6px 0 1px 0;
	font-size: 13px;
}

.contentA .sideBox1 a {
	color: #369;
}

.contentA .sideBox1 p {
	margin: 0;
}

.contentA .sideBox1 dl {
	margin: 0 0 20px 0;
}

.contentA .sideBox1 dd,
.contentA .sideBox1 dd a {
	font-weight: normal;
}

/* -------- News -------- */

.contentA div.newsCategory {
	clear: both;
	padding: 5px 0;
	border-top: 1px solid #fff;
}

.contentA div.newsCategory p {
	
}

.contentA div.newsItem {
	clear: both;
	margin: 0 0 8px 0;
}


/* -------- Buttons -------- */

.contentA div.newsItem .moreInfo {
	margin-top: 2px;
}

.contentA .moreInfo a {
	padding: 0 16px 0 0;
	text-decoration: none;
	font-size: 9px;
	color: #eb008b;
	background-image: url("../graphics/sectiona/moreinfo-arrow.gif");
	background-position: 92% center;
	background-repeat: no-repeat;
}

.contentA .moreInfo a:hover,
.contentA .moreInfo a:active {
	text-decoration: underline;
}

/* -------- Press -------- */

.contentA .webPress div, 
.contentA .press div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #369;
}

.contentA .webPress div {
	float: left;
	width: 120px;
	margin: 20px 20px 0 0;
}

.contentA .press div {
	width: 120px;
	margin: 20px 20px 0 0;
}

.contentA .press img {
	
} 

.contentA .webPress p, 
.contentA .press p {
	margin: 5px 0 0 0;
}

.contentA .webPress cite, 
.contentA .press cite {
	font-style: italic;
}

.contentA .webPress a, 
.contentA .press a {
	font-weight: normal;
	text-decoration: none;
}

.contentA .webPress a:hover, 
.contentA .webPress a:active, 
.contentA .press a:hover, 
.contentA .press a:active {
	text-decoration: underline;
}

.contentA .pressZoom {
	text-align: center;
}

.contentA .pressBack {
	width: 150px;
	margin: 10px 0 0 600px;
}

.contentA .sideQuote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #95bbe0;
}

.contentA .sideQuote blockquote {
	margin: 0 0 1em 0;
	font-style: normal;
	line-height: 1.1;
}

.contentA .sideQuote p {
	font-size: 11px;
}

.contentA .sideQuote a {
	color: #95bbe0;
	font-weight: normal;
	text-decoration: none;
}

.contentA .sideQuote a:hover,
.contentA .sideQuote a:active {
	text-decoration: underline;
}

.contentA .sideQuote cite {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
}

/* -------- Site Map -------- */

.contentA ul.sitemap-lev1 {
	margin: .4em 0 .4em 0em;
	list-style-type: none;
}

.contentA ul.sitemap-lev1 li {
	margin: 4px 0 4px 0;
}

.contentA ul.sitemap-lev2 {
	list-style-type: none;
}

.contentA ul.sitemap-lev3, 
.contentA ul.sitemap-lev4, 
.contentA ul.sitemap-lev5, 
.contentA ul.sitemap-lev6 {
	margin: .4em 0 .4em 2.5em;
}

.contentA ul.sitemap-lev3 a, 
.contentA ul.sitemap-lev4 a, 
.contentA ul.sitemap-lev5 a, 
.contentA ul.sitemap-lev6 a {
	font-weight: normal;
}

.contentA ul.sitemap-lev3 {
	list-style-type: square;
}

.contentA ul.sitemap-lev4 {
	list-style-type: circle;
}

.contentA ul.sitemap-lev5 {
	list-style-type: disc;
}

.contentA ul.sitemap-lev6 {
	list-style-type: circle;
}

.contentA div.sitemap dfn {
	display: none;
}

/* -------- Slideshow -------- */
.contentA .slideshowItem {
	width: 402px;
	text-align: left;
	margin: 0 auto 20px auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #369;
}

.contentA .slideshowImage img {
	border: 1px solid #666;
}

.contentA .slideshowCaption {
	margin: 0;
	padding: 10px 0;
}

.contentA .slideshowCaption p {
	margin: 0;
}

.contentA .slideshowCaption h4 {
	margin: 0 0 5px 0;
	font-family: Georgia, "Times New Roman", serif; 
	font-weight: normal;
}

.contentA .slideshowNav .nextBtn {
	float: right;
	width: 8em;
	text-align: right; 	
}

.contentA .slideshowNav .nextBtn a {
	display: block;
	background-color: red;
	color: #fff;
}

.contentA .slideshowNav .nextBtn a:hover, .contentA .slideshowNav .nextBtn a:active {
	text-decoration: none;
}

.contentA .slideshowNav .prevBtn {
	float: left;
	width: 8em;
	text-align: left; 
}

.contentA .slideshowNav .prevBtn a {
	display: block;
	background-color: red;
	color: #fff;
}

.contentA .slideshowNav .prevBtn a:hover, .contentA .slideshowNav .prevBtn a:active {
	text-decoration: none;
}


/* -------- Buy box -------- */

.contentA .column1 .buyBox,
.contentA .column2 .buyBox,
.contentA .column3 .buyBox {
	margin: 10px 0 0 0;
}

.contentA .column1 .findStockist,
.contentA .column2 .findStockist,
.contentA .column3 .findStockist {
	margin: 10px 0 0 0;
}

.contentA .column1 .buyBox,
.contentA .column2 .buyBox,
.contentA .column3 .buyBox {
	padding: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #369;
	background-color: #fff;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
}

.contentA .column1 .buyBox h3,
.contentA .column2 .buyBox h3,
.contentA .column3 .buyBox h3 {
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: normal;
}

.contentA .buyBox p {
	margin: 0;
}
.contentA .buyBox form {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
}

.contentA .buyBox label {
	margin:  1em 0 0 0;
	font-weight: bold;
}

.contentA .buyBox select {
	margin: 1em 0 0 0;
}

.contentA .buyBox input {
	margin: 0;
}

.contentA .mailInvite {
	margin: 0;
	padding: 10px 0 14px 0;
	border-bottom: 1px dashed #ccc;
}

.contentA .mailInvite h3 {
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: normal;
}

/* -------- Class info -------- */

.contentA .classInfo {
	margin: 15px 0 0 0;
	padding: 10px;
	background-color: #f6f6f6;
}

.contentA .classInfo h4 {
	margin: 5px 0 0 0;
	
}
.contentA .classInfo h5 {
	margin: 2px 0 10px 0;
	color: #58b;
}

.contentA .classInfo h6 {
	color: #69c;
}
/* -------- Tables -------- */
.contentA table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #369;
	border: 0px solid #b2cce5;
	border-collapse: collapse;
}

.contentA table th {
	padding: .5em .8em;
	font-size: 13px;
	font-weight: bold;
	background-color: #d6e4f1;
	border: 1px solid #aac2da;
}

.contentA table td {
	padding: .5em .8em;
	font-weight: normal;
	vertical-align: top;
}

.contentA table td.mergeTop {
	padding-top: 0;
	border-top: none;
}

.contentA table td.mergeBtm {
	padding-bottom: 0;
	border-bottom: none;
}

/* Order table */
.contentA table.order {
	border-collapse: collapse;
}
.contentA table.order h5 {
	margin: 0;
	font-size: 1.2em;
}
.contentA table.order th {
	font-size: 15px;
}
.contentA table.order td {
	text-align: right;
	border: 1px solid #aac2da;
}

.contentA table.order td.order-item {
	text-align: left;
}

.contentA table.order td.order-item img {
	float: left;
	margin-right: 8px;
}

.contentA table.order td.order-item h5 {
	font-size: 1.2em;
	margin: 8px 0 4px 0;
}

.contentA table.order td.order-desc {
	width: 20em;
	text-align: left;
}

.contentA table.order td.order-quantity {
	width: 10em;
	text-align: center;
}
.contentA table.order td.order-quantity input {
	margin: 0 0 .5em 0;
}

.contentA table.order td.order-weight,
.contentA table.order td.order-price,
.contentA table.order td.order-amount,
.contentA table.order td.order-tax {
	width: 5em;
	white-space: nowrap;
	text-align: right;
}

.contentA .order-paymentMethods {
	margin: 12px 0 0 0;
	text-align: center;
}
.contentA .order-paymentMethods img {
	margin: 0 4px 8px 0;
	text-align: center;
}

.contentA table.order td.order-total {
	white-space: nowrap;
	font-weight: bold;
	font-size: 14px;
}
.contentA table.order td.order-price .order-discounted-price {
	color: red;
}

.contentA .order-shipping-info {
	width: 93%;
	margin: 0;
	text-align: left;
}

.contentA table.order td.order-step,
.contentA table.order td.order-step-action {
	text-align: left;
	background-color: #eee;
}

.contentA table.order td.order-step {
	border-right: none;
}
.contentA table.order td.order-step h4 {
	margin: 0;
	font-size: 14px;
}

.contentA table.order td.order-step-action {
	text-align: right;
	font-size: 13px;
	border-left: none;
}

.contentA table.order span.order-step-num {
	font-size: 22px;
}
.contentA table.order th.outerColumn,
.contentA table.order td.outerColumn {
	width: 3em;
	text-align: left;
	background-color: #fff;
	border: none;
}

.contentA .order-required {
	background-color: #fc3;
	border: 1px solid red;
}

.contentA .order-errors-box {
	margin: 8px 0;
	padding: 8px 8px 8px 40px;
	color: #c00;
	background-color: #ffd;
	background-image: url("../graphics/shop/icon_error.gif");
	background-position: 8px 8px;
	background-repeat: no-repeat;
	border: 1px solid #c00;
}

.contentA .order-errors-box h4 {
	margin: 0 0 .5em 0;
	color: #c00;
}

.contentA .order-errors-box a {
	color: #c00;
}

.contentA .order-tips-box {
	margin: 8px 0;
	padding: 8px 8px 8px 8px;
	color: #eb008b;
	background-color: #fbf5f9;
	background-image: url();
	background-position: 8px 8px;
	background-repeat: no-repeat;
	border: 1px solid #eb008b;
}

.contentA .order-tips-box h4 {
	margin: 0 0 .5em 0;
	color: #eb008b;
}

.contentA .order-tips-box a {
	color: #eb008b;
}

/* -------- Misc -------- */
.contentA .toTop a {
	text-decoration: none;
}
/* -------- Buttons -------- */
.contentA .classesBtn a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.contentA .ecomBtn a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
.contentA .mailBtn a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}