@import url("jquery-ui.css");
/* Herbalife ID - Style */
/* Full Page Format */
body {
	margin: 0;
	padding: 0;
	background:   url(images/bg.jpg) repeat;
	font-family: Lucida, Arial, Helvetica, sans-serif;
}
strong
{
	font-size:11pt;
	color: black;
}
/* Text Formatting */
h1.site_name {
	float: left;
	margin: 15px 0px 0px 50px;	
	font-size: 30px;
	text-align: left;
	color: #FFFFFF;
}
p.header
{
	float: left;
	margin: 15px 0px 0px 50px;	
	font-size: 15pt;
	text-align: center;
	color: #FFFFFF;
	width: 884px;
	font-style: italic;
}
h1.page_name {
	margin: 5pt 25pt;
	font-size: 20pt;
	color: black;
	text-align: center;
	font-weight: normal;
}
h2 {
	font-size: 14pt;
	margin: 13pt 25pt;
	color: black;
	text-align: left;
	vertical-align: top;
}
h3 {
	font-size: 13pt;
	margin: 13pt 25pt;
	color: black;
	text-align: justify;
	vertical-align: top;
}
#side h3 {
	font-size: 13pt;
	margin: 5pt 5pt;
	color: black;
	text-align: justify;
	vertical-align: top;
}
p {
	font-size: 11pt;
	margin: 0pt 25pt 10pt 25pt;
	color: black;
	text-align: justify;
	vertical-align: top;
}
#side p
{
	font-size: 11pt;
	margin: 0pt 5pt 5pt 5pt;
	color: black;
	text-align: left;
	vertical-align: top;
}
p.highlight_1
{	font-size: 13pt;
	margin: 10pt 25pt 0pt 25pt;
	color: white;
	font-style: italic;
	text-align: center;
	vertical-align: center;
	background-color: #C3201D;
	padding:10px;
	border-style: outset;
	border-color: #C3201D;
}
p.highlight_2
{	font-size: 11pt;
	color: black;
	font-style: normal;
	margin-left: 46px;
	text-align: center;
	letter-spacing: 5px;
	vertical-align: center;
	background-color: #FFCC00;
	padding: 3px;
	width: 888px;
}
p.highlight_4
{	font-size: 10pt;
	margin: 10pt 25pt 10pt 25pt;
	color: black;
	text-align: center;
	vertical-align: top;
	background-color: #D8D8D8;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
}
p.highlight_5
{	font-size: 11pt;
	margin: 10pt 25pt 0pt 25pt;
	color: black;
	font-style: normal;
	margin-left: 46px;
	text-align: center;
	vertical-align: center;
	background-color: #FFD57A;
	padding:2px;
	border-style: solid;
	border-color: #FFCC00;	

}
.bigger
{
	font-size: 14pt;
}
.bigger2
{
	font-size: 24pt;
}
ul
{	font-size: 11pt;
	margin: 0pt 25pt 10pt 25pt;
	color: black;
	text-align: justify;
	vertical-align: top;
}
.image_inset
{
	border: inset 2px #C3201D;
	margin-top: 5px;
}
/* Header Wrap */

#header_wrap {
	width: 100%;
	height: 200px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	background:    url(images/head_bg.jpg) repeat;
}
#header {
	width: 950px;
	height: 200px;
	margin: 0 auto;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background:    url(images/head.png) no-repeat left top;
	vertical-align: top;
}
/* Body Wrap */

#body_wrap {
	width: 850px;
	margin: 0 auto;
}
/* Main Body Content */

#main_body {
    float: left;
    width: 600px;
    background-color:  white;
    border:0px solid #9A9C9E;
}
div.highlight_3
{
	font-size: 10pt;
	margin: 10pt 25pt 0pt 25pt;
	color: white;
	text-align: center;
	vertical-align: center;
	background-color: #FFDEA6;
	padding:10px;
	border-style: solid;
	border-color: #FFAB19;	
}
div.highlight_6
{
	font-size: 10pt;
	margin: 10pt 25pt 0pt 25pt;
	color: white;
	text-align: center;
	vertical-align: center;
	background-color: #FFD57A;
	padding:2px;
	border-style: solid;
	border-color: #FFCC00;	
}
div.highlight_6 li, h3
{
	color: black;	
}
div.highlight_3 p
{
	color: black;	
}
div.highlight_3 img
{
	float: left;
	margin: 5px;
	border-style: solid;
	border-color: #FFAB19;
}
.wrap
{
	float: left;
	margin: 5px;
	border-style: solid;
	border-color: #FFAB19;
}
/* Side Content */
#side {
    float: right;
   width: 200px;
    background-color:  #FFCC00;
    border:3px outset #FFCC00;
}
.orangeform
{
	text-align:right;
	width:200px;
	margin-left:auto;
	margin-right:auto;
}
.orangediv
{
    background-color:  #FFCC00;
    border:3px outset #FFCC00;
	width:500px;
	margin-left:auto;
	margin-right:auto;
}
/* Link Variations */
/* Standard Links */
a {color: blue;
font-size:10pt; 
text-decoration: none;
} 
a:link {color: blue;
font-size:10pt; 
text-decoration: none;
} 
a:visited {color: blue;
font-size:10pt;
text-decoration: none;
} 
a:active {color: blue;
font-size:10pt;
text-decoration: none;
} 
a:hover {color: blue;
font-size:10pt;
text-decoration: underline;
}
/* Large Main Links */
a.main:link {
	color: #1C3747;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	font-size: 17pt;
	margin: 13pt 25pt;
	text-decoration: underline;
} 
a.main:visited {
	color: #1C3747;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	font-size: 17pt;
	margin: 13pt 25pt;
	text-decoration: underline;
} 
a.main:active {
	color: #1C3747;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	font-size: 17pt;
	margin: 13pt 25pt;
	text-decoration: underline;
} 
a.main:hover {
	color: #456476;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	font-size: 17pt;
	margin: 13pt 25pt;
	text-decoration: underline;
}
/* Table Formatting */
table.sample { 
              background-color:#FFFFFF;
              border: 4px solid #FFCC00;
			  width: 90%;
			  margin-left: 5%;
			  margin-right: 5%;
}
table.sample td {
              padding: 7px;
			  border: solid #FFCC00 1px;
}
.toprow {
			  text-align: left;
			  background-color: #FFCC00;
			  font-family: Arial, Helvetica, sans-serif;
			  font-size: 13pt; 
			  color: black;
			  font-weight: bold;
}
.content {
              text-align: left;
			  color: black;
			  font-family: Arial, Helvetica, sans-serif;
			  font-size: 11pt;
}
.right{text-align:right;}
/* Form Elements */
form{
	padding: 5px;
	font-size: 10pt;
	line-height: 2;
}
label {
	margin-right:5px;
	font-weight:bold;
}
input.text
{	
	width : 100px;
}
form img
{
	margin-top: 5px;
	cursor: pointer;
}
.error
{
	color:red;
	font-size: 9pt;
	float:right;
}