@charset "utf-8";
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,700,800");
@import url("font-awesome.min.css");
html, body {
	margin: 0!important;
	padding: 0!important;
}
body {
	background:#fff url(../images/bg.jpg) top repeat-x;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#353434;
}
a, a:visited, a:link, a:active {
	color:#ffe400;
	text-decoration:none;
	outline:none
}
a:hover { text-decoration:underline}
img{border:0;}
ul{list-style:none}
h1, h2, h3, h4, h5, h6, p, ul, li, div{
	display:block;
	padding:0;
	margin:0;
	font-weight:normal
}
.container, header, .inner{
	position:relative;
	display:block;
	margin:0 auto;
	width:1020px;
	padding:0;
}
.logo{
	display: inline-block;
	margin: 15px 0 20px
}
.subHdr{
	width: 100%;
	background: url(../images/bg2row.png) top repeat-x;
}
.subHdr .inner{
	background: url(../images/lose-your-craving.jpg) left top no-repeat;
	min-height: 399px;
}
.subHdr span{
	display: block;
	padding: 16px 0 0;
}
ul.listBen{
	position: absolute;
	display: inline-block;
	bottom: 10px;
	left: 5px;
	width: 225px;
}
.listBen li{
	font-size: 16px;
	font-weight: 600;
	color: #616161;
	background: url(../images/checkIcon-sml.png) left center no-repeat;
	padding: 4px 0 4px 34px;
	margin: 5px 0;
}
.textBtm{
	width: 100%;
	background:#6a4392 url(../images/bg3row.jpg) top repeat-x;
	padding: 10px 0 20px;
}
.textBtm h3{
	width: 687px;
	font-size: 46px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.textBtm h4{
	width: 687px;
	font-size: 20px;
	color: #fff;
	margin-top:7px;
	text-align: center;
}
.textBtm span{
	display: block;
	width: 687px;
	margin-top: 40px;
	text-align: center;
}
.tvChannel{
	width: 100%;
	margin-top: 20px;
	text-align: left;
}
.topForm{
	position: absolute;
	display: inline-block;
	width:317px;
	top:-600px;
	right: 0;
	background:#e0c4ff url(../images/topForm.png) top no-repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.30);
	box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.30);
	z-index: 999;
}
.topForm h3{
	text-align: center;
	font-size: 28px;
	color: #fff;
	font-weight: 600;
	line-height: 32px;
	margin-top: 10px;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0,0,0,.9)
}
.topForm h4{
	text-align: center;
	font-size: 21px;
	color:#ffc75e;
	font-weight: 600;
	font-style: italic;
	margin: 20px 0 25px;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0,0,0,.9)
}
.topForm form{
	display: block;
	margin: 20px 0;
	text-align: center;
}
.topForm label{
	display: inline-block;
	text-align: right;
	font-size: 14px;
	width: 95px;
}
.topForm input[type=text]{
	display: inline-block;
	text-align: right;
	font-size: 14px;
	width: 156px;
	margin: 3px 0 3px 10px;
	padding: 5px 10px;
	border: 1px solid #bd98e6
}
article{
	width: 100%;
	margin:75px 0 30px;
	text-align: center
}
article h2, .futureHere h3{
	font-size: 49px;
	color: #5e3985;
	font-weight: 800;
	text-transform: uppercase
}
article h3{
	font-size: 30px;
	color: #594e64;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 30px;
}
article p{
	line-height: 24px;
	margin: 25px 0;
}
.futureHere{
	width: 100%;
	text-align:center
}
.futureHere hr{
	display: inline-block;
	width: 90%;
	border: 1px solid #f2f2f2;
	margin: 30px 0;
}
.futureHere p{
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	margin: 10px 0;
}
.futureHere ul{
	display: inline-block;
	margin:35px 0 10px;
}
.futureHere li{
	display: inline-block;
	margin:0 20px;
}
ul.flavor{
	width: 100%;
	text-align:center;
	margin:20px 0 50px
}
.flavor span{
	display: block;
	width: 100%;
	margin: 10px 0;
}
.flavor li{
	display: inline-block;
	width: 19%;
}
.topForm.choicesForm{
	top: -200px;
}



.btmBox, .prodBox{
	width: 970px;
	-webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.30);
	box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.30);
	margin: 20px 0 20px 25px;
}
.innerShadow, .topForm span{
	width: 100%;
	background: #fff;
	-webkit-box-shadow: inset 0px 0px 29px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: inset 0px 0px 29px 0px rgba(0,0,0,0.07);
	box-shadow: inset 0px 0px 29px 0px rgba(0,0,0,0.07);
	text-align: center;
	padding-bottom: 30px
}
.boxTitle{
	width: 100%;
	height: 74px;
	background:#2b1b3b url(../images/bgTopBox.png) top repeat-x;
	border: 1px solid #2b1b3b;
	font-size: 48px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 #000
}
.boxLeft{
	display: inline-block;
	vertical-align:top;
	margin-top: 25px;
}
ul.boxList{
	display: inline-block;
	width: 320px;
	margin:30px 10px 0 30px;
}
.boxList li{
	width: 325px;
	font-size: 24px;
	font-weight: 600;
	color: #616161;
	text-align: left;
	background: url(../images/checkIcon.png) left center no-repeat;
	padding: 4px 0 4px 45px;
	margin: 5px 0;
}
.boxRight{
	display: inline-block;
	width: 295px;
	margin-top: 35px;
	vertical-align: top
}
a.grnBtn, .topForm input[type=submit]{
	display: inline-table;
	background: url(../images/bgOrderBtn.png) center center repeat-x;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	margin: 10px 0;
	padding: 5px 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-shadow: -1px -1px 0 rgba(0,0,0,.9);
}
.topForm input[type=submit]{
	margin: 10px 0 0;
	border:0
}
.topForm span{
	display: inline-block;
	padding: 7px 0;
}
.prodBox{
	width: 664px;
	margin: 20px 0;
}
.prodBox .innerShadow{padding-bottom: 8px;}
.prodTitle{
	position: relative;
	width: 100%;
	height: 56px;
	background:#2b1b3b url(../images/bgTopBox.png) top repeat-x;
	border: 1px solid #2b1b3b;
	color: #fff;
	text-align: left;
	text-shadow: -1px -1px 0 #000
}
.bestVal{
	position: absolute;
	display: inline-block;
	background: url(../images/bestValue.png) no-repeat;
	top: 5px;
	left: -8px;
	width: 81px;
	height: 51px;
}
.prodTitle h3, .prodTitle h5{
	display: inline-block;
	margin: 8px 0 0 90px;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
}
.prodTitle h4{
	display: inline-block;
	margin: 0 0 0 60px;
	font-size: 18px;
	font-weight: 600;
}
.prodTitle h5{
	position: absolute;
	margin:0;
	top: 8px;
	right: 18px;
}
.prodImg{
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}
.prodDtls{
	display: inline-block;
	width: 307px;
	margin:20px 0 0 25px;
	text-align: left;
}
.prodDtls h3{
	width: 100%;
	background: url(../images/smallLogo.png) right center no-repeat;
	font-size: 18px;
	font-weight: 700;
	color: #ed6a00;
}
.prodDtls p{
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px;
	font-weight: 600
}
.prodDtls h4{
	font-size: 12px;
	color: #5a2f86;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 15px;
}
.prodDtls ul{
	margin: 5px 0 0;
}
.prodDtls li{
	display: inline-block;
	width: 48%;
	margin: 2px 0 0;
	font-size: 12px;
	font-weight: 600;
	background: url(../images/dropIcon.png) left center no-repeat;
	padding: 0 0 0 17px;
}
.prodBtm{
	width: 100%;
	height: 34px;
	margin-top: 10px;
	background: url(../images/bgShade.png) center right no-repeat;
	font-size: 14px;
	font-weight: 600;
	text-align: right;
	padding-right: 25px;
}
span.high{color: #c40f01; font-weight: 800; text-transform: uppercase}
span.medium{color: #ef6103; font-weight: 800;text-transform: uppercase}
span.high{color: #5c3a7e; font-weight: 800;text-transform: uppercase}
.prodBtm input[type="checkbox"] {
    display:none;
}
.prodBtm input[type="checkbox"] + label  {
    display:inline-block;
    width:159px;
    height:34px;
	overflow:hidden;
	margin-left: 10px;
    vertical-align:middle;
    background:url(../images/checkBox.png) 0 -34px no-repeat;
    cursor:pointer;
    text-align: left;
}
.prodBtm input[type="checkbox"]:checked + label  {
    background:url(../images/checkBox.png) 0 0 no-repeat;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { /* hacked for chrome and safari */

}

|:-moz-any-link:focus {outline: none;}
input[type="image"]:focus {outline: none;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}
abbr[title], acronym[title] {border-bottom: none;}
*:focus {outline : none;}

