@charset "UTF-8";
/* CSS Document */

html {
height: 101%;
}

.externalLink {
	background: url(../images/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

.pdf {
	background: url(../images/pdf.gif) no-repeat right top;
	padding-right: 20px;
}


body{
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
}

a {
color: #af2f12;
text-decoration: none
}

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

#main p, .full p{
line-height: 1.4;
color: #444;
margin: 0px 0 10px 0 !important;
}

h1 {
	float: left;
	height: 205px;
	margin: 1px 0 0;
	width: 258px;
}

h1 a {
	padding-top: 205px;
	margin: 0;
	height: 0;
	overflow: hidden;
	width: 258px;
	display: block;
	background: url(../images/logoDoubleLG.png) no-repeat;
/*.background: url(../images/logo.gif) no-repeat !important;*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logoDoubleLG.png', sizingMethod='crop');
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='scale');*/
}

/*h1 a:hover{
background: url(../images/logo.png) 0 -109px no-repeat;
.background: url(../images/logo.gif) 0 -109px no-repeat !important;
}*/


h2 {
font-size: 18px;
margin: 0 0 10px 0;
color: #333;
padding: 0;
font-weight: normal;
}

h3 {
font-weight: normal;
margin: 30px 0 5px 0;
}

h4 {
margin: 20px 0 0 0;
padding: 0;
}

#index h4 {
color: #c92627;
font-size: 16px;
margin: 0;
}

#top {
.height: 520px;
}
#topBtns {
	float: right;
	width: 150px;
	padding-top: 35px;
}
#topBtns ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#topBtns li {
	float: right;
}


/* ============== main nav ================= */

ul#nav{
	float: left;
	width: 638px;
	margin: 84px 0 0;
	padding: 0px 0 0 4px;
	background: url(../images/nav_back.gif);
	height: 33px;
	_overflow: hidden !important;
}

.couponBump {
	margin: 38px 0 0 !important;
}

ul#nav li{
float: left;
list-style: none;
padding-left: 1px;
margin: 1px 0;

background: url(../images/nav_li.gif) no-repeat;
}

ul#nav li a{
	display: block;
	height: 23px;
	padding: 8px 0 0;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	color: #444;
	background: url(../images/nav_a.gif) no-repeat;
}

ul#nav li a:hover{
background: url(../images/nav_a_hov.gif);
}

.bump{
	background: url(../images/nav_cap.gif) top right no-repeat;
	height: 33px;
	width: 7px;
	margin: 0;
	position: relative;
	display: block;
	top: -25px;
	left: 115px;
.left: 60px;
	z-index: 10000;
}

a:hover span.bump{
background-position: -1px -33px;
_background-position: -20px -33px;
}



/*.home_link{
width: 139px;
.width: 138px;
}*/
.home_link{
width: 117px;
.width: 116px;
}


/*.about_link{
width: 139px;
.width: 140px;
}*/
.about_link{
width: 117px;
.width: 118px;
}


/*.ordering_link{
width: 148px;
}*/
.ordering_link{
width: 136px;
}

/*.store_link{
width: 154px;
_width: 153px;
}*/
.store_link{
width: 148px;
_width: 147px;
}


/*#nav li.contact_link{
width: 137px;
height: 32px;
}*/
#nav li.contact_link{
width: 115px;
height: 32px;
}

#nav li.contact_link a{
padding-left: 0px;
_height: 35px;
}


/* ============ subnav =============== */

#index #subnav{
padding-left: 259px;
margin-top:-89px;
}


#about #subnav{
width: 435px;
padding-left: 25px;

}

#ordering #subnav{
width: 680px;
padding-left: 320px;
.width: 720px;
.padding-left: 290px;
margin-top:-89px;
}

ul#subnav{
margin: 0;
width: 700px;
height: 35px;
float:left;
}

ul#subnav li{
float: left;
list-style: none;
padding: 0px;
background: url(../images/subnav_back.gif);
margin: 0;
}

ul#subnav li a{
display: block;
padding: 9px 14px 9px;
text-decoration: none;
color: #555;
font-size: 13px;
border-bottom: 1px solid #dedede;
}

ul#subnav li a:hover{
	/*background: #EAEAEA;*/
/*	border-bottom: 1px solid #333;*/
}

ul#subnav li.left{
padding-left: 5px;
background: url(../images/subnav_left.gif) top left;
}

ul#subnav li.right{
padding-right: 5px;
background: url(../images/subnav_right.gif) top right;
}

/* ================== layout/fonts ================== */

#blue {
background: url(../images/blue_bg.jpg) left top repeat-x;
_background: none;
}

#blue2 {
background: url(../images/blue_bg_secondary.jpg) left top repeat-x;
_background: none;
}

#wrap {
width: 900px;
/*padding-bottom: 20px;*/
margin: 0 auto;

}
#utilityNav {
	color: #003300;
	padding-top: 5px;
}
#utilityNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
	width: 400px;
}
#utilityNav li {
	display: inline;
	float: right;
	margin-left: 12px;
}
#utilityNav a {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#utilityNav a:hover {
	text-decoration: underline;
}
.testimonialsBtn {
	background: url(../images/testimonialsLink.gif) no-repeat left top;
	height: 40px;
	width: 110px;
}
.testimonialsBtn a {
	padding: 0px;
	display: block;
	text-align: center;
}


#content {
	clear: both;
	width: 900px;
	margin: 0;
	letter-spacing: .015em;
}

#main {
width: 487px;
padding: 0px 20px 30px 20px;
}
#mainSecondary {
	width: 850px;
	padding: 0px 20px 30px;
}
#mainSecondary p {
	color: #333333;
}
#mainSecondary img {
	float: right;
	margin-bottom: 10px;
	margin-left: 40px;
}

.borderIMG {
border: 1px solid #CCCCCC;
}

#sectionWrap {
	color: #333333;
	padding-right: 50px;
	padding-left: 50px;
}
/*#midniteProduct img {
	float: right;
	margin-left: 70px;
}*/

.panelThumb {
	
	}

.panelThumb img {
	border: 1px solid #CCCCCC;
	float:right;
	margin-right:166px;
	}

#midniteProduct p {
	width: 470px;
	color: #333333;
}
#midniteProduct ul {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	list-style: none;
	color: #333333;
	width: 450px;
}
#midniteProduct li {
	background: url(../images/nettle.gif) no-repeat left top;
	padding-left: 45px;
	display: block;
	margin-bottom: 10px;
	min-height: 20px;
	line-height: 1.4em;
}
.importantFacts {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	display: block;
	margin-bottom: 10px;
	padding-left: 26px;
	margin-top: 10px;
}
#payPal {
	width: 900px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#payPal form {
	margin-top: 10px;
}
.payPalOuter {
	display: inline;
	float: left;
	width: 450px;
}
.payPalInner {
	padding-right: 20px;
	padding-left: 20px;
	
}
.payPalInner img {
	margin-left: 75px;
}
#subscriptionInfo {
	border: 1px solid #CCCCCC;
	padding: 20px 60px;
	color: #333333;
	margin-top: 30px;
}
.subscriptionDetails {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	display: block;
	margin-bottom: 10px;
	border-left: 8px solid #999999;
	padding-left: 10px;
}
.productName {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	display: block;
	margin-top: 5px;
}
.productDetail {
	font-size: 12px;
	color: #333333;
	display: block;
	margin-top: 3px;
	margin-left: 2px;
}
.horizontalDivide {
	background: #CCCCCC;
	height: 1px;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}

#sidebar {
width: 306px;
padding: 0px 20px 30px 34px;
}
#sectionIcon {
	float: right;
}

#third {
padding: 30px;
}

#sidebar h4 {
color: #333;
margin: 1px 0 10px 0;
}

#sidebar p {
	color: #555;
	margin: 0;
	padding: 0 0 0 0px;
	line-height: 1.2em;
	font-size: 11px;
}

#sidebar ul{
padding: 0px;
margin: 0 0 0px 0;
}

#sidebar ul li{
	padding: 0px;
	list-style: url(none) none;
	font-size: 13px;
	background: url(../images/sidebar_li_bg.png) 1003px left repeat-x;
}

/*#sidebar ul li:hover{
background: url(../images/sidebar_li_bg.png) bottom left repeat-x;
}*/

#sidebar ul li a{
	padding: 5px 15px 5px 10px;
	margin:  0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #555;
	display: block;
	list-style: none;
	border-bottom: 1px solid #efefef;
	background: url(../images/placeholder.png) 10px center no-repeat;
}


#introSecondary {
	padding: 50px 20px 30px 33px;
	background: url(../images/clouds.png) no-repeat -35px 0;
	_background: url(../images/clouds.gif) -35px 0 no-repeat;
.margin-top: 35px;
}

#introSecondary h2{
font-family: georgia, times, sans-serif;
font-weight: normal;
font-size: 30px;
margin: 0 0 0 0;
}

#introSecondary p{
font-weight: normal;
padding: 0px;
color: #555;
font-size: 14px;
line-height: 1.6em;
margin: 10px 0 0 0;
}

#introSecondary span{
float: right;
margin-right: 100px;
}

#intro {
	padding: 75px 20px 60px 33px;
	background: url(../images/clouds.png) no-repeat -35px 0;
	_background: url(../images/clouds.gif) -35px 0 no-repeat;
.margin-top: 35px;
}

#intro h2{
font-family: georgia, times, sans-serif;
font-weight: normal;
font-size: 30px;
margin: 0 0 0 0;
}

#intro p{
font-weight: normal;
padding: 0px;
color: #555;
font-size: 14px;
line-height: 1.6em;
margin: 10px 0 0 0;
}

#intro span{
	float: right;
	margin-right: 120px;
}

ol {
padding: 0 0 0 28px;
margin: 0 0 25px 0;
}

ol li {
line-height: 1.6em;
font-size: 13px;
margin-bottom: 5px;
}

#home_intro {
	margin-top: 30px;
}

#home_copy {
	display: inline;
	float: left;
	width: 500px;
	margin-right: 30px;
}
.home_tease {
	font: 1.4em Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	margin-bottom: 15px;
}
#home_copy_inner {
	margin-left: 15px;
}
#home_copy_inner blockquote img {
	background: url(../images/clock.jpg) no-repeat left top;
}
#home_copy_inner p {
	color: #333333;
}
.knockdown_font {
	font-size: 0.6em;
	color: #333333 !important;
}



#topRight {
	float: right;
	margin-top: 10px;
	margin-right: 0px;
}
/*#topRight img {
	display: inline;
	float: left;
	margin-left: 10px;
}*/

#topRight a {
	
}

/* body id="index"*/
#index h2{
	text-align: center;
	font: italic normal 36px Georgia, "Times New Roman", Times, serif;
	/*.width: 560px;*/
	padding-top: 30px;
	padding-bottom: 40px;
}

#index h2 span{
	color: #c92627;
	font-style: normal;
	padding-right: px;
}

#clock {
	background: url(../images/clock.jpg) no-repeat left top;
	padding-left: 75px;
	height: 75px;
}

.bumpDown15 {
	display: block;
	padding-top: 10px;
	color: #333333;
}


/* home testimonials and poll */

#home_middle {
	margin-bottom: 15px;
	
}

/* class="two_col_flipped" */

#content.two_col_flipped #main, #content.two_col #main{
float: left;
padding: 0 0 0 33px;
}

#content.two_col_flipped, #content.two_col{
background: url(../images/content_bar.gif) 556px 0px repeat-y;
}

#content.two_col_flipped #sidebar, #content.two_col #sidebar{
float: right;
padding-left: 0;
padding-right: 0;
width: 344px;
}

#content.two_col_flipped #sidebar h4, #content.two_col #sidebar h4{
margin-left: 25px;
}

#content.two_col_flipped #sidebar a, #content.two_col #sidebar a{
padding-right: 20px;
padding-left: 0px;
}


#testimonials, #testimonialsExpanded {
	display: inline;
	float: left;
	width: 620px;
}
.testimonial {
	background: url(../images/letter.gif) no-repeat left top;
	margin-left: 15px;
	height: 90px;
	padding-left: 110px;
	margin-bottom: 15px;
}
#testimonials h5, , #testimonialsExpanded h5 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	display: block;
}
.testimonial  p {
	font-size: 14px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	width: 475px;
}
.testimonial_state {
	font-weight: normal;
	font-size: 12px;
}
#poll {
	display: inline;
	float: left;
	padding-top: 25px;
	background: url(../images/survey_bg.png) no-repeat left bottom;
	width: 280px;
}
#poll_inner {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#poll_inner a {
	font-size: 15px;
	color: #006699;
	padding: 5px 3px 3px;
	display: block;
	font-weight: bold;
}
#poll_inner a:hover {
	text-decoration: underline;
}

/* survey */
.survey_question {
	display: block;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 6px;
}
.radioBtn {
	margin-top: 7px;
}

#surveyNav ul {
	margin: 0px;
	padding: 4px 0px;
	list-style: none;
	clear: both;
}
#surveyNav li {
	display: inline;
	float: left;
	margin-right: 10px;
}

.survey_title {
	font: bold 16px Arial, Helvetica, sans-serif;
	display: block;
	color: #333333;
	background: url(../images/survey_top.gif) no-repeat left 5px;
	padding-top: 12px;
	padding-left: 54px;
	margin-bottom: 20px;
}
#surveyBtm {
	padding: 15px 15px 20px 20px;
	clear: both;
}

/* about */

.about-faq #intro span{
	width: 200px;
	height: 130px;
	background: url(../images/sleeping_woman.jpg) no-repeat left top;
	border: 1px solid #999999;
}

#about .faq_icon a{
background: url(../images/question.gif) 35px center no-repeat;
}

body.about-faq h3.question{
	background: url(../images/q.gif) no-repeat;
	
	padding-top: 4px;
	font-size: 18px;
}

body.about-faq h3{
	padding: 1px 0 0 27px;
	clear: both;
}

body.about-faq p{
padding: 1px 0 0 27px;
}

body.about-faq h2{
padding: 0px !important;
font-weight: bold;
margin: 0px !important;
}

body.about-faq h3.first{
margin-top: 15px !important;
}

.newsHeadlines {
	margin: 0px;
	padding: 0px;	
}
#rssFeedList p {
	margin: 0px;
	padding: 0px;
}
.newsLinks a:hover   {
	text-decoration: underline !important;
}

.newsHeadlines h4{
	font: 16px Arial, Helvetica, sans-serif;
	color: #999999;
}

.newsHeadlines p{
	margin: 0px;
	padding: 0px;
}

.newsHeadlines a{
	color: #666666;
	padding: 0px !important;
	margin: 0px !important;
}

.newsHeadlines a:hover{
	color: #333333;
	text-decoration: underline;
}


/* ------ ordering ---------------------*/

#ordering .ordering_link a{
background: url(../images/nav_a_hov.gif);
cursor: default;
height: 24px;
background: #fff;
}

#about .about_link a{
background: url(../images/nav_a_hov.gif);
cursor: default;
height: 24px;
background: #fff;
}

#index .home_link a{
background: url(../images/nav_a_hov.gif);
cursor: default;
height: 24px;
background: #fff;
}

#ordering #subnav a:hover {
background: #fff;
background: url(../images/nav_a_hov.gif);
}

.ordering-overview .overview a{
font-weight: bold;
cursor: default;
}



/* ------------- footer -------------- */

#footer{
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	padding-top: 20px;
	background-color: #6b7e93;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');  for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));  for webkit browsers */
	/*background: -moz-linear-gradient(top,  #ccc,  #000); for firefox 3.6+ */
	padding-bottom: 50px;
	margin-top: 50px;
}

#footerInner {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 900px;
	color: #FFF;
	}

#footer p {
	margin: 0px 0px 10px;
	padding: 0px;
}

#index #site_map{
margin: 0 auto 0px !important;

}

#site_map li{
padding: 0;
margin: 6px 0 0px 0;
list-style: none;
font-size: 12px;
line-height: 1.2em;
}

#site_map li.last{
padding: 0;
margin: 0;
}

#site_map h5{
padding: 0;
margin: 0 0 3px 0;
font-size: 12px;
}

.site_map_title{
	padding: 0 0 0 20px !important;
	line-height: 3em;
	margin: 0px 0px 0em;
	font-size: 13px !important;
	text-align: left !important;
	font-weight: bold;
	font-style: normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: url(../images/long_heading.png) no-repeat;
}

#site_map div{
float: left;
width: 105px;
padding: 15px 60px 0 15px;

}

#site_map div.last{
padding: 15px 0 0 10px !important;
margin: 0;
}


#site_map div.first{
margin-left: 20px;
}


#site_map a{
text-decoration: none;
color: #555;
.margin-left: -16px;
}

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

/* classes */

.image{
padding: 5px;
background: #fff;
border-top: 1px double #dedede;
border-right: 1px double #aaa;
border-bottom: 1px double #888;
border-left: 1px double #cecece;
}

.floatright{
display: block;
float: right;
margin: 0 0 20px 20px;
}

.floatleft{
display: block;
float: left;
margin: 0 20px 30px 0;
}

.centered {
	margin: 0 auto;
	text-align: center;
}

.normal li {
	display: block !important;
	background: none !important;
	clear: both !important;
	float: none !important;
	/*line-height: 1.5em;*/
	list-style: unordered !important;
	padding: 0px !important;
	margin: 0 !important;
	background: url(../images/question.gif) no-repeat 11px 5px !important;
	.background: url(../images/question.gif) no-repeat 11px 7px !important;
}

.normal a {
display: block !important;
background: none !important;
clear: both !important;
font-size: 11px !important;
float: none !important;
line-height: 1.5em;
list-style: unordered !important;
padding: 3px 0 3px 23px! important;
margin: 0 0 0 10px !important;

}
.clear {
clear: both;
display:block;
}

.smallnote {
	font-size: 11px;
	margin-top: 35px;
}

.full p {
text-align: left;	
}
.email img {
	position: relative;
	top: 5px;
}
.retailCountryName {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	clear: both;
}
#CA_list ul {
	margin: 15px 0px 22px;
	padding: 0px;
	list-style: none;
}

#CA_list li {
	background: url(../images/nettle.gif) no-repeat left top;
	padding-left: 45px;
	display: block;
	margin-bottom: 10px;
	min-height: 20px;
	line-height: 1.4em;
	}
#CA_list a {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #003333;
	text-decoration: none;
}
#CA_list a:hover {
	text-decoration: underline;
}

.countryTitle {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#specialOffer{
	margin-bottom: 30px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-image: url(../images/specialOfferBG.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFF;
	border: 4px solid #069;
}

#specialOffer_inner{
	background-image: url(../images/PM_caplets.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#specialOffer h2 {
	color: #FFF;
}
.yellow{
	color: #FC0;
}
.expirationDate{
	font-size: 11px;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	display: block;
	clear: both;
}
#specialOfferBurst{
	float:right;
	margin-top:10px;
	}