/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Herbalife Site
Author : info@redboxdigital.com / RedBox Digital Limited
URL : www.redboxdigital.com

Type: Screen, Projection
e
Description : Global stylesheet for Herbalife

Created : 01/07/09
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/*----------- Page Structure -----------*/
body { font-family:arial, helvetica, sans-serif; color: #555; font-size:87%; line-height:18px; background:#f4f6f4 url(../images/bodyBg.jpg) top center scroll repeat-y; }

#globalHeader { z-index:1; width:100%; height:99px; padding:0 0 15px 0; font-family: Century, "Times New Roman", Times, serif; position: relative; }


#logo { position:absolute; top:5px; margin-left:34px;  }



#languageSelect {position:absolute; right:200px; top:125px; font-size:120%; line-height:18px;}
.langItem a {margin:0px 6px;color:#00f;text-decoration:underline}




#quickLinks {position:absolute; right:0; top:110px; }
#quickLinks a.button {float:right; margin:0 0 0 10px; background: url(../images/btn_sprite.png) no-repeat 0 -76px;  color:#fff; font-size:130%; display:block; width: 181px;text-align:center; height:35px; line-height:35px;}
#quickLinks a.button:hover {text-decoration:none; background: url(../images/btn_sprite.png) no-repeat -207px -76px;}




#homeDetailsTop { /*background:url(../images/tabs_container.jpg) left top no-repeat;*/ width: 100%; padding:12px 10px 2px 10px; margin-left:0;}
#homeDetailsBody { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d3d5d2; background-color:#eff8f3; /*border-left:#d4d4d2 1px solid; border-right:#d4d4d2 1px solid;*/ position:relative;min-height:354px;}

#homeDetailsBody .intro { float:left; padding:10px 10px 10px 0; width:380px; }
#homeDetailsTop #mainPromo { width:535px; float:right; margin:0 10px 0 0; padding-bottom:2px;}	

#homeDetailsBody .intro a.button {margin-top:20px;margin-left:80px;background: url(../images/btn_sprite.png) no-repeat 0 -41px; width:180px; color:#fff; font-size:130%; display:block; text-align:center; height:35px; line-height:35px;}
#homeDetailsBody .intro a.button:hover {text-decoration:none; background: url(../images/btn_sprite.png) no-repeat -207px -41px;}


#mainMap {padding-top:20px;}
#mainMap #map {position:relative; height:404px; width:300px; float:left;}
#mainMap #countryDD {position:absolute;top:60px; left:160px;}
#mainMap h2 {text-transform:uppercase; color:#fff; font-size:130%; line-height:18px; margin:15px 0 10px 0;}


/* -------- intro boxes ----------- */

#mainPromo {width:100%; position:relative;}

#tourDetailsTop #map {position:relative; height:404px; width:300px; float:left;}
#tourDetailsTop #countryDD {position:absolute; bottom:10px; left:20px;}

#tourDetailsTop { background:url(../images/box_grey_top.jpg) 0 -1px no-repeat; width:100%; padding:12px 10px 2px 10px; margin-left:-1px; margin-top:20px;}
#tourDetailsBottom { /*background:transparent url(../images/tabs_container_bottom.jpg) left top no-repeat; width:100%; height:268px; */ position:relative;}
#tourDetailsBody { background-color:#edefec; border-left:#d5d4d4 1px solid; border-right:#d5d4d4 1px solid; position:relative;}

	#tourDetailsBody img {float:left; width:300px;}
	#tourDetailsBody h4, #homeDetailsBody h4{padding:10px 0; color:#555555; line-height:18px;}
	
	#tourDetailsBody .intro {float:left; width:380px; padding:0 10px 0 20px;}

	#tourDetailsBody .spokesman { line-height:16px; position:absolute; bottom:0; right:0; float:left; bottom:0; right:0; width:230px; padding:0;}
	#tourDetailsBody em {font-size:130%; color:#262223; line-height:18px;}
	#tourDetailsBody .spokesman img { width:auto; }


/* -------- event listing ----------- */


#eventsListing ul {}
	#eventListing ul li {border-top:#d5d4d4 1px solid;list-style:none; padding:20px 0; overflow:hidden;}
	
	#eventListing .mapContain img { width:310px; height:207px;}
	#eventListing .mapContain {float:left; width:310px; height:207px;}
	
	#eventListing .eventDets {float:left; width:380px; padding:0 10px 0 20px;}
		.eventDets .bold {font-size:87%; font-weight:bold; padding-bottom:10px; margin:0;}
		.eventDets a.button {margin-top:20px;background: url(../images/btn_sprite.png) no-repeat 0 -41px; width:180px; color:#fff; font-size:130%; display:block; text-align:center; height:35px; line-height:35px;}
		.eventDets a.button:hover {text-decoration:none; background: url(../images/btn_sprite.png) no-repeat -207px -41px;}

	#eventListing .downloads { float:left; width:240px; padding:0;}
	#eventListing .downloads h4 { background:transparent url(../images/box_files_top.gif) left top no-repeat; width:240px; height:16px;}
	#eventListing .downloads .downloadsBody { background:#fff url(../images/box_files_bottom.png) left top no-repeat; width:220px; padding:11px 10px; height:154px; overflow-y:scroll;}
	#eventListing .downloads ul li {border:0; padding:0 0 1px 0;}

#footer { background:#fff url(../images/footer_border.gif) bottom left repeat-x; padding:45px 0 45px 0; font-size:80%; text-align:center; border-top:#d5d4d4 1px solid;list-style:none;}	
	#footer p {margin:0; padding:0; line-height:11px;}
	 
	 
	 
/* --FORM -- */

	.register {position:relative; padding-top:40px;}
	.register .col {float:left; width:310px; padding:0 0 0 10px;}
.errorPosition {
clear:both;
}

.redText {
color:#f00;
}

#optin a {
	color:#00f;
}

.errorText {
color:#f00;
display:inline-block;
font-weight:bold;
line-height:20px;
padding:0 15px 3px 16px;
text-align:left;
width:70%;
}

.register .intro { }
.register .intro span {font-size:80%; color:#a9a9a9;}

.col h4, .colWide h4 { font-size: 175%; line-height:24px; padding:0 0 15px 0; margin:0; }
.col p, .colWide p {clear:left;}
.col label {
display:block;
float:left;
padding-right:20px;
text-align:left;
width:130px;
}
.inputFieldMedium {
background-color:#fff;
border:1px solid #D8DACC;
width:140px !important;
}
.submit {border: none;
    background: url(../images/btn_sprite.png) no-repeat 0 -76px;height:35px; line-height:35px; 
	color:#fff; margin-top:15px; font-size:130%; width:187px; float:right; margin-top:5px; margin-right:6px;
	
	}

.submit:hover {border: none;
    background: url(../images/btn_sprite.png) no-repeat -207px -76px;height:35px; line-height:35px; 
	}	 
	

	
	

.colWide {float:left; width:560px; padding:0 70px 0 10px;}


.close {border: none;
    background: url(../images/btn_sprite.png) no-repeat 0 -152px;
	color:#fff;  font-size:130%;float:left; width:181px; margin-top:5px; margin-right:6px;
	height:35px; line-height:35px;
	}

.close:hover {border: none;
    background: url(../images/btn_sprite.png) no-repeat -207px -152px;
	}	


/* ----- HEADINGS AND PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#262223; letter-spacing:-1px; line-height: 1em; font-weight:normal; }
h1 { font-size: 200%; line-height:28px; margin-bottom:18px; width:570px; }
h2 { font-size: 175%; line-height:24px; margin:20px 0; } 
h3 { font-size: 175%; line-height:24px; padding-bottom:15px; margin:0; }
h4 { font-size: 130%; padding:10px; }
h5 { font-size: 100%; }
h6 { font-size: 12px; font-weight:bold; margin-bottom:15px; }

a { color:#555;}

input, textarea, select {
color:#4D4D4D;
font-family:Arial,Helvetica,sans-serif;
font-size:87%;
font-weight:normal;
margin:0;
padding:1px;
}

img.floatLeft { 
    float: left; 
    
}
img.floatRight { 
    float: right; 
}

a.web {padding:2px 0 2px 10px; line-height:26px;}
a.pdf {padding:2px 0 2px 10px; line-height:26px;}

/* language switcher */
#languageSwitch {font-family:Arial, Helvetica, Sans-Serif; font-size:0.75em; color:#000;}
#languageSwitch .dropdown dd, #languageSwitch .dropdown dt, #languageSwitch .dropdown ul { margin:0px; padding:0px; }
#languageSwitch .dropdown dd { position:relative;  margin: -3px 0 0;}
#languageSwitch .dropdown a, #languageSwitch .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;text-align:right;}
#languageSwitch .dropdown a:hover { color:#5d4617;}
#languageSwitch .dropdown dt a:hover { color:#5d4617; border: 1px solid #d0c9af;}
#languageSwitch .dropdown dt a {background:#fff url(../images/arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
                border:1px solid #d4ca9a; width:150px;}
#languageSwitch .dropdown dt a span {cursor:pointer; display:block; padding:5px;}
#languageSwitch .dropdown dd ul { background:#fff none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
                  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
#languageSwitch .dropdown span.value { display:none;}
#languageSwitch .dropdown dd ul li {float:none;}
#languageSwitch .dropdown dd ul li a { padding:5px; display:block;}
#languageSwitch .dropdown dd ul li a:hover { background-color:#d0c9af;}
#languageSwitch .dropdown img.language-icon { border:none; vertical-align:middle; margin-left:10px; float:right;}

#languageSwitch2 {font-family:Arial, Helvetica, Sans-Serif; font-size:0.75em; color:#000;}
#languageSwitch2 .dropdown2 dd, #languageSwitch2 .dropdown2 dt, #languageSwitch2 .dropdown2 ul { margin:0px; padding:0px; }
#languageSwitch2 .dropdown2 dd { position:relative;  margin: -3px 0 0;}
#languageSwitch2 .dropdown2 a, #languageSwitch2 .dropdown2 a:visited { color:#816c5b; text-decoration:none; outline:none;text-align:right;}
#languageSwitch2 .dropdown2 a:hover { color:#5d4617;}
#languageSwitch2 .dropdown2 dt a:hover { color:#5d4617; border: 1px solid #d0c9af;}
#languageSwitch2 .dropdown2 dt a {background:#fff url(../images/arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
                border:1px solid #d4ca9a; width:150px;}
#languageSwitch2 .dropdown2 dt a span {cursor:pointer; display:block; padding:5px;}
#languageSwitch2 .dropdown2 dd ul { background:#fff none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
                  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
#languageSwitch2 .dropdown2 span.value { display:none;}
#languageSwitch2 .dropdown2 dd ul li {float:none;}
#languageSwitch2 .dropdown2 dd ul li a { padding:5px; display:block;}
#languageSwitch2 .dropdown2 dd ul li a:hover { background-color:#d0c9af;}
#languageSwitch2 .dropdown2 img.language-icon { border:none; vertical-align:middle; margin-left:10px; float:right;}


#footer ul {
    list-style-type: none;
    padding: 0;
    display: -moz-inline-box; /* For FF<3 */
    display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */
    vertical-align: middle; /* explicitly declare your preference as Moz inline-box auto aligns to top */
    margin-left: auto; margin-right: auto;
}

#footer ul li {
    float: left;
    padding-right: 10px;
    border-right: 1px solid #ccc;
    padding-left: 10px;
}

#footer ul li a, #footer ul li a:visited, #footer ul li a:active {
	
}

 #footer ul li a:hover {
	
}

#footer ul li.last {
	border: none;
}