/*------------------------------------------------*/
/*------------------[General Style]---------------*/
/*------------------------------------------------*/
* {margin:0px; padding:0px;}
html {height:100%; font-size:100%;}
body {font:normal 12px Arial, Helvetica, sans-serif; color:#3a3a3a; background:#e1f6ff url(../images/main-bg.jpg) repeat-x top;} 
a {outline:none;}
a:hover {outline:none;}
ul li {list-style:none;}
img {border:none;}

/*------------------[Main Div]---------------*/
#right-bg {background:url(../images/right-bg.jpg) no-repeat 972px 0px; height:100%;width:auto;}
#black-bg {background:url(../images/black-bg.jpg) repeat-y 972px 0px; height:100%;width:auto;}
#page_container {background:url(../images/bottom-bg.jpg) repeat-x bottom; }
#bottom-bg {background:url(../images/footer-bg.jpg) no-repeat center bottom;}
#maindiv {width:1000px; background:url(../images/content-shadow.jpg) no-repeat 0px 472px;}

/*------------------[Header Style]---------------*/
#content h1 {font-family:"trebuchet MS", arial; font-size:22px; font-weight:bold; color:#9c7822; height:46px; background:url(../images/h1-bg.jpg) repeat-x; line-height:46px; text-transform:uppercase; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #cff1ff; text-indent:15px; margin-bottom:10px;}
#content h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#9c7822; padding:5px 0px 5px 0px; line-height:24px;}
#content h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#9c7822; padding:5px 0px 5px 0px; line-height:24px;}
#content h4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3a3a3a; font-style:italic; padding:10px 0px 10px 0px;}
#right_panel h5 {background:url(../images/h5-bg.jpg) repeat-x; height:48px; font-family:"trebuchet MS", arial; font-size:20px; color:#FFFFFF; text-align:center; font-weight:normal; line-height:48px;}
#right_panel h6 {font-family:"trebuchet MS", arial; font-size:16px; color:#FFFFFF; font-weight:bold;}
.heading2 {height:48px; font-family:"trebuchet MS", arial; font-size:20px; color:#FFFFFF; text-align:center; font-weight:normal; line-height:48px; background:url(../images/heading2-bg.jpg) repeat-x; margin-bottom:12px;}
.arrow-title {background:url(../images/right-arrow.jpg) no-repeat left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#9c7822; padding:10px 0px 10px 15px; line-height:24px;}
.arrow-title span {background:url(../images/left-arrow.jpg) no-repeat right; padding:0px 15px 0px 0px;}
#content a { text-decoration:underline; color:#9C7822}
#content a:hover {color:#000000}

/*------------------[HEADER]---------------*/
#header {height:472px; background:url(../images/header-shadow.jpg) no-repeat 0px 147px; padding:0px 25px 0px 25px;}
#header p {font-family:"trebuchet MS", arial; font-size:22px; font-weight:bold; color:#e0c57a; float:right; padding:40px 15px 0px 0px; width:auto}
.floatleft {float:left; width:auto;}
#rightbuttons {float:right; width:275px;}
#header_image {margin:18px 12px 18px 13px !important; margin:18px 12px 18px 10px; background:url(../images/header-image-bg.jpg) no-repeat right top;}

/*------------------[TOP MENU]---------------*/
#top_menu {height:42px; background:url(../images/menu-bg.jpg) no-repeat; padding:0px 0px 0px 5px;}
#top_menu li {padding-top:6px; float:left; width:auto}
#top_menu li a {display:block; width:154px; height:30px; background:url(../images/menu-btn-bg.gif) no-repeat; font-weight:bold; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:none; line-height:30px; text-align:center; margin-left:2px; letter-spacing:1px;}
#top_menu li a:hover, #top_menu li a.active {background:url(../images/menu-btn-bg-hover.gif) no-repeat;}

/*------------------[MAIN LAYOUT]---------------*/
#container {background:url(../images/container-bg.jpg) repeat-y center; height:100%;}
#inner_container {background:url(../images/container-top.jpg) no-repeat center top; height:auto !important; height:100%; padding:14px 28px 14px 29px;}
#content p {padding:5px 0px 10px 0px; line-height:18px;}
.padding {padding:0px 20px 20px 20px;}
#content {width:645px; float:left; margin-right:15px; text-align: justify}
#content ul {margin-top:6px; margin-bottom:6px;}
#content ul li {background:url(../images/list-bullet.jpg) no-repeat 0px 4px; margin-bottom:6px; line-height:18px; padding-left:18px;}
#content ol {margin-top:6px; margin-bottom:6px;}
#content ol li {margin-bottom:4px; line-height:16px; margin-left:20px;}
#faq a{ text-decoration:none; font-weight:bold; color:#9c7822; font-size:13px}
#faq a:hover { text-decoration:underline; color:#2C2C2C;}
.hline {color:#9c7822;}
.middle-image { border:5px solid #B0DFF3; width:auto}
.formula{ color:#9c7822;font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.blacktitle {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#000000;}
.imageleft { float:left; position:relative; padding:10px 20px 20px 0px;width:auto}
.imageright { float:right; position:relative; padding:10px 0px 20px 20px;width:auto}


/*------------------[RIGHT PANEL]---------------*/
#right_panel {width:275px; float:right; margin: 0px; padding: 0px; border:1px solid #26a2d7;}
.inner_right {padding:0px 15px 15px 0px;}
#right_panel p {color:#FFFFFF; line-height:18px; padding-bottom:10px; padding-top:8px; text-align:justify;}
.border {background:url(../images/border.jpg) repeat-x bottom;}
.seperator {background:url(../images/right-seperator.jpg) repeat-x; height:2px;}
.right-images { padding-left:8px;}
.learnmore { padding-left:10px;}
#right_panel a { color:#FFFFFF; text-decoration:none;}
#right_panel a:hover { text-decoration:underline}
.formula-facts { border:1px dashed #0E7DAC; padding:5px; background:#61CCFA}

/*------------------[FOOTER]---------------*/
#footer {height:128px !important; clear:both; background:url(../images/footer-bg-2.jpg) no-repeat top; color:#FFFFFF; text-align:center; padding-top:50px; line-height:20px;}
#footer a {text-decoration:none; color:#FFFFFF; padding:0px 5px 0px 5px;}
#footer a:hover {text-decoration:underline;}

/*------------------[CONTACT US FORM]-----------------*/
#contact_form{font-size:12px; text-align:left; margin-top:10px;}
#contact_form p { margin:0px; padding:0px;}
#contact_form ul {list-style:none; }
#contact_form li { padding-left:0px; margin-left:0px; }
#contact_form .formlabels{
  float:            left;
  width:            76px !important;
  width:            70px;
  padding:          4px 0 5px;
  background-color: #ffffff;
  text-align:       right;
  color:            #000000;
  border:0px solid #53bef4;
  margin: 2px;
  padding-right:1px;
  display:block;
  }
  
.contact-input{ width:200px; 
  padding:4px;
  background-color: #E1F6FF;
  border:1px solid #53bef4;
  margin:2px;
  text-align:left;  }
  
.contact-input2{ width:202px;
  padding:3px;
  height:80px;
  background-color: #E1F6FF;
  border:1px solid #53bef4;
  margin:2px;
  text-align:left;
  float: none }

.submit {padding-left:83px;}/* This is the css for styling a form */

/* This is the containing div for the form */
div.check_out { overflow: hidden; width: 600px; position: relative; height: auto; margin: 0px 0px 0px 0px; left: 15px; top: 20px; bottom: 0px; }

/* This is the overall form */
form.check_out { margin: 0; padding: 0; width: 600px; position: relative; font-size: 11px; color: #010000; }

/* this is the submit button */
form.check_out button { background:url(http://www.lightspeedlabs.com/images/submit.gif) no-repeat; margin: 10px 0px 10px 10px; height: 24px; width: 78px; border: none; }

/* This is the title of the form */

form.check_out p.check_out { font-size: 15px; margin: 0 auto; margin-bottom: 5px; padding: 0px; text-align: left; width: 200px; }

/* This is the div container for the input label and rules */
form.check_out div.form_elements { float: left; position: relative; 
 width:            306px !important;
  width:            300px;
  padding:          4px 0 5px;
  background-color: #ffffff;  
  text-align:       justify;  
  color:            #000000;  
  border:0px solid #53bef4;
  margin: 2px;
/*  padding-right:20px; */
  display:block;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 }

/* This is the input label */
form.check_out div.form_elements label { position: relative; 
/* margin-left:30px; */
  float:            left;
  width:            306px !important;
  width:            300px;
  padding:          4px 0 5px; 
  background-color: #ffffff;
  text-align:       justify;  
  color:            #000000;
  border:0px solid #53bef4; 
  margin: 2px;
/*  padding-right:20px; */
  display:block;
  font-family:Verdana, Arial, Helvetica, sans-serif;
/* font-size: 12px; color: #010000; */
}

/* This is the input rules */
form.check_out div.form_elements span { position: relative; font-size: 12px; left: 5px; }

form.check_out select { float: left;
width:240px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:4px;
  background-color: #E8F3FC;
  border:1px solid #8BB3D7;
    margin:2px;   
  text-align:left;
}

/* These are the input boxes */
form.check_out input { float: left; 
width:230px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:4px;
  background-color: #E8F3FC;
  border:1px solid #8BB3D7;
    margin:2px;
  text-align:left;

/* font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 180px; margin: 0px; padding: 0px; border: 1px solid #705f43; */
}
form.check_out div.input { width: 600px; height: auto; margin: 0; padding: 0; clear: both;}
form.check_out textarea { height: 100px; width: 180px; padding-top: 5px; padding-left: 5px; margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #705f43; }

/* This is the thank you response for this form */
form.check_out div.thankYou { color: #000000; font-size: 20px;}

div.error { color: #000000; font-size: 15px;}