/* HerbDay Home Page Rollovers */
#herbday_container {
	width:144px;
	height:144px;
	overflow:hidden;
	float:left;
	}
#herb {
	position:relative;
	margin-top:0;
	margin-left:0;
	width:144px;
	height:288px;
}
.herb-over {
	position:relative;
	margin-top:-144px !important;
	margin-left:0;
	width:144px;
	height:288px;
}


#toplinks .last {display:none;}
#toplinks li:first-child { border-right:none; border-left:none; }
#toplinks li { border-right:none; border-left:1px solid #33827D; }

/* JOBS */
#content .body a  {
      font-size:12pt;
      line-height:30px;
}
.job {
      margin: 20px 0 0 0;
}
#content .job ul li ul li {text-indent:0; list-style-type:circle; margin:10px 0 0 0; !important;}

#content .job ul li ul li:last-child {margin-bottom: 20px;}

/* Surveys */

.survey {width:600px; padding:10px; }
/*.survey_intro { background:#ffc; padding:10px; } */
.survey_message { color:#f00; }
.survey_question { font-weight:bold; padding-top:2.0em; font-size: 10pt; }
.survey_required { color:#000; }
.survey_red { color:#f00; }
.survey_textfield { border:1px solid #ccc; background:#fff; }
.survey_textarea { border:1px solid #ccc; background:#fff; }
.survey_dropdown { color:#333; background:#fff; }
.survey_matrix {  }
tr .datafooter {padding-top: 30px !important;}



/* Index Page */

#mainwrap .table {margin-left: 10px; margin-right: 10px;}

.table h3 {margin-top: 0;}

.launch_herb { left: 600px !important; }

.univ-header { font-size: 30px !important;}

.mediabar {font-size: 14px; padding-top: 4px;}

/* Surveys*/

.datatable {border-spacing: 10px;}

tr.datarow2 {border-top:50px; vertical-align: middle;}




/* Global Formatting */

#special {font-weight:600; color:#7a003c; position:absolute; margin-top:5px; margin-left:0px; width:155px; text-align:center; z-index:100; min-height:0;}

.super {font-size:8px; vertical-align:top;}

.tm {font-size:9px; vertical-align:top;}

body { font-size:14px; font: normal 85% Arial, Helvetica, sans;}

.body { font-size:14px; font-weight:200; color:#000000; margin-bottom:10px; }

hr {display: block; border: none 0; border-top: 1px solid #063; /*the border*/ width: 100%; height: 2px; /*whatever the total width of the border-top and border-bottom equal*/} 

h1 { font-size: 16px; color: #062; margin-top: 0em; margin-bottom: 0em; font-weight: bold;}
h2 { font-size: 24px; color: #062; margin: 0em; font-weight: bold; }
h3 { font-size: 16px; color: #062; margin: 20px 0 5px; padding: 0; font-weight: bold; }

.hotword { color : #666633; }

#button {margin-top:20px;}

.circle-r {font-size:10px;}

.head-r {font-size:12px;}

a:link { color: #063; }
a:visited { color: #063; }
a:active { color: #33827d; }
a:hover { color: #33827d; }

.footnote {font-size: 10px;}




/* Header */

.header-text {margin-top:100px; z-index:2;}

#header-box {position:absolute; z-index:0; margin-top:-50px;}

#herbimage { position:relative; top:0px; left:520px; width:216px; height:171px; z-index:1; }

#toplinks {color:#063;}





/* Footer */

#copyright { float:right; margin-right:15px; top:10px; color:#063; }

#footer { font-size:11px; color:#063; border-top: 2px solid #063; margin-top:50px;}

/* #footer hr { border:1px solid #063; } */

#footer hr { display: none; }

.body-footer {border-top:1px solid; border-color:#063; padding:4px 0 0 0;}





/* Sidebar */

#sidebar h1 { color:#063; border-bottom:1px solid #063; font-size:17px; font-weight:800;}

#sidebar ul li {margin-top:8px;}

#sidebar ul li ul li .name-r {font-size:11px;}

#sidebar ul li ul li {line-height:14px; margin-top:6px; border-bottom:.5px solid #c5ae4c; padding-bottom:5px;}

#sidebar ul li ul li  .name-r {font-size:8px;}

#sidebar ul li .circle-r {font-size:10px;}




/* Product Pages */

.disclaimer {font-size:7pt;}

.teaname {color:#000;}

.name-r {font-size:12px;}

.col .name-r {font-size:10px;}

.claim  { font-weight:500; color:#063; line-height:9px; font-size:14px;} 

.claim-sub  { font-weight:400; color:#000; line-height:5px; font-size:12px;} 

#product h2 {margin-left:15px;}

#proddescription img {padding-left: 5px;}

#product {width:675px;}

.logos {margin:5px;position:relative;}

.directions { border: 1px solid #063 !important; border-width: 1px 0 0
!important; }

#prodfooter { width:675px; font-size:14px; color:#063; text-align:center; position:relative; margin: 30px auto 0; float:left; }

#product #footer {width:675px;}

#legal { position:relative; text-align:left; font-size:8pt; color:#063; border:1px solid #063; margin: 10px auto 0px 20px; padding:5px; width:600px; text-align:left; font-weight:600; }

#cross-sell {display:none;}

#cross-sellbody img {margin-left:20px;}

#cross-sellbody .xselltitle { font-style:italic; font-weight:500; font-size:16px; color:#063; margin: 5px 0; position:relative; float:left; }





/* Product Intros */

.seasonal {width:375px; padding-right:275px; padding-top: 15px; padding-left: 15px; font-size:14px;}

.copy_background { background: transparent none no-repeat top left; width: 675px; background-position: right; overflow: hidden;}


#intro-button {background: transparent url(/ui/images/buy_now.jpg) no-repeat; width:107px; height:39px; margin-left:-5px; position:relative; z-index:2; margin-top:5px; margin-left: 10px;}

#long-button-standard {background: transparent url(/data/fe/image/buttons/long_button_150px.jpg) no-repeat; width:150px; height:39px; margin-left:-5px; position:relative; z-index:2; margin-top:-25px; margin-left: 10px;}

#long-button {background: transparent url(/data/fe/image/mothersmilkcoupon/pink-long_button_150px.jpg) no-repeat; width:150px; height:39px; margin-left:-5px; position:relative; z-index:2; margin-top:-17px; margin-left: 10px;}

#long-button2 {background: transparent url(/data/fe/image/mothersmilkcoupon/pink-long_button_150px.jpg) no-repeat; width:150px; height:39px; position:relative; z-index:2; margin-top:5px; margin-left: -3px;}

#MMCouponTxt {position:relative; z-index:2; margin-top:-25px; font-size:16px; font-weight:600; margin-left:5px;}

.intro-img {z-index: 0;}

.intro-txt {z-index: 1; padding-right:325px; position:relative; top:-500px; left:15px; font-size:11pt;}

.intro-head {font-size: 18pt; color:#063; font-weight:500;}

.intro {font-size: 16px;}

.intro2 {font-size: 18px;}





/* Site Map */

#sitemap ul li {margin-top: 15px;}
#sitemap ul li ul li {margin-left: 5px; margin-top:3px; list-style:none;}





/* Misc */

.news_items p {position:relative; line-height:18px; margin-top:12px;}

#content h2 {margin: 0 0 7px 3px; font-size:24px;}

#content ul {margin-left:30px;}

#content ul li ul li {text-indent: 10px; list-style: none; margin-top:0px;}

#content ul li {margin-top: 10px;}


.ruled-box {border: 2px solid #063; padding: 6px;}

.contentbox {background-color : #ffe98b; padding : 6px;}

.form { font-size:1em; }

.people-img {margin-right:12px; margin-bottom:12px; margin-top:18px;}

#content img {margin-left:-5px;}

#content img img {margin-left:10px;}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:http://www.traditionalmedicinals.com/data/fe/image/lightbox/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.traditionalmedicinals.com/data/fe/image/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.traditionalmedicinals.com/data/fe/image/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#tour_thumb {
     width: 150px;
     height: 150px;
     border: 1px solid rgb(51, 51, 51); 
     margin: 0 8px 16px 8px;
     overflow:hidden;
     float:left;
}
.tour_thumb_scale {
	height:100%;
	width:auto;
}
.tour_thumb_scale_tall {
	width:155px;
	height:auto;
}