@charset "utf-8";

/* general */
* {margin:0; padding:0;}
html, body {height: 100%;padding: 0;margin: 0;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 16px;background: #1a1a1a;}	
h1 {font-size: 24px;font-weight: bolder;color: #333;}
h2 {font-size: 16px;font-weight: bold;color: #333;}
h3 {font-size: 18px;font-weight: bold;color: #333;}
img {border:0;}
a {color: #666;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}
.dottedBottom {border-width:1px; border-bottom-style:dashed; border-bottom-color:#999999;}

/* floating */
.floatL {float:left;}
.floatR {float:right;}
.clearfloat {clear:both;}

/*** CLEARFIX ***/
.clear, .clear2 {clear:both; display:block;	overflow:hidden; visibility:hidden;	width:0; height:0;}
.clearfix:before,.clearfix:after {content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
.clearfloat {clear:both;}

/* margins */
.marginL {margin:0 0 0 4%;}
.marginR {margin:0 4% 0 0;}

.m20pxtop {margin-top:20px;}
.m20pxrt {margin-right:20px;}
.m40pxrt {margin-right:40px;}
.m20pxbtm {margin-bottom:20px;}
.m20pxlft {margin-left:20px;}
.m40pxlft {margin-left:40px;}

.center {margin:0 auto;}
li {
    list-style-image: url("../images/bullet.png");
    list-style-position: outside;
}
/* TEXT ALIGNMENT */
.centerTxt{text-align:center;}
.leftTxt {text-align:left;}

/* STRUCTURE ELEMENTS */
div#wrapper {width:960px;margin:0 auto;height:auto;}
div#header {margin-top:20px;}
	#logo {display:block;float:left;}
	#menu {display:block;float:right;margin-top:20px;}
		#menu li {display:inline-block; float:right; margin-left:20px; text-decoration:none; list-style-type:none;}	
		#menu a {text-decoration:none; display:block; padding:5px 10px;color:#fff;}	
	#coupon_banner {float:right;width: 620px;height: 34px;text-align:center;display:block;}

div#content {width:920px;height:auto;padding:20px 20px 20px;background-color:#FFF; }
	div#content h1 {font-size:32px; margin-bottom:10px;}
	.productpitch {height:250px; display:block;}		
		.mediaBox {display:inline-block;float:left;width:320px; height: 234px; background:#00ccff; margin-right:40px;}		
		.mediaBoxSlider {display:inline-block;float:left;width:310px; height: 233px; background:#1a1a1a; margin-right:30px;}
		
		.mainbulletpoints {display:inline-block;width:480px;float:left;font-size:22px; font-weight:700; line-height: 25px;}
		.mainbulletpoints li {list-style-image:url(../images/red_bullet.png);margin-top:4px; background-repeat:no-repeat;}
		li.nobullet {list-style-type:none; list-style-image:none !important;}
		
		.howbulletpoints {display:inline-block;width:380px;float:left;font-size:22px; font-weight:700; line-height: 25px;}
		.howbulletpoints li {list-style-image:url(../images/red_bullet.png);margin-top:4px; background-repeat:no-repeat;}
		
		.starbursts {display:inline-block;}
		
	.productpitch_how {margin-bottom:20px;}	
		.mediaBox_how {display:block;width:640px; height: 468px; background:#00ccff; margin:0 auto 20px;}

.ctacontainer {display:block; background:#CCC; border:#000 thin solid; padding:20px; margin-bottom:15px;}
	.cta {}
	.cta h3 {margin-top:15px;font-size:18px; font-weight:900;}
	div.addtocart {display:block; background-image:url(../images/add_to_cart_bg.png); background-position:0px 0px; width:175px; height:40px;margin:20px auto;}
	div.addtocart:hover{background-position:0 -40px;}
	li.nobullet .addtocart {margin:0;}
	
.callToAction {width:660px;margin:0 auto;}
	.callToAction img {float:left;}
	.callToAction form {width:104px;display:inline-block;}
	#smallTextLink {font-size: 12px !important;	width:242px; text-align:center;}

.productdescription {margin-bottom:20px;}
	.productdescription p {display:block; float:left; width:400px;font-size:18px; vertical-align:middle;margin-right:20px;}
	.instructions {display:block;float:right;width:460px; background:#1a1a1a;color:#FFF;padding:15px 20px 20px;}
		.instructions h3 {color:#FFF; font:oblique 24px Arial, Helvetica, sans-serif bolder;}
		.instructions p {width:inherit; font-size:12px; margin:0 auto; font-weight:bold;}
		.mspacer {margin:0 20px;}
		.smcol {width:140px; float:left;}
		.smcol p {width:140px;}
		.smcol img {display:block; margin: 0 auto 10px;}
		.smcol ul {margin:0; padding:0 0 0 20px;}
		
.triplets {}
	.triplets .smcol {width:31.5%; float:left; }
	.triplets .smcol div {margin:10px auto 0; text-align:left !important;}
	.triplets .smcol img {display:block; margin: 0 auto;}

.lrgcol {width:100%;text-align:center;}


.divider {border-bottom: 1px dashed #333; display:block; margin-bottom:20px; height:20px;width:auto; clear:both;}
.dashed {border-width:1px; border-bottom-style:dashed; border-color:#999999;}
.disclaimer {font-size:11px; text-align:left; padding:5px;}
#asterisk{margin:20px auto; width:600px; color:#999;font-size:11px;}
#slider_wrapper {display:block;float:left;width:310px; height: 233px; background:#00ccff; margin-right:20px;}
	
/* SUGARMEN */
.sugarmanheader{display:block; border-top-style:dashed;border-bottom-style:dashed;border-color:#1a1a1a; border-width:thin; margin-bottom:20px; padding: 20px 0;}

.sugarmanHero {display:block;border-width:1px; border-bottom-style:dashed; border-bottom-color:#999999;padding-bottom: 20px;}
	.sugarmanHero img {display:block; margin: 0 20px 0 0; float:left;}
	.sugarmanHeroContent {display:block; float:left; width:550px; height:auto;font-size:14px;}
	.sugarmanHeroContent h2 {margin:0 0 5px 0;padding:0;font-size:16px;}	

.sugarman {display:block;border-width:1px; border-bottom-style:dashed; border-bottom-color:#999999; margin-top:20px; padding-bottom: 20px;}
	.sugarman img {display:block; float:left; margin: 0 20px 0 0;}
	.sugarmanContent {display:block; float:left; width:600px; min-height:90px;font-size:14px;}
	.sugarmanContent h2 {margin:0 0 5px 0;padding:0;font-size:14px;}
	.sugarmanContent p {}
	.priceBox {display:block; width:200px; min-height:80px; float:right; text-align:center; vertical-align:middle; font-weight:bold;font-size:16px;}	

/* CHECKOUT */
.checkoutform {display:block;float:right; background:#999; padding:2px 3px 3px;}
#checkout_sugarman_container{width:515px;float:left;}
	.checkout_sugarmanContent {display:block;}
		.checkout_sugarmanContent h2 {margin:0;padding:0;font-size:16px;}
		.checkout_sugarmanContent p {display:block; margin-bottom:20px;font-size:14px;}

/* UPSELLS */
#upsell {font-size:14px;}
	#upsell h2 {color:#000; text-align:left; margin: 20px 0 10px; font-size:14px;}
	.thin_upsell {width:800px; margin:0 auto;}
	#CTA {text-align:center; font-weight:bolder; font-size:30px; margin:20px 0 0; line-height:.98;}
	.upsell_sugarman {display:block; width:700px; margin:0 auto;}
	.upsell_sugarmen img {margin-right:15px; float:left;}
	.upsell_disclaimer {font-size:10px;}
	#header_ul {margin-left:10px;}
	
/* NEWSLETTER FORM */
form.signup {}
	form.signup input{margin-top:20px; width:200px;}
	form.signup .submit {width:100px !important;margin-bottom:20px;font-size: 18px;font-weight: bold;color: #333;}
	form.signup .submit:hover {
		background: #00ccff; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwY2NmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGExYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #00ccff 0%, #00a1c9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ccff), color-stop(100%,#00a1c9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #00ccff 0%,#00a1c9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #00ccff 0%,#00a1c9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #00ccff 0%,#00a1c9 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #00ccff 0%,#00a1c9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#00a1c9',GradientType=0 ); /* IE6-8 */}
	form.signup label {text-align:right;}	
	ul#social {display:block; width: 740px;height:32px; margin:0 auto; list-style-type:none; text-align:left;}
	ul#social li {display:block;float:left; height:32px; width:132px;}
	ul#social a img{float:left;margin-right:10px;}
/* footer stuff */
#footer {
	color: #fff;
	font-size: 10px;	
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
}

#orderNow {
	font-size: 20px;
}

#footerLinks {
	font-size: 14px;
}

/* upsell stuff */
div#upsellDisclaimer {
	padding-top: 15px;
	font-size: 10px;
	text-align: left;
	width: 100%;
}

div#disclaimer2 {
	font-size: 10px;
	width: 550px;
	margin:0 auto;
	padding:10px;
}

.iWantItButton {
	border: 0px;
	padding: 0px;
	background-color: #fff;
	outline: 0;
	cursor: pointer;
}

.noButton {
	border: 0;
	padding: 0px 0px 0px 0px;
	background-color: #FFF;
	outline: 0;
	cursor: pointer;
}

#noText {
	text-align: center;
	position: relative;
	right: 215px;
}

.noThanks {
	color: #333;
}
.noThanks:hover {
	color: #00ccff;
}

/* form stuff */
div#disclaimer {
	font-size: 10px;
	text-align: left;
	width: 310px;
	padding:10px;
}

div#step2Disclaimer {
	background: #FC6;
	border: 1px solid #999;
	padding: 10px;
	margin-top: 10px;
	font-size: 14px;
	width: 300px;
	text-align: left;
}

#sstate, #bstate, #szip, #bzip, #zip_label {
	position: inherit;
}

#bcountry, #scountry {
	width: 225px;
}

/* classyForm stuff */
div#classyForm {
	text-align: left;
	width: 300px;
	background: #ccc;
	color: #000;
	padding: 15px;
	border: 1px solid #000;
}

div#classyForm label {
	display: block;
	font-weight: bold;
	color:#222;
}

div#classyForm input, select {
	margin-left: 10px;
}

div#classyFormOrder {
	text-align: left;
}

div#classyFormOrder label {
	display: block;
	font-weight: bold;
	font-size:16px;
}

.orderInput {
	width: 250px;
	padding: 3px 5px;
}

div#classyFormTitle {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 5px;
	text-align: center;
}

div#error {
	background: #c90316;
	font-weight: bold;
	color: #fff;
	clear: both;
	padding: 5px;
}

div#cc_message {
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
}

#card_header {
	text-align:center;
	margin:20px 0;
	font-size:14px;
	}
div#checkbox {
	background: #ccc;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
}

div#submit {
	text-align: center;
}

div#classyFormTitleOrder, div#classyFormTitleShip {
	font-weight: bold;

	color:#222;
	margin-left:15px;
}
div#classyFormTitleShip {
	margin:20px 0 0 15px;	
	
	}
#bill_block, #ship_block {

	text-align: left;
	width: 300px;
	background: #ccc;
	color: #000;
	padding: 15px;
	border: 1px solid #000;
}

#bill_block input, select {
	margin-left: 10px;
}

#ship_block input, select {
	margin-left: 10px;
}

#classyForm #add2_label {
	display: none;
}

#classyForm #sadd2 {
	margin-top: 10px;
}

select#country {
	width: 215px;
}

.formHeader {
	font-size: 16px;
}

.orderBar {
	border-bottom: 1px dashed #000;
	padding-top: 3px;
	margin-bottom: 5px;
	width: 70%;
	font-size: 16px;
}

/* video stuff */
div#playerdiv, div#playerdiv2 {
	background: #fff;
	color: #000;
}

/* add to cart box stuff */
#addToCart {
	background: #ccc;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #333;
}

/* newsletter stuff */

div#newsletterBox {
	width: 275px;
	border: 1px solid #000;
	margin:0 auto;
}
.newsletterHeader {
	background-color: #ccc;
	text-align: left;
	border-bottom: 1px solid #000;
	padding: 3px;
}

/* sugarman stuff */
#sugContentTop {
	border-bottom: 1px dashed #333;
	border-top: 1px dashed #333;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}

#plusItems {
	border-bottom: 1px dashed #333;
}

.bar {
	border-bottom: 1px dashed #000;
}

.orderHeader{
	font-size: 16px;
	font-weight: bold;
	padding-top: -5px;
}

.recipesImg {
	font-weight: bold;
	padding-top: 20px;
}

div#mdv a {
	color: #00F;
	text-decoration: none;
}

/* SPECIAL EFFECTS */
.red_bg {
background: #f10000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f10000 0%, #630000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f10000), color-stop(100%,#630000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f10000 0%,#630000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f10000 0%,#630000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f10000 0%,#630000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f10000 0%,#630000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f10000', endColorstr='#630000',GradientType=0 ); /* IE6-8 */
}

.red_bg:hover {
background: #ff2d2d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMmQyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff2d2d 0%, #910000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2d2d), color-stop(100%,#910000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff2d2d 0%,#910000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff2d2d 0%,#910000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff2d2d 0%,#910000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff2d2d 0%,#910000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d2d', endColorstr='#910000',GradientType=0 ); /* IE6-8 */
}

.blue_bg:hover {
background: #7abcff;
background: -moz-linear-gradient(top,  #7abcff 0%, #00ccff 27%, #00ccff 69%, #4096ee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(27%,#00ccff), color-stop(69%,#00ccff), color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top,  #7abcff 0%,#00ccff 27%,#00ccff 69%,#4096ee 100%);
background: -o-linear-gradient(top,  #7abcff 0%,#00ccff 27%,#00ccff 69%,#4096ee 100%);
background: -ms-linear-gradient(top,  #7abcff 0%,#00ccff 27%,#00ccff 69%,#4096ee 100%);
background: linear-gradient(to bottom,  #7abcff 0%,#00ccff 27%,#00ccff 69%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
}

.round {-moz-border-radius: 10px 0 10px 0; -webkit-border-radius: 10px 0 10px 0; -khtml-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0;}
.shadow {-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);}
.smdropshadow {box-shadow: -1px 4px 7px rgba(0, 0, 0, 0.52); -moz-box-shadow: -1px 4px 7px rgba(0, 0, 0, 0.52); -webkit-box-shadow: -1px 4px 7px rgba(0, 0, 0, 0.52);}
.dropshadow {
-moz-box-shadow: 0px 10px 14px 2px #727272;
-webkit-box-shadow: 0px 10px 14px 2px #727272;
box-shadow: 0px 10px 14px 2px #727272;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 180, color = '#727272');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 180, Color = '#727272')";
}
.checkoutform{
-moz-box-shadow: -3px 5px 13px #bfbdbe;
-webkit-box-shadow: -3px 5px 13px #bfbdbe;
box-shadow: -3px 5px 13px #bfbdbe;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 5, direction = 207, color = '#bfbdbe');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 207, Color = '#bfbdbe')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/





}