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

Type: Screen, Projection

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 { overflow:hidden; width:100%; background:#fff url(../images/banner.jpg) left top no-repeat; height:99px; padding:0 0 15px 0; font-family: Century, "Times New Roman", Times, serif; }
#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/box_grey_nologo_top.jpg) 0 -1px no-repeat; width:100%; padding:12px 10px 2px 10px; margin-left:-1px;}
#homeDetailsBody { background-color:#edefec; border-left:#d5d4d4 1px solid; border-right:#d5d4d4 1px solid; position:relative;}

#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;}	


#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/box_grey_bottom.jpg) left top no-repeat; width:100%; height:11px; 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;}