/*
	Layout Divs
----------------------------------------------------------	*/

html {
}

body {
	text-align: center; /* for IE */
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:medium;
	background:url(../images/consumer/body_repeat_y.jpg) top left repeat-x #e4e1dc;	
	color:#656058;	
}

body.nobackground {
	background-color:#e4e1dc;
	background-image:none;
	color:#656058;	
}

* html body { font-size:small; /* for IE5/Win */ f\ont-size: medium; /* for other IE versions */ }

div#container-home {
	margin: 0 auto;   /* align for good browsers */
	padding:0;		
	text-align: left; /* counter the body center */
	width: 1020px;	
	color:#656058;	
	border:1px solid #e4e1dc;
}

div#container-landing {
	margin: 0 auto;   /* align for good browsers */
	padding:0;		
	text-align: left; /* counter the body center */
	width: 1020px;	
	height:765px;
	color:#656058;	
	border:1px solid #e4e1dc;
	background:url(../images/consumer/landing-bg.gif) top center no-repeat #e4e1dc;
}

div#container {
	margin: 0 auto;   /* align for good browsers */
	padding:0;		
	text-align: left; /* counter the body center */
	width: 1020px;
	color:#656058;
}

div#container-home div.logoandtext {
	padding:0 0 0 115px;
	float:left;
	width:385px;
}

div#container-home div.logoandtext p {
	width:340px;
}

div#container-home div.logoandtext p .orange {
	color:#fdb401;
	font-weight:bold;
	font-size:105%;
}


div#content_wrapper {
	background:url(../images/consumer/main_container_bg.jpg) bottom left no-repeat #e4e1dc;
	width:1020px;
	height:100%;
	clear:both;
}

div#content_wrapper_top {
	background:url(../images/consumer/main_container_bg.jpg) top left no-repeat #e4e1dc;
	width:1020px;
	height:100%;
	clear:both;
}

div#left_column {
	float:left;
	width:570px;
	padding-top:5px;

}

div#full_column {
	padding-top:5px;
}

div#left_column div#noscript {
	padding:10px 0 0 125px;
	float:left;
	color:#FF0000;
}

div#left_column div#content {
	padding:10px 0 0 125px;
	float:left;
}

div#full_column div#content
 {
	padding:10px 0 0 125px;
	float:left;
	width:895px;
}

div#left_column p {
	padding-right:20px;
}

div#right_column {
	width:450px;
	float:right;
}

/*
	Landing page styles
----------------------------------------------------------	*/

div#container-landing .wrap {
	text-align:center;
	padding-top:200px;
}

div#container-landing .lang_options {
	border-bottom:1px solid #9e978d;
	margin:0 auto;
	width:570px;
}



/*
	Box Navigation
----------------------------------------------------------	*/

#FlashID {
}

div.boxnav-home-container {
	float:right;
	width:420px;
	text-align:right;
}

div.boxnav-home {
	margin-right:20px;
	display:block;
}

div.boxnav img.boxnav-image {
	padding:30px 0 0 0;
}

div.boxnav {
	margin-top:0px;
	text-align:right;
	margin-right:20px;
}

div.boxnav-float {
	float:right;
	text-align:right;
	margin-right:20px;	
	margin-left:60px;
}

/*
	Top Navigation
----------------------------------------------------------	*/
div#topnav {
	background:url(../images/consumer/topnav-bg.jpg) top left #e2ddda no-repeat;
	height:149px;
	width:1020px;
	margin:0;
	padding:0;
}


div#topnav div.icons {
	clear:right;	
	float:right;
	width:200px;
	padding-top:50px;
	margin:0;
	text-align:right;
}

div#topnav div.icons a {
	padding-left:5px;
}

div#topnav img.veevalogo {
	padding:25px 0 25px 115px;
}

ul#navlinks {
	list-style:none;
	padding:0;
	margin:0;
}

ul#navlinks li {
	float:left;
	line-height:38px;	
	font-size:110%;
	padding-left:.9em;
}

ul#navlinks .super {
	position: relative;
	bottom: .5em;
}

ul#navlinks li.orange {
	background:url(../images/consumer/topnav-orangeon.gif) top right no-repeat;
	line-height:38px;
	color:#fff;
	text-transform:uppercase;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;	
	padding-left:.9em;
	padding-right:1em;
}

ul#navlinks li.contact {
	padding-left:4px;
}

div#topnav li.orange a:link {
	color:#fff;
	text-decoration:none;
}

div#topnav li.orange a:visited {
	color:#fff;
	text-decoration:none;	
}

div#topnav li.orange a:hover {
	color:#fff;
	text-decoration:underline;	
}

div#topnav li.orange a:active {
	color:#fff;
	text-decoration:none;		
}


div#topnav a:link {
	color:#9e978d;
	text-decoration:none;
}

div#topnav a:visited {
	color:#9e978d;
	text-decoration:none;	
}

div#topnav a:hover {
	color:#9e978d;
	text-decoration:underline;	
}

div#topnav a:active {
	color:#9e978d;
}

div#topnav li.current {
	background: url(../images/consumer/topnav-current.gif) bottom center no-repeat;
	
}

div#topnav li.current a{
	color:#fba937
}


/*
	Footer
----------------------------------------------------------	*/

div#footer {
	clear:both;
	color:#656058;	
	background-color:transparent;
	line-height:40px;
	padding-left:20px;
}

div#footer-home {
	clear:both;
	color:#656058;	
	background-color:transparent;
	line-height:40px;
	padding-left:112px;
}

div#footer a, div#footer-home a {
	padding-right:.9em;
}

div#footer a:link, div#footer-home a:link {
	color:#656058;
	text-decoration:none;
}

div#footer a:visited, div#footer-home a:visited {
	color:#656058;
	text-decoration:none;	
}

div#footer a:hover, div#footer-home a:hover {
	color:#656058;
	text-decoration:underline;	
}

div#footer a:active, div#footer-home a:active {
	color:#656058;
}

div#footer .ecommerce_icons, div#footer-home .ecommerce_icons {
	float:right;
}

div#footer .ecommerce_icons img, div#footer-home .ecommerce_icons img {
	padding-left:10px;
}


/*
	Content Styles
----------------------------------------------------------	*/
p.maintext {
	font-size:260%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:50px 0 0 125px;
	color:#c9c4bd;
	margin:0;
}

/*
	Generic Styles
----------------------------------------------------------	*/
form {
	display:inline;
}

h1 {
	font-size:150%;
	color:#febd02;
}

h2 {
	font-size:115%;
	color:#febd02;
}

h3 {
	font-size:100%;
	color:#febd02;
}

a:link {
	color:#fba937;
	text-decoration:none;
}

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

a:hover {
	color:#fba937;
	text-decoration:underline;	
}

a:active {
	color:#fba937;
}

.nowrap {
	white-space:nowrap;
}

.orange {
	color:#febd02;
}

ol li {
	display:list-item;
}

ul li {
	display:list-item;
}

.right {
	text-align:right;
}


/*
	jPlayer styles
----------------------------------------------------------	*/

div#jplayer_controls {
	margin:0;
	padding:15px 15px 0 0;
	font-size:70%;		
	width:250px;
	height:65px;
	float:right;
	text-align:right;
	color:#666666;
}

div#jplayer_controls a, div#topnav div#jplayer_controls a {
	padding-left:5px;
	color:#000;
}


/*
	Forms and form fields
----------------------------------------------------------	*/
form {
	display:inline;
}

span.charlimitinfo {
	font-size:85%;
}

input.input-radio {
}

input.input-text {
	border:1px solid #bab9b6;
	background-color:#e9e6e2;
	color:#716e6a;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:95%;
	width:250px;	
	padding:3px;
}

textarea.input-textarea {
	border:1px solid #bab9b6;
	background-color:#e9e6e2;
	color:#716e6a;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:95%;
	width:250px;	
	height:120px;
	padding:3px;
}


select.input-select {
	border:1px solid #bab9b6;
	background-color:#e9e6e2;
	color:#716e6a;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:95%;
	width:258px;	
	padding:3px;
}

select.expirydate{
	width:119px;

}

input.button {
	background-color:#303030;
	border:1px solid #303030;
	color:#fff;
	cursor:pointer;
	font-size:100%;
	margin:0;
	padding:.35em .5em;
}

input.button-small {
	background-color:#303030;
	border:1px solid #303030;
	color:#fff;
	cursor:pointer;
	font-size:80%;
	margin:0;
	padding:.25em .1em;
}

/*
	Happy -> Postcards
----------------------------------------------------------	*/
form#postcardform table {
	padding:15px 0 0 0px;
}

form#postcardform td.theme {
	text-align:center;
}

/*
form#postcardform td {
	text-align:left;
	vertical-align:top;
	padding-bottom:19px;
}
*/

form#postcardform td.label {
	font-weight:bold;
	padding:0 10px 0 0;
	white-space:nowrap;
}
/*
form#postcardform td.buttontd {
	text-align:right;
	vertical-align:top;
}

/*
	Forms
----------------------------------------------------------	*/
form#registerform table {
	padding:20px 0 0 0px;
}

form {
	display:inline;
}

form td {
	text-align:left;
	vertical-align:top;
	padding-bottom:19px;
}

form td.label {
	font-weight:bold;
	padding:0 15px 0 0;
	white-space:nowrap;
}

form td.buttontd {
	text-align:right;
	vertical-align:top;
}

form input.phone {
	width:121px;
}

form input.extension {
	width:50px;
}


form tr.shipping-row {
	display:none;
}

/*
	Order form
----------------------------------------------------------	*/
form#orderform {
}

form#orderform td {
	padding:10px 20px 0px 0;
	vertical-align:top;
}

form#orderform th {
	padding:5px 40px 10px 0;
}

form#orderform td.buttontd {
	text-align:right;
	padding:10px 0px 0px 0;	
}

form#orderform td.coupon_message {
	text-align:right;
	padding:10px 0px 0px 0;	
	font-size:80%;
	color:#febd02;
}

form#orderform .right {
	text-align:right;
	padding-right:0px;	
}

form#orderform th.right {
	padding-right:0px;
}

form#orderform input.quantity {
	width:100px;
	margin-right:35px;
}

form#orderform input.total,
form#orderform input.volume-discount,
form#orderform input.volume_discount_subtotal,
form#orderform input.coupon_discount,
form#orderform input.grand_total
{
}

form#orderform input.coupon_code {
	width:100px;
}

form#orderform input.recalculatebutton {
	width:110px;
	font-size:80%;
}

form#orderform input.removecouponbutton {
	font-size:65%;
}

form#orderform input.nextbutton {
	font-size:80%;
}

form#orderform input.orderbutton {
	width:110px;
}

form#confirmorderform table {

}

form#confirmorderform legend {
	color:#656058;	
	font-weight:bold;
	font-size:120%;
	
}

fieldset.confirmorder {
	margin-bottom:25px;
}

fieldset.confirmorder td {
	text-align:left;
	vertical-align:top;
	padding-bottom:5px;
	padding-right:20px;
}

fieldset.confirmorder td.label {
	font-weight:bold;
	white-space:nowrap;	
}

fieldset.confirmorder td.right {
	text-align:right;
}

form#orderform tr.sub_total {
}

form#orderform tr.sub_total td {
}

form#orderform tr.tax_cost {
}

form#orderform tr.tax_cost td {
	padding-bottom:10px;
}

form#orderform tr.grand_total {
}

form#orderform tr.grand_total td {
	border-top:1px solid #605b4e;
	border-bottom:2px solid #605b4e;	
	color:#605b4e;
	font-size:110%;
	padding-top:10px;
	padding-bottom:10px;	
}

form#orderform input.orderform-button {
	width:100px;
}

div.shipping_details {
	font-size:78%;
	padding:20px 0;

}

td.shipping_options {
	font-size:80%;

}

/*
	Buy -> Login
----------------------------------------------------------	*/

form#loginform table {
	padding:20px 0 0 0px;
}

/*
form#loginform td {
	text-align:left;
	vertical-align:top;
	padding-bottom:19px;
}

form#loginform td.label {
	font-weight:bold;
	padding:0 15px 0 0;
	white-space:nowrap;
}

form#loginform td.buttontd {
	text-align:right;
	vertical-align:top;
}
*/

/*
	Buy -> Login
----------------------------------------------------------	*/
form#forgotpasswordform table {
	padding:20px 0 0 0px;
}

/*
form#forgotpasswordform td {
	text-align:left;
	vertical-align:top;
	padding-bottom:19px;
}

form#forgotpasswordform td.label {
	font-weight:bold;
	padding:0 15px 0 0;
	white-space:nowrap;
}

form#forgotpasswordform td.buttontd {
	text-align:right;
	vertical-align:top;
}
*/


/*
	Retail locations
----------------------------------------------------------	*/

div.retail_locations {
}

div.retail_locations .province_select {
}

div.retail_locations .city_select {
	display:none;
}

div.retail_locations h2.retail-province {
	font-size:110%;
	padding-top:15px;
}

div.retail_locations .retail-location {	
	padding-bottom:30px;
}

div.retail_locations .retail-location .retail-storename {
	font-weight:bold;
	margin:0;
	padding:0;
}

div.retail_locations .retail-location p {
	margin:0;
	padding:0;
	display:inline;
}

/*
	Form Validation Error Styles
----------------------------------------------------------	*/
.validate-error {
	display:block;
	color:#fba937;
	padding:5px 0px 0px 0;
	font-weight:normal;	
	font-size:90%;	

}


form#postcardform input.validate-error,
form#postcardform textarea.validate-error,
input.validate-error,
textarea.validate-error,
select.validate-error
{	
	border:1px solid #bab9b6;
	background-color:#FFF5CC;
	color:#716e6a;
	padding:3px;
}

/*
	Message styles
----------------------------------------------------------	*/
p.message {
	color:#FF0000;
}

/*
	CAPTCHA securimage styles
----------------------------------------------------------	*/
div#securimage {
}

div#securimage img#siimage {
	padding-right:0px;
	border:1px solid #bab9b6;
}

div#securimage-input {
	padding-top:10px;
}

div#securimage-input #securimage_code {
	width:255px;
}

/*
	News styles
----------------------------------------------------------	*/
div.newsitem, div.newsitem-full {
	padding-bottom:3em;
}

div.newsitem h2 {
	padding:0;
	margin:0;
}

div.newsitem .date, div.newsitem-full .date {
	font-size:80%;
}

div.newsitem .summary {
}

div.newsitem a.readmore {
}

div.newsitem-full a.back {
	float:right;
	padding-right:3em;
}

/*
	Press release styles
----------------------------------------------------------	*/
div.pressreleaseitem, div.pressreleaseitem-full {
	padding-bottom:3em;
}

div.pressreleaseitem h2 {
	padding:0;
	margin:0;
}

div.pressreleaseitem .date, div.pressreleaseitem-full .date {
	font-size:80%;
}

div.pressreleaseitem .summary {
}

div.pressreleaseitem a.readmore {
}

div.pressreleaseitem-full a.back {
	float:right;
	padding-right:3em;
}

/*
	Flash player styles
----------------------------------------------------------	*/
div#flashmessage-home {
	display:block;
	padding:150px 0 0 0;
	margin:0;
}

div#flashmessage {
	display:block;
	padding:0;
	margin:0;
}

div.boxnav-home .imagenav {
	display:block;
	float:right;
	margin-top:80px;
}


/*
	Quiz form
----------------------------------------------------------	*/
form#quizform{
}

form#quizform ul {
	margin:0;
	padding:0;
}

form#quizform ul li {
	list-style-type:none;
	margin:0;
	padding:0 0 0 15px;	
}

form#quizform p.question {
	clear:both;
}

form#quizform input.validate-error {
		display:inline;
}



form#quizform label {
		padding:10px 0 20px 0;
}

form#quizform div.answer {
	padding-bottom:20px;
}


/*
	Language Selector
----------------------------------------------------------	*/
.lang_select {
	height:40px;
	float:right;
	width:200px;
	text-align:right;
	margin-top:10px;
}

.lang_select_home {
	height:40px;
	float:right;
	width:200px;
	text-align:right;
	margin-top:10px;
	padding-right:20px;
}

div#topnav .lang_select a:link,
div#footer-home .lang_select a:link {		
	color:#fdb401;
	text-decoration:none;	
}

div#topnav .lang_select a:visited,
div#footer-home .lang_select a:visited {
	color:#fdb401;
	text-decoration:none;		
}

div#topnav .lang_select a:hover,
div#footer-home .lang_select a:hover {
	color:#fdb401;
	text-decoration:underline;	
}

div#topnav .lang_select a:active,
div#footer-home .lang_select a:active {
	color:#fdb401;
	text-decoration:none;		
}

/*
	Profile page
----------------------------------------------------------	*/

.myprofile td {
	padding:0 0 2px 0;
}

.myprofile form td.title1 {
	font-size:150%;
	color:#febd02;
	font-weight:bold;
	padding:15px 0 5px 0;
}

.myprofile form td.title2 {
	font-size:115%;
	color:#febd02;
	font-weight:bold;
	padding:25px 0 5px 0;
}

.myprofile form td.label {
	padding-right:40px;
}

.myprofile form td.first {
	border-top:1px solid #999999;
	padding-top:5px;
}	

/*
	Order confirmation page
----------------------------------------------------------	*/

.orderconfirmation table {
	margin-bottom:25px;
}
.orderconfirmation td {
	padding:0 0 2px 0;
}

.orderconfirmation form td.title1 {
	font-size:150%;
	color:#febd02;
	font-weight:bold;
	padding:15px 0 5px 0;
}

.orderconfirmation form td.title2 {
	font-size:115%;
	color:#febd02;
	font-weight:bold;
	padding:25px 0 5px 0;
}

.orderconfirmation form td.label {
	padding-right:40px;
}

.orderconfirmation form td.first {
	border-top:1px solid #999999;
	padding-top:5px;
}	

/*
	Profile edit page
----------------------------------------------------------	*/

.myprofileedit td {
	padding:0 0 10px 0;
}

.myprofileedit form td.title1 {
	font-size:150%;
	color:#febd02;
	font-weight:bold;
	padding:15px 0 5px 0;
}

.myprofileedit form td.title2 {
	font-size:115%;
	color:#febd02;
	font-weight:bold;
	padding:25px 0 5px 0;
}

.myprofileedit form td.label {
	padding-right:30px;
}

.myprofileedit form td.first {
	border-top:1px solid #999999;
	padding-top:10px;
}	

/*
	Profile edit page
----------------------------------------------------------	*/

.registerpage td {
	padding:0 0 10px 0;
}

span.asterix{
		color:#F60;
		padding-right:5px;
}
.registerpage form td.title1 {
	font-size:150%;
	color:#febd02;
	font-weight:bold;
	padding:15px 0 5px 0;
}

.registerpage form td.title2 {
	font-size:115%;
	color:#febd02;
	font-weight:bold;
	padding:25px 0 5px 0;
}

.registerpage form td.first {
	border-top:1px solid #999999;
	padding-top:10px;
}	

/*
	Profile edit page
----------------------------------------------------------	*/

.ingredients {
}

.ingredients .ingredient_item {
		padding:5px 0px;
		width:700px;
}

.ingredients .ingredient_name {
	font-size:100%;
	color:#febd02;
	font-weight:bold;
}

.ingredients .mg {
	display:inline;
	float:right;
	padding-right:0px;
	font-size:100%;
	color:#febd02;
	font-weight:bold;
}

ingredient_name {
}


.ingredients div.benefits {
	display:none;

}
.ingredientlist a{
	text-decoration:none;
}

.ingredientlist li{
	margin-bottom:15px;
	width:550px;
}

.ingredient_name img.icon_ingredient{
	margin-bottom:-66px;
	margin-left:-15px;
	padding-right:6px;	
}

/*
	Modal (ingredients page )
----------------------------------------------------------------- */
#simplemodal-container a.modalCloseImg {
	background::url(/images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;

}
#simplemodal-overlay {
	background-color:#000;
}
#simplemodal-container {
	position:relative;
	background-color:#333; 
	border:8px solid #444; 
	padding:12px;
	color:#FFF;
	text-align:left;
}

.benefit_1{
		display:none;
}

.benefit_1 dt{
	color:#F47B20;
}

.ingredientcursor{
	cursor:pointer;
}




/*
	Sitemap
----------------------------------------------------------------- */
ul.sitemap {
}

ul.sitemap li {
	padding-top: 15px;
}

ul.sitemap li ul li{
	padding-top: 5px;
}