/* CSS Document */

@import url(/custom/DefaultTheme/drop-down.css);

body, h1, h2, h3, p, a, ul, li, img {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img {
	border:none;
}
ul {
	list-style-type: none;
}
h1 {
	float: left;
	margin-top: 22px;
}
h1 a{
	text-indent: -9999px;
	float: left;
	overflow:hidden;
	background: url(../images/protandim-logo.jpg) no-repeat left top;
	height: 41px;
	width: 193px;
	overflow:hidden;
}
h2 {
	font-size: 16px;
	line-height: 38px;
	color: #FFFFFF;
	text-align: center;
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-family: "Myriad Pro", "Trebuchet MS";
}
h3 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #0072bc;
	margin:22px 0 0px 0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

p {
	color:#534741;
	font-size:12px;
	line-height:24px;
	margin-top:18px;
}
li {
	color:#534741;
	font-size:12px;
	line-height:24px;
}
.clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
.clearfix {display: inline-block;}    
/* Hides from IE-mac \*/  
* html .clearfix {height: 1%;}  
.clearfix {display: block;}  
/* End hide from IE-mac */#page-wrapper {
	width: 970px;
	margin-right: auto;
	margin-left: auto;

}
.header{
	float: left;
	height: 74px;
	width: 100%;
	border-bottom: solid 2px #f2f2f2;
}
.header li a:hover {
}
.promo-area {
	float: left;
	width: 100%;
}
.flash-area {
	float: left;
	height: 336px;
	width: 716px;
	background: url(../images/flash-area-bg.gif) no-repeat left top;
	padding-left: 2px;
}

.side_promo_wrapper {
	float: right;
	width: 234px;
	margin-top: 5px;
}
.side-promo {
	background: url(../images/side-promo-bg.jpg) no-repeat left top;
	float: left;
	height: 239px;
	width: 234px;
	margin-top: 5px;
	position: relative;
}
.side-promo2 {
	background: url(../images/side-promo-bg2.jpg) no-repeat left top;
	float: left;
	height: 339px;
	width: 234px;
	margin-top: 5px;
	position: relative;
}
.side-promo2 a {
	text-indent: -9999px;
	overflow: hidden;
}
.side-promo a {
	text-indent: -9999px;
	overflow: hidden;
}
.side_promo_wrapper p {
	width:234px;
	height:87px;
	float:left;
	background: url(../images/limited_offer.jpg) no-repeat left top;
	text-indent:-9999px;
	margin:0;
}
.trial {
	background-image: url(../images/btn-free-trial.jpg);
	height: 58px;
	width: 198px;
	position: absolute;
	left: 17px;
	top: 11px;
}
.trial2 {
	background-image: url(../images/btn-free-trial2.jpg);
	height: 78px;
	width: 198px;
	position: absolute;
	left: 17px;
	top: 11px;
}
.brochure {
	background-image: url(../images/btn-request-brochure.jpg);
	height: 27px;
	width: 198px;
	position: absolute;
	left: 17px;
	top: 204px;
}
.brochure2 {
	background-image: url(../images/btn-request-brochure2.jpg);
	height: 45px;
	width: 198px;
	position: absolute;
	left: 17px;
	top: 280px;
}
.main-boxes {
	float: left;
	width: 978px;
	margin: 10px 0 0 -8px;
}
.main-boxes li {
	float: left;
	margin-left: 8px;
	width: 236px;
}
.inner-box {
	float: left;
	width: 234px;
	border: 1px solid #a8a8a8;
	height: 182px;
	margin-top:8px;
}
.main-boxes img {
	float:left;
}
.main-boxes a span {
	float:left;
	width:100%;
	line-height: 28px;
	background-color: #e8e8e8;
	text-align: center;
	color:#a3a3a3;
	font-family: "Myriad Pro", "Trebuchet MS";
	text-transform:uppercase;
	font-size:16px;	
}
.main-boxes a:hover {
	text-decoration:none;
	color:#666666;
}
.main-boxes a:hover span{
	cursor:pointer;
	color:#666666;
}
.yellow h2 {
	background-color: #e3a41b;
}
.blue h2 {
	background-color: #33abd0;
}
.green h2 {
	background-color: #83a453;
}
.pink h2 {
	background-color: #e49c9c;
}
.footer{
	float: left;
	width: 100%;
	margin-top: 18px;
	text-align:center;
	padding-bottom:35px;
}
.footer ul {
	line-height:24px;
}
.footer p {
	font-size:10px;
	color:#c0c0c0;
	line-height:12px;
	margin:0;
}

.footer a {
	font-size:10px;
	color:#0c89ae;
	margin-right:5px;
}
.footer li {
	font-size:10px;
	display:inline;
	color:#0c89ae;
}
/****************** Sub page CSS ********************/

.sub_wrapper {
	float:left;
	width:958px;
	padding: 0 4px;
	border-right: 2px solid #F2F2F2;
	border-left: 2px solid #F2F2F2;
}
.narrow_column {
	float: left;
	width: 236px;
	padding-bottom:25px;
}
.sub_wrapper .main-boxes {
	width:244px;
	margin-top:0;
}
.sub_wrapper .side-promo {
	float:left;
	margin-left:1px;
}
.sub_wrapper .links {
	margin-top:15px;
}
.links a {
	color:#FFFFFF;
	display:block;
}
.links h2 {
	margin-top:2px;
}
.links a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
.side_menu {
	float:left;
	width:236px;
	background: #f4f4f4 url(../images/side_menu_bg.gif) repeat-x left bottom;
	padding:10px 0;
	margin:4px 0 -10px 0;
	
}
.side_menu a {
	color:#534741;
	font-size:11px;
	font-weight:bold;
	line-height: 22px;
	display:block;
	width:216px;
	padding-left:20px;
	
}
.side_menu a:hover, .side_menu a.active {
	background-color:#928a84;
	color:#FFF;
	text-decoration:none;
}

.wide_column {
	float: left;
	width: 680px;
	padding: 17px 0 50px 29px;
}
.wide_column .head_pic {
	display:block;
	border: 1px solid #c2c0c0;
	padding: 1px;
	width: 684px;
	margin-left:-9px;
}
.wide_column h2 {
	line-height:52px;
	color:#362f2d;
	text-align:left;
	padding-left:60px;
	background: url(../images/subpage_h2_bg.jpg) no-repeat left top;
	float:none;
	width:auto;
	font-size:20px;
	text-transform:none;
	margin: 21px 0 0 -9px;
}
.wide_column p img {
	float:left;
	margin: 0 40px 0px 0;
}
p.clearfix {
	padding-bottom:25px;
}
.news p.clearfix {
	padding-bottom:10px;
}
.wide_column a {
	color:#f26522;
	text-decoration:underline;
}
.wide_column a:hover {
	text-decoration:none;
}
.contact_us span {
	float: right;
	width: 267px;
}
.contact_us span a {
	color:#534741;
	text-decoration:none;
}
.contact_us span a:hover {
	text-decoration:underline;
}
.contact_form {
	float: left;
	width: 100%;
	padding-top:52px;
}
.contact_form .column {
	float:left;
	width:280px;
	padding: 0 56px 15px 0;
}
.contact_form .row {
	width:100%;
	float:left;
	padding-bottom:4px;
}
.contact_form label {
	color:#363636;
	font-size:10px;
	padding-right:12px;
	line-height:22px;
	text-align:right;
	line-height:28px;
	margin-left: 8px;
}
.contact_form .column label {
	float:left;
	width:90px;
	margin:0;
}
.contact_form input {
	
}
.contact_form input.btn {
	width:auto;
	float:right;
	border:none;
	margin:-1px 61px 0 0;
}
.contact_form .bottom {
	padding-top:10px;
}
.contact_form .bottom label {
	float:right;
}
.contact_form select, .contact_form input {
	/*background-color:#fefafc;border: solid 1px #959595;	float:left;	padding:2px 0;	margin-top:3px;*/
	}
.contact_form select {
	width:152px;
}
.contact_form textarea {
	background-color:#fefafc;
	border: solid 1px #959595;
	width:525px;
	height:85px;
	margin: 4px 0 0 92px;
}

.video {
	float: left;
	height: 240px;
	width: 320px;
}
.testimonials li {
	float:left;
	width:100%;
	padding-bottom:15px;
}
.testimonials div {
	padding:10px 25px 0 0;
}
.testimonials p {
	padding-top:60px;
	font-size:11px;
}
.how p img.to_right {
	float: right;
	margin: 0 0 0 22px;
}
.what p img.to_right {
	float: right;
	margin: 30px 0 40px 22px;
}
.news p a {
	color:#0072bc;
}
.news p span.small a, .news p span.small {
	font-size:10px;
	color:#0072bc;
	float:none;
	width:auto;
}
.green_bullet li {
	background: url(../images/green_bullet.gif) no-repeat 8px 9px;
	padding-left: 25px;

}
.green_bullet a {
	text-decoration:none;
	color:#534741;
}
.green_bullet {
	padding-bottom:20px;
}
.green_bullet a:hover {
	text-decoration:underline;
}
.news p img {
	margin: 7px 10px 0 0;
}
.news p span {
	float:left;
	width:600px;
}
.column2 {
	float:left;
	width:100%;
	padding-top:15px;
}
.column2 li {
	float:left;
	width:315px;
}

.column2 a {
	font-size:10px;
	background-position: 10px 2px;
}
.news p span.release_date {
	font-weight: bold;
	color: #f26522;
	margin-right:10px;
	width:auto;
	float:none;
}
.media_list {
	margin-top: 15px;
}
.media_list a {
	color:#0072BC;
	line-height:34px;
	margin-left:4px;
}
.testimonials li p span {
	display:block;
	text-align:center;
	margin-top:-15px;
	padding-bottom:10px;
}
.testimonials li p img {
	float:none;
	margin:0;
}
.pratners {
	margin:45px 0 0 100px;
}
.pratners li {
	float:left;
	width:220px;
	text-align:center;
}
p.small_margin img {
	margin-right: 15px;
}
.ingredience p span {
	display:block;
	text-indent: 35px;
	background: url(../images/brown_bullet.gif) no-repeat left 11px;
	margin:20px 0;
}
.ingredience li {
	margin-left:10px;
}

/*******************************NEW CSS FOR THE BROCHURE***********************************/

.brochure_order {
	float:left;
	width: 300px;
} 

.check label {
	line-height:14px;
}
.check_box {
	float:left;
	width:160px;
}
.check .check_box input {
	width:auto;
	float:left;
	border:none;
}
.check_box label {
	text-align:left;
	padding-left:5px;
	line-height:18px;
}
.check input {
	float:right;
}
.contact_form .no_padding {
	padding:0;
}
.left_margin {
	margin: -5px 25px 0 0;
}
.contact_form {
	position:relative;
}
.order .btn {
	position: absolute;
	right: 30px;
	bottom: 15px;	
}
/*******************************END OF THE NEW CSS FOR THE BROCHURE***********************************/






/*******************************NEW CSS FOR THE BUY PAGE ***********************************/

.cart {
	float:left;
	width:678px;
	margin:15px 0 50px 0;
	border:solid 1px #CCCCCC;
	position:relative;
}
.cart p {
	margin:0;
}
.column_240, .column_180, .column_120, .column_70{
	float:left;
	padding-left:2px;
}
.column_240 {
	width:236px;
	padding-left:4px;
}
.column_180 {
	width:178px;
}
.column_120 {
	width:118px;
}
.column_70 {
	width:66px;
	font-weight:bold;
}
.heading .column_240, .heading .column_180, .heading .column_120, .heading .column_70 {
	height:25px;
}
.cart .row {
	float:left;
	width:100%;
	padding: 5px 0;
}
.cart .heading {
	background-color: #534741;
	padding: 0;
}
.row p{
	line-height:18px;
	font-size:11px;
}
.row span {
	display:block;
	font-weight:bold;
}
.heading p {
	color:#FFFFFF;
	line-height:25px;
	font-weight:bold;
}
.cart input {
	float:left;
	width:50px;
	border: solid 1px #534741;
}
.cart select {
	float:left;
	width:170px;
	border: solid 1px #534741;
}
.grey_row {
	background-color:#f1f2f4;
}
.add_to_cart {
	background-image: url(../images/btn_addtocard.gif);
	height: 23px;
	overflow:hidden;
	width: 82px;
	right: 5px;
	bottom: -30px;
	text-indent:-9999px;
	position: absolute;
}
/*******************************END OF THE NEW CSS FOR THE BUY PAGE ***********************************/


/*******************************NEW CSS FOR FREE TRIAL PAGE ***********************************/

.quant input {
	margin-right: 8px;
}
.row p.quant {
	line-height:20px;
}
.cart input.coupon {
	width:100px;
}
.column_120 {
	position:relative;
}
.column_120 span {
	position:absolute;
	top:4px;
	right:-75px;
	background-image: url(../images/save_10.gif);
	height: 17px;
	width: 55px;
	text-indent:-9999px;
	overflow:hidden;
}

/*******************************END OF THE NEW CSS FOR FREE TRIAL PAGE ***********************************/


/*******************************NEW CSS ADDED 14.06.2008 ***********************************/

.how h3 span {
	display:block;
	text-align:right;
	margin:5px 25px 0 0;
}
p.footnote {
	font-size:10px;
}
.mybox
{
	border-right: lightgrey thin solid;
	border-top: lightgrey thin solid;
	font-size: 10pt;
	border-left: lightgrey thin solid;
	color: #6a6b6b;
	border-bottom: lightgrey thin solid;
	font-family: Tahoma;
}
.JarInput
{
background-color:#fefafc;border: solid 1px #959595;	float:left;	padding:2px 0;	margin-top:3px;
width:150px;

}

/*************************************** Blog stuff ***************************************/
#sidebar {
margin-top:30px;
}
#sidebar a {
font-size: 12px;
	line-height: 25px;
	color: #0072bc;
	text-decoration:underline;
}
#sidebar a:hover {
text-decoration:none;
}
#sidebar h2 {
	font-size: 14px;
	background-color: #33abd0;
	line-height: 28px;
	color: #FFFFFF;
	width: 100%;
	text-transform: uppercase;
	font-family: "Myriad Pro", "Trebuchet MS";
}
.post li{
list-style: disc;
margin-left:20px;
}
.alignleft {
float:left;
}
.alighnright {
float:right;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 30px;
	}