/* Edit Here ONLY to add custom styles */

.promosubmit{float:left;padding-left:10px;}

.formwidth{
	width:220px;
	margin:0 auto;
}
#promocode{
	float:left;
	width:160px;
}
.forgotpwdtxt{
	font-size:1.2em;
	clear:both;
	padding-top:20px;
}

.rollover a {
display:block;
width: 330px;
height:280px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("images/video_thumb.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -300px;
color: #049;
}
.rollover a:active {
background-position: 0 -300px;
color:#fff;
}

a.media {
color:#2B2B2B;
font-weight:bold;
margin:0 20px;
text-decoration:none;
}
a:hover.media {text-decoration:underline}


/* End Edits - Do not edit below this line */



* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.9em; background:/*#faf9f5*/ url(images/bg_white.gif) repeat-x top }
html, input, textarea {
	font-family:Tahoma; 
	color:#2b2b2b;
}

#leftmenu {
	width:200px;
	float:left;
	/*background: url(images/navbarbot.gif) no-repeat bottom;*/
}
.navi_special {
	overflow:hidden;
	height:12px;
}
div.orderlink{clear:both; padding:0 0 0 18px;}
#leftmenu .mpad {
	padding: 15px;
}
#navbarlinks {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#navbarlinks li {
	padding:6px 0;
}
#navbarlinks li ul li{
	padding:2px 0 2px 44px;
}
#menucontent {
	background: url(images/navbarbg.gif) repeat-y right;
	font-size:0.87em;
}
#contentcontainer {
	float:left;
	}
#bodycontainer {
	margin:0;
	padding:0;
	width:1000px;
}


#cart_header_bar{
	text-align:right;
	padding-bottom:5px;
	padding-right:5px;
}

.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
div.container {	overflow: hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;}

b{color:#018eb9;}

a{color:#d88900; text-decoration:underline; font-weight:bold} 
a:hover{text-decoration:none}
.a1{color:#9aa625; font-weight:normal; } 
.a2, .a3{color:#9aa625; font-weight:normal;  background:url(images/arrow1.gif) top left no-repeat; padding:0 0 2px 24px; margin-left:8px; background-position:0 2px } 
.a3{ display:block; float:left; margin:0 0 25px 0}
.a4{color:#FFF; font-weight:normal; } 
.a5big{font-size:16px; color:#FFF; font-weight:normal; background:url(images/arrow1.gif) top left no-repeat; padding:0 0 2px 24px; margin-left:8px; background-position:0 2px; } 
.a5{color:#FFF; font-weight:normal;  background:url(images/arrow1.gif) top left no-repeat; padding:0 0 2px 24px; margin-left:8px; background-position:0 2px; }

a.prodlink{font-size:1.5em; text-decoration:none; font-weight:normal;}
a.prodlink:link{font-size:1.5em; text-decoration:none; font-weight:normal;}
a.prodlink:hover{text-decoration:underline;}

ul.arrow{margin:0 0 5px 0; padding:0; list-style:none;}
ul.arrow li{  background:url(images/line.gif) no-repeat bottom; }
ul.arrow li a{color:#2b2b2b; text-decoration:none ; line-height:2em; font-weight:normal; background:url(images/arrow.gif) top left no-repeat; padding-left:24px; margin-left:8px} 
ul.arrow li a:hover { text-decoration:none; color:#d88900 }

#state, #country, #referredby {
	font-family:Tahoma; 
	font-size:0.9em;
}

/*header*/
#page1 #header .logo, #page2 #header .logo, #page3 #header .logo, #page4 #header .logo, #page5 #header .logo, #page6 #header .logo, #page7 #header .logo{ margin:4px 0 0px 6px }

/*content*/
#page1 #content{position:relative;}
#content .order_now_btn{ padding:0 0 0 65px;}
#content{ font-size:0.6875em; width:100%; position:relative;}
#content .indent_main{padding:0px 26px 26px 44px}
#content .indent_main1{padding:0px 39px 36px 29px}
#content .indent_col1{padding:0px 25px 0px 0px}
#content .indent_col1_1{padding:0px 5px 0px 0px}
#content .indent_col2{padding:0px 0px 0px 0px}
/*#page1 #content .indent_col2{padding:30px 0px 0px 0px}*/
#content .indent_col2_2{padding:10px 0px 0px 0px}
#content .indent_col3{padding:0px 0px 0px 40px}
#content .title{ margin-bottom:23px}
#content .title1{ margin-bottom:39px}
#content .title2{ margin:22px 0 23px 0}
#content .block .title{ margin-bottom:15px}
#content .pic_left{ float:left; margin:10px 20px 9px 0px;}
#content .pic{ margin:0px 0px 21px -9px}
#content p{ margin:0px 0px 17px 0px}
#content .p1{ margin:12px 0px 12px 0px}

#content p.shortdesc, #content p.longdesc, #content .indent_col1_1 p{font-size:1.2em; font-weight:normal;}
.pad ul{font-size:1.18em; font-weight:normal;}

/*block*/
.block{ background:#e2ddbe; width:100%}
.block .bg_top{ background: url(images/bg_top.gif) repeat-x top}
.block .bg_bottom{ background: url(images/bg_bottom.gif) repeat-x bottom }
.block .bg_left{ background: url(images/bg_left.gif) repeat-y left }
.block .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block .bg_top_left{ background: url(images/bg_top_left.gif) no-repeat top left }
.block .bg_top_right{ background: url(images/bg_top_right.gif) no-repeat top right }
.block .bg_bottom_left{ background: url(images/bg_bottom_left.gif) no-repeat bottom left }
.block .bg_bottom_right{ background: url(images/bg_bottom_right.gif) no-repeat bottom right }
.block .indent_block{ padding:14px 15px 21px 22px; }

.block2{ background:#e2ddbe; width:133px; float:left; margin-right:10px;}
.block2 .bg_top{ background: url(images/bg_top.gif) repeat-x top}
.block2 .bg_bottom{ background: url(images/bg_bottom.gif) repeat-x bottom }
.block2 .bg_left{ background: url(images/bg_left.gif) repeat-y left }
.block2 .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block2 .bg_top_left{ background: url(images/bg_top_left.gif) no-repeat top left }
.block2 .bg_top_right{ background: url(images/bg_top_right.gif) no-repeat top right }
.block2 .bg_bottom_left{ background: url(images/bg_bottom_left.gif) no-repeat bottom left }
.block2 .bg_bottom_right{ background: url(images/bg_bottom_right.gif) no-repeat bottom right }
.block2 .indent_block{ padding:14px 15px 21px 22px; }

#page1 h1 {line-height:normal; font-size:1.985em;}

#page2 .block .indent_block{ padding:14px 15px 50px 22px; }
#page2 .pad{ padding:7px 27px 7px 17px;}

#page3 .pad{ padding:0px 0px 20px 0px}
#page3 .pad2{ padding:20px 0px 0px 0px}
#page3 .pad1{ padding:7px 27px 7px 17px; font-weight:bold}
#page3 .h1{ height:20px}
#page3 .h1 a{ color:#2b2b2b; font-weight:normal; margin-left:17px}
#page3 .h1 span{ color:#d88900; font-weight:bold;}
#page4 .pad{ padding:0px 0px 20px 0px}
#page4 .pad1{ padding:7px 27px 7px 17px; font-weight:bold}
#page4 .pad2{ padding:20px 0px 0px 0px}
#page4 .pad3{ padding:7px 10px 7px 17px;}
#page4 .pad4{ padding:7px 1px;}
#page4 .padfix{padding:7px 27px 7px 17px;}
#page4 .h1 a{ color:#2b2b2b; font-weight:normal; margin-left:17px}
#page4 .h1 span{ color:#d88900; font-weight:bold;}
#page6 .pad{ padding:20px 0px 0px 0px}
#page7 #content .indent_col1{padding:0px 3px 15px 0px}


/*footer*/
#footer { color:#2b2b2b; font-size:0.6875em; padding:32px 0px 17px 250px;background:url(images/bg1.gif) repeat-x bottom; margin:20px 0 0 0; clear:both;}
#footer a {color:#ac3900; text-decoration:underline; font-weight:normal}  
#footer a:hover {  text-decoration:none}
#footer span{ color:#ac3900; display:block; margin-bottom:8px;}
#footer span a {color:#2b2b2b; text-decoration:none; margin:0px 20px 0px 20px; font-weight:bold}  
#footer span a:hover {  text-decoration:underline}
#footercopy { margin-left:220px; }

#footeradmin { color:#2b2b2b; font-size:0.6875em; padding:25px 0px 0px 0px;background:url(images/bg1.gif) repeat-x bottom; margin:0; clear:both;}
#footeradmin a {color:#ac3900; text-decoration:underline; font-weight:normal}  
#footeradmin a:hover {  text-decoration:none}
#footeradmin span{ color:#ac3900; display:block; margin-bottom:8px;}
#footeradmin span a {color:#2b2b2b; text-decoration:none; margin:0px 20px 0px 20px; font-weight:bold}  
#footeradmin span a:hover {  text-decoration:underline}
#footercopy { margin-left:220px; }

.h{ height:24px}
input.stan{
   	border:1px solid #8a8778; 
	background:#FFFFFF;
	width:176px; height:20px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}
textarea.stan{
   	border:1px solid #8a8778; 
	background:#FFFFFF;
	width:176px; height:180px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}

#viewcart {
}
#viewcart td{
	padding:5px;
}

tr.headbdr{border-bottom:2px solid #333333;}

.clean {display:none;}

#preferred_popup {
	font-size:0.6875em;
	text-align:left;
	padding-top:50px;
}
h4.indent{
	margin-left:10px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
h4.indent2{
	margin-left:20px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}

/* moodalbox CSS for displaying preferred customer popup window */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #faf8f4;
visibility: hidden;
}

.mb_loading {
background: #DDD url(images/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(images/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}


/*Custom Styles for the landing page stuff */
h1.huge{font-size:4em; width:520px; text-align:center; padding-bottom:10px; position:relative;line-height: normal; }
.h2 {line-height:normal; font-size:2em;}
.subhuge{padding:10px 0; font-weight:bold; font-size:1.4em; line-height:1.1em; width:520px; text-align:center;}
.unlocktop{position:absolute; top:15px; right:1px; z-index:0;}
.unlockbottom{ text-align:center;}
.landingpackage{padding-top:60px;}
.landingcontent{}
.bottombottles{text-align:center;}
.producttabs{
}
.tabcontent{clear:both; text-align:left; border:1px solid #cccccc; padding:10px;}
#tabcontent1{}
#tabcontent2{}
#tabcontent3{}
#tabcontent4{}
#tabcontent5{}
/* End Styles */

.addtocart{
	width:115px;
	margin:5px auto;
}
.qtytext{
	float:left;
	padding-top:3px;
}
.qty{float:left; width:25px;}
#productcontainer{}
.productblock{position:relative; padding-bottom:20px;}
.productbox{
	width:240px;
	float:left;
	text-align:center;
}
.productboxlast{
	width:240px;
	float:right;
	/*margin-right:90px;*/
	text-align:center;
}
.productname{font-weight:bold; font-size:1.4em;}
a.producttitle:link, a.producttitle:hover, a.producttitle:visited {font-weight:bold; font-size:1.4em; color:#2B2B2B; text-decoration:none;}
.preferredprice{
	font-weight:bold;
	font-size:1.4em;
	color:#600;
}
.leavepage{
	padding:15px;
	font-size:.8em;
	text-align:center;
	line-height:normal;
}
h3.clickimage{margin:10px; padding:5px;}
/*** tabs menu ***/
#tabs {
      float:left;
      width:100%;
      line-height:normal;
      font-weight:bold;
      border-bottom:1px solid #24618E;
      }
#tabs ul {
	  margin:0;
	  padding:10px 10px 0 5px;
	  list-style:none;
      }
#tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabs a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
#tabs a span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
      color:#FFF;
      }
#tabs a:hover {
      background-position:0% -42px;
      }
#tabs a:hover span {
      background-position:100% -42px;
      }
#tabs a.activetab{
	color:#FFF;
	background-position:0% -42px;
}
#tabs a.activetab span{
	color:#FFF;
	background-position:100% -42px;
}
/*** END Menu ***/

#page7 ul.unIndentedList{
	margin-left:30px;
}
#enteredpromocheck{
	/*border:1px solid #999;
	background-color:#CCC;*/
	margin:5px 30px;
	padding:10px;
	line-height:normal;
	height:80px;
	color:#c90000;
}
div.carticon{
	width:100px;
	height:74px;
	float:left;
	margin-right:10px;
}
#enteredpromocheck h3{
	line-height:normal;
	padding-top:15px;
}
#enteredpromocheck a{
	font-weight:normal;
	color:#c90000;
}
.hasenteredpromotext{
}
.arrowme1{
	position:absolute;
	top:190px;
	left:10px;
}
.arrowme2{
	position:absolute;
	top:190px;
	left:250px;
}
.arrowme3{
	position:absolute;
	top:190px;
	left:490px;
}
.arrowme4{
	position:absolute;
	top:510px;
	left:10px;
}
.arrowme5{
	position:absolute;
	top:510px;
	left:490px;
}