/* CSS Document */

body {
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #55483f;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	/*background-image: url(images/body_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;*/
	background-color: #9aae7b;
	font-size: 0.75em;
	line-height: 1em;
}


a {
	color: #df5e09;
	text-decoration: none;
    	outline: none;
}

a:link {
	color: #df5e09;
	text-decoration: none;
}

a:visited {
	color: #df5e09;
	text-decoration: none;
}

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


p {
	margin: 1em 0 1.5em 0;
}

ul {
	margin-top: 1em;
	margin-left: 0;
	list-style-type: disc;
	list-style-position: inside;
}


div.hr {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #e0dede;
	margin: 12px 0;
}


form {
	margin: 0px;
}

h1 {
	color: #7f7d7d;
	font-size: 1.55em;
	margin: 0 0 1em 0;
	padding: 0 0 0.2em 0;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	border-bottom: 1px solid #e0dede;
	line-height: 1em;
}

h2 {
	font-size: 1.4em;
	line-height: 120%;
	text-indent: 3px;
	margin: 0 0 1em 0;
	padding: 0 0 0.2em 0;
	border-bottom: 1px solid #e0dede;
	font-weight: normal;
}

h2 a, h2 a:link, h2 a:visited  {color: #3A3A3A;}

h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
	padding: 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.wrapper {
	margin: 0 auto;
	width: 941px;
}

.headerBg {
	width: 933px;
	background: url(images/header_bg.gif) #f6f5ed repeat-x;
	border-left: 4px solid #95a47e;
	border-right: 4px solid #95a47e;
}

.header {
	margin: 0 7px;
	width: 919px;
	height: 138px;
	background: url(images/header_herbalife.jpg) no-repeat;
	text-align: left;
	position: relative;
}

.topBar {
	margin: 0 7px;
	width: 919px;
	height: 55px;
	text-align: left;
	clear: both;
}

.contentOuter  {
	width: 933px;
	background: #e9e6d3;
	border-left: 4px solid #95a47e;
	border-right: 4px solid #95a47e;
}

.content {
	text-align: left;
	margin: 0 7px;
	width: 919px;
	background: url(images/page_bg.gif) #e9e6d3 repeat-y;
}

.footer {
	width: 941px;
	height: 85px;
	background: url(images/footer_bg.jpg) no-repeat;
}

.footer p { 
	font-size: 0.8em;
	color: #afc396;
	line-height: 80px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

/***********************************************/
/* Components                                  */
/***********************************************/

.col1 {
	width: 195px;
	float: left;
	margin: 0 5px 0 2px;
}

.col2 {
	width: 515px;
	float: left;
	margin: 0 5px 0 0;
}

.col3 {
	width: 195px;
	float: left;
	margin: 0;
}

.highliteBox1,
.highliteBox2,
.highliteBox3 {
	width: 44%;
	padding: 0.25em 0.25em 0.25em 0.5em;
	border: 3px solid #e7e7da;
	margin: 10px 10px 10px 0;
	background: #B5D687;
	float: left;
	color: #006633;
	font-size: 1.1em;
	font-weight: normal;
}

.highliteBox2 {
	width: 44%;
	float: right;
}

.highliteBox3 {
	width: auto;
	clear: both;
	margin-bottom: 25px;
}

.highliteBox1 h4,
.highliteBox2 h4 {
	font-size: 1.0em;
	color: #333;
	padding: 0;
	margin: 0 0 0.5em 0;
}

/*************** header ******************/

.logolink {
    width: 180px; 
    height: 138px; 
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.topMenu {
	width: 173px;
	float: right;
	line-height: 22px;
	font-size: 0.9em;
	color: #bfd8a3;
	padding-left: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.topMenu a, .topMenu a:link, .topMenu a:visited  {
	color: #c1d6a9;
}

.topMenu a:hover  {
	color: #fff;
}

/*************** top bar ******************/

.topBar p {
	margin: 0;
	padding: 0;
}

.homeBar {
	width: 175px;
	height: 55px;
	padding: 0 0 0 20px;
	margin: 0 5px 0 2px;
	float: left;
	line-height: 55px;
}

.homeLink {
	background: url(images/icn_home_herbalife.gif) no-repeat center left;
	text-indent: 20px;
	display: block;
	width: 60%;
	text-transform: uppercase;
	font-size: .9em;
}

.breadCrumbs {
	width: 495px;
	height: 55px;
	padding: 0 0 0 20px;
	margin: 0 5px 0 0;
	float: left;
	line-height: 55px;
}

.searchBar {
	width: 195px;
	height: 55px;
	float: left;
}

.searchBar .inputContainer {
	background: url(images/search_bg.gif) no-repeat;
	height: 31px;
	margin-top: 10px;
	padding: 0;
}

.inputContainer .textbox {
	border: 0;
	padding: 5px;
	background: #e1dec2;
	margin: 0 0 0 10px;
	background: transparent;
	float: left; 
	width: 140px; 
	padding: 4px 0; 
	margin-top: 5px; 
	font-size: 1em; 
	color: #8f754b;
}

.inputContainer .searchImg { 
	float: right; 
	width: 27px; 
	height: 21px; 
	margin: 3px 10px 0 0; 
}

/**************** box1 *******************/

.box1 {
	width: 195px;
	margin: 0 0 5px 0;
	clear: both;
}

.box1 .boxTop {
	width: 195px;
	background: url(images/box1_top.gif) no-repeat;
	height: 14px;
	clear: both;
	font-size: 1px;
}

.box1 .boxBottom {
	width: 195px;
	background: url(images/box1_bottom.gif) no-repeat;
	height: 14px;
	font-size: 1px;
	clear: both;
}

.box1 h3 {
	line-height: 120%;
	text-indent: 5px;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #e0dede;
}

.box1 h3.red {color: #b72424;}
.box1 h3.orange {color: #e2b220;}
.box1 h3.brown {color: #8f754b;}

.box1 .boxBody {
	width: 167px;
	padding: 1px 10px;
	background: #fff;
	border-left: 4px solid #e3e1c7;
	border-right: 4px solid #e3e1c7;
	clear: both;
}

.box1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.box1 ul li {
	margin: 0;
	padding: 0;
	
	display: inline; /* remove gaps IE/Win */
}

.box1 ul a {
	margin: 0;
	padding: 0 0 0 15px;
	display: block;
	background: url(images/bullet_01.gif) no-repeat;
	color: #565b4f;
	line-height: 22px;
}

.box1 ul a:link,  .box1 ul a:visited { color: #565b4f;}
.box1 ul a:hover { color: #df5e09;}


/**************** box2 *******************/

.box2 {
	width: 515px;
	margin: 0 0 7px 0;
	clear: both;
	font-size: 1em;
	line-height: 1.9em;
}

.box2 .boxTop {
	width: 515px;
	background: url(images/box2_top.gif) no-repeat;
	height: 14px;
	clear: both;
	font-size: 1px;
}

.box2 .boxBottom {
	width: 515px;
	background: url(images/box2_bottom.gif) no-repeat;
	height: 14px;
	clear: both;
	font-size: 1px;
}

.box2 .boxBody {
	width: 471px;
	padding: 1px 18px;
	background: #fff;
	border-left: 4px solid #e3e1c7;
	border-right: 4px solid #e3e1c7;
	clear: both;
	margin: 0;
}

.box2 h3 {
	color: #8c896b;
	margin: 0;
	padding: 0;
	clear: both;
}

.box2 h3 a,
.box2 h3 a:visited {
	color: #8c896b;
}

/*************** articles ********************/

.articleDate {
	font-size: 0.8em;
	color: #858383;
	margin: 1em 0 1em 0;
	padding: 0;
	line-height: 1em;
	text-transform: uppercase
}

.articleText {
	margin: 0;
	padding: 0;
}

.articleThumb {
	background: #e7e7da;
	padding: 4px;
	float: left;
	margin: 5px 10px 0 0;
}

.articleThumb img { 
	border: 0;
	padding: 0;
	margin: 0;
}


/************ horizontal menu ****************/

.menuWrapper {
	width: 714px;
	height: 36px;
	display: block; /* IE margin hack */
	position: absolute;
	right: 10px;
	bottom: 5px;
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 102px;
	height: 36px;
	line-height: 36px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	background-image: url(images/menu_item_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-transform: normal;
	float: left;
	padding: 0;
	border: 0;
}

.menu a:link, .menu a:visited {
	color: #fff;
}

.menu a:hover {
	color: #305619;
	text-decoration: none;
	background-position: left;
}

.menu li {
	background-image: url(images/menu_item_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
	display: inline; /* Removes gaps in IE/WIN */
}

/**************** Thumb Galeries ****************/



.thumb1 { 
	border: 4px solid #e7e7da;
	background: #e7e7da;
	float: left;
	margin: 0 10px 7px 0;
}

.thumb2 { 
	border: 4px solid #e7e7da;
	background: #e7e7da;
	float: right;
	margin: 0 0 7px 10px;
}


/*************** Search bar *****************/

.SearchResults {
    margin: 20px 0 20px 0;
}


/************** tbl01 ************************/

.tbl01 {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.tbl01 td {
	padding: 5px;
	border: 1px solid #ccc;
	background: #f5f5f5; 
}

.tbl01 th {
	padding: 5px;
	border: 1px solid #ccc;
	background: #A9C2CF;
	color: #444;
}


/**************  pagination  *****************/

.paginationBox {
	margin: 20px 0 0 0;
	clear: both;
}


UL.paging {
 	margin: 0; 
 	padding: 0; 
  	list-style: none;
	float: left;
}

UL.paging a {
	font-size: 11px;
	color: #e5e5e5;
	background-color: #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	text-align: center;
  	display: block;
 	width: 20px;
  	height: 15px;
 	line-height: 15px;
	float: left;
	margin: 0 4px 0 0;
	border-top: 2px solid #e0e0e0;
	border-bottom: 2px solid #fbfbfb;
}

ul.paging a:link, ul.paging a:visited {
	color: #b4b4b4;
	background-color: #e5e5e5;
}
 
ul.paging a:hover {
	color: #fff;
    text-decoration: none;
	background-color: #bfc5bc;
}
 
ul.paging li {
 	display: inline; /* Removes gaps in IE/WIN */
}


UL.paging a.active, UL.paging a.active:visited {
	color: #fff;
	font-weight: bold;
	border-top: 2px solid #aeb4aa;
	border-bottom: 2px solid #dde1dc;
  	background-color: #bfc5bc;
}


/**************** Text styles ****************/

.whiteText, .whiteText a, .whiteText a:visited {
	color: #fff;
}

.grayText, .grayText a, .grayText a:visited {
	color: #a8a8a8;
}

.brownText, .brownText a, .brownText a:visited {
	color: #805C26;
}


/**************** MISC **********************/

.galleryThumbWrap {
	width: 79px;
	float: left;
}

.icnDetails {
	background: url(images/icnDetails.gif) no-repeat;
	background-position: left center;
}



/************** Form **********************/

input, textarea, select {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica;
	color: #464646;
	vertical-align: middle;
	padding: 2px;
}

textarea {
	line-height: 150%;
}

input.fieldSearch {
	background: url(images/field_search_bg.gif) no-repeat;
	_background-attachment : fixed; /* IE hack */
	width: 124px;
	border: 0;
	padding: 4px;
	vertical-align: middle;
	text-align: center;
}


.EditingFormErrorLabel,
.ErrorLabel {
	color: red;
}

.PagerControl {
	text-align: center;
	clear: both;
	font-size: 1.2em;
}