@charset "utf-8";

/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:12px/1.5  Helvetica, Arial, sans-serif;}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

html { overflow-y: scroll; }
body { color: #ffffff; background:#000000 url(../img/bg_stripe.jpg); scroll-y: true;}
#outer_container { width: 772px; margin: 0 auto; min-height: 300px; /* background: url(../img/trunk_bg.gif); */}
#inner_container { width: 675px; margin: 0 auto; }
img { display: block }
form { padding: 0; margin: 0; }
p, label { font-family: Droid Sans, Helvetica, Arial, sans-serif; }

#nav { height: 90px; position: relative }
#nav_links { font-size: 14px; color: #bdb2a0; position: absolute; right: 30px; top: 20px; z-index: 1000;}
#nav_links a { color: #ffffff; text-decoration: none }
#nav_links a.selected, #nav_links a:hover { color: #ffcc00}
#nav_links ul li { float:left; padding: 0px; width: auto; list-style:none; margin: 0px 0px 0 35px; position: relative; font-size: 14px;}
#nav_links ul li li { font-size: 12px; display: block; width: 120px; margin: 0; padding: 0}
#nav_links li:hover ul { display: block; }
#nav_links li ul { position: absolute; left: 0px; top: -1px;  width: 60px; padding: 0 0 0 0; margin-top: 22px; display: none;  }
.menu_sep { display: block; height: 1px; background: #666666; width: 70px; margin: 0 0 5px 0 }
li span.subnav { background: url(../img/header_icon_bg.png); padding: 1px }
/* Fix IE. Hide from IE Mac \*/
* html #nav_links ul li { float: left; }
* html #nav_links ul li a { height: 1%; }
/* End */

#logo { position: absolute; left: 28px; top: 20px }

#header { position: relative; /* background: url(../img/header_image_bg.png); padding: 10px 0 */ }
#header_icons { /* background: url(../img/header_icon_bg.png); width: 715px; height: 118px; */ position: absolute; top: 0px; left: 0px }
#header_icons img { position: absolute; top: 30px; left: 28px }
#header.home h1 { /*background: url(../img/header_text_bg.png); padding: 10px 20px; */ position: absolute; left: 28px; top: 135px; color: #ffffff; font-size: 33px; line-height: 1.2em; font-family:Helvetica, Arial, sans-serif}

/* #footer.sub { margin: 20px 0 0 19px; border-top: 1px solid #7b7b7b; width: 753px; padding: 20px 0 0 0; position: relative} */
#footer { margin: 20px 0 0 0px; border-top: 1px solid #7b7b7b; width: 772px; padding: 20px 0 0 0; position: relative}

#footer a { color: #c7c7c7; text-decoration: none; font-size: 12px }
#footer a.selected, #footer a:hover { color: #ffcc00}
#footer ul { padding: 0 0 0 30px}
#footer ul li { float:left;  padding: 0 60px 0 0; width: auto; list-style:none; margin: 0px 10px 0 0; line-height: 1.2em; font-weight: bold; position: relative; font-size: 10px}
#footer ul li.last  { padding: 0px; position: absolute; right: 0px }
#footer ul ul { position: absolute; left: 0px; top: 20px; width: 60px; padding: 5px 0 20px 0; font-size: 9px}
#footer ul li li { font-size: 8px; display: block; width: 120px; font-weight: normal; margin: 0 0 4px 0}

#content { padding: 30px 0 0 28px }


#col1 { float:left; width: 390px}
#col2 { float:left; width: 325px}
#col1 h1 {  line-height: 1.2em; width: 345px}
#col1 h2 { font-size: 15px; margin: 0; padding: 0 0 10px 0; margin: 0; letter-spacing:0.3px; line-height: 1.2em }
#col2 h2 { color: #ffffff; font-size: 15px; margin: 0; padding: 0 0 10px 0; letter-spacing:0.3px ; }
#col1,#col2 p { font-size: 12px; letter-spacing:0.3px}
#content #col1 p  { width: 345px; margin: 0; padding: 0 0 14px 0 }
/* #content.sub #col1 p { width: 375px; margin: 0; padding: 0 0 14px 0 } */
#col1 li { margin: 0 0 10px 15px; width: 325px; list-style:circle }
#content a { color: #ffffff }
#content a:hover { color: #ffcc00 }
#col1 p.top { padding-top: 4px}

/*.sub #col1  { margin-right: 35px } */
#share img { display: inline-block }

#widget_signup { /* border: 1px solid #ffffff; padding: 0; */ margin: 0 0 30px 0}
#widget_signup input[type=text] { color: #ffffff; background: url(../img/bg_trans.png); border: 0px; padding: 4px 8px; height: 16px }
#widget_signup input[type=text].error { color:#ffcc00;  }
#widget_signup #first_name { width: 141px; margin: 0 5px 0 0}
#widget_signup #last_name { width: 141px}
#widget_signup #email { width: 303px }
#widget_signup #phone { width: 199px }
#widget_signup .f_row { margin: 0 0 6px 0; width: 319px }
#error_msg { color: #ffcc00; padding: 0 0 4px 0}
.clear { clear: both }
.yellow { color: #ffcc00}
/* HOME PAGE */
#content.home #col1 { padding-top: 4px }
.home_article { border-bottom: 1px solid #7b7b7b; margin: 0 0 15px 0; width: 330px}
.home_article.last { border: 0px }
.home_article h2 { color:#ffffff; font-size: 18px; margin: 0; padding: 0 0 15px 0; letter-spacing:0.3px }

#testimonial { width: 310px; margin-top: 30px; }
#col1 li { font-family: Droid Sans }
#share { padding: 10px 0 0 0}



/* SUB PAGES */
/* #header.sub { position: relative; left: -30px } */
#header.sub #header_icon { position: absolute; top: 30px; left: 28px }
#header.sub #header_icon img {}
#header.sub h1 { position: absolute; left: 140px; top: 35px; line-height: 1.2em }
#header.sub h1.one { top: 65px; }
#header.sub h1.two { top: 50px; }


/* HOW IT WORKS */
#how_sep { display: block; margin: 10px 0 0  0 } 
#how_steps { padding: 34px 0 0 0; }
.how_icon { float:left; width: 40px; margin-right: 15px}
.how_icon img { width: 40px; padding-top: 5px }
.how_desc, .how_desc p { float:left ; width: 300px !important}
.how_desc h1 { font-size: 19.5px; line-height: 1.2em; margin: 0; padding: 0 0 10px 0 }
div.how_desc { padding: 0 0 20px 0}

.profile_pic { margin: 0 15px 10px 0; display: inline-block; float:left }

/* FAQ */
#col1.faq h1 { margin: 0; padding:0 0 8px 0; }
#col1.faq h2 { margin: 0; padding:0 0 4px 0 }
#col1.faq p { margin: 0; padding:0 0 30px 0 }

/* SIGN-UP */

.step_icon { display: inline-block; float:left; width: 37px; margin-right: 10px }
#signup_steps { height: 70px; padding: 10px 0 0 0}
#signup_steps span { float:left; padding-top: 10px; font-size: 14px; width: 110px }
#signup_steps #step3 { width: 200px }

#signup { float:left; width: 595px}
#signup_3 { float:left; width: 700px }
.signup_form input[type=text] { color: #ffffff; background: url(../img/bg_trans.png);  border: 0; padding: 4px 8px; height: 16px;  }
.form_row { margin: 0 0 4px 0}
#signup_step1 label {display: inline-block; width: 325px }
#signup_step1 input[type=text] {width: 250px}
#signup_step1 select { width: 265px }


#signup_step2 label {display: inline-block; width: 125px; margin-right: 20px }
#signup_step2 label.alt { width: 230px }
#signup_step2 input[type=text] {width: 59px}
#signup_step2 input[type=text].alt {width: 200px}
#signup_step2 select { width: 75px }
#signup_step2 .form_row { height: 25px;border:}

div.custom_select { display: inline-block; background: url(../img/bg_trans.png); height: 24px}

#signup_step1  div.custom_select { width: 265px }
#signup_step1 .dropdown dd ul li { width: 250px } 

#signup_step2  div.custom_select { width: 75px }
#signup_step2 .dropdown dd ul li { width: 75px } 
/* #step2_submit { margin: 4px 0 0 123px} */
#step2_submit { margin: 4px 0 0 369px}

#signup_step3 label {display: inline-block; float:left; width:300px; margin-right: 20px }
#signup_step3  div.custom_select { width: 175px }
#signup_step3 .dropdown dd ul li { width: 175px } 
#step3_submit { margin: 4px 0 0 396px}
/* 
#mailing_list { float:left; margin-right: 8px }
#mailing_list_label{ width: 300px; display: inline-block; float:left; margin-right: 55px }
*/



/* General dropdown styles */     
.dropdown dl { background: url(../img/bg_trans.png); }
  
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
/* DT styles for sliding doors */
.dropdown dt a {background: url(../img/select_more.png) no-repeat scroll right center;display:block; padding: 4px 20px 4px 8px; /*border:1px solid #d4ca9a; */  text-decoration:none}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
/* UL styles */
.dropdown dd ul { background:#000000 /*  background: url(../img/tbg.png) none repeat scroll 0 0*/ ; display:none;
    list-style:none; padding:5px 0px; position:absolute; margin: 0; 
    left:0px; top:0px;
	z-index: 1000;
 }
.dropdown span.value { display:none;}
.dropdown dd ul li { margin: 0; padding: 0; }
.dropdown dd ul li a { padding:2px 5px; display:block; text-decoration: none;}


#col2 h2.tight { letter-spacing: -1px}