﻿/* CSS Document */
html {
background:#031c31 url(../images/bg.jpg) center top no-repeat;
margin:0px;
padding:0px;
}

body {
margin:0px;
padding:0px;
}

IMG {
color:#333333;
font:bold 11px/18px Verdana, Geneva, sans-serif;


}

a:hover, a:active { /* Hides dotted outlines around clicked images */
outline: none; 
}

/*:focus { /* Hides dotted outlines around clicked images 
outline: 0;
}*/

FORM {
margin:0px;
}

P {
margin:16px 0; /* Cross browser text */

}

.normal P{
text-align:left;
}

.features P{
margin:0px;
text-align:left;
}

.hightlight{
color:#c95108;
}

ul#features {
margin-top:70px;
}	
ul#features li{
color:#c95108;
font:bold italic 18px/16px Helvetica, sans-serif;
margin-bottom:26px;
vertical-align:text-bottom;

}

#header{
height:446px;
margin:0 auto;
position:relative;
width:100%;
margin-top:12px;
}	


#logo{
margin:0 auto;
text-align:center;
position:relative;
width:100%;
z-index:1;
}

#bar{
background-color:#FFFFFF;
background-color: rgba(24,81,109,0.25);
height:15px;
position:absolute;
top:64px;
width:100%;
z-index:0;
}

#content_top{
background:url(../images/content_top.png) no-repeat center top;
height:200px;
margin:0 auto;
padding:0;
position:relative;
width:778px;

}
#content_bg{
background:url(../images/content_bg.png) repeat-y 0 0;
margin:0 auto;
width:778px;
}

#content{
margin:0 auto;
margin-top:-90px;
padding:0;
position:relative;
text-align:center;
width:778px;

}

#nav_bar{

height:150px;
position:absolute;
top:-80px;
left:-40px;
width:824px;

}

#car{
background:url(../images/car.png) no-repeat left top;
width:300px;
height:150px;
float:left;

}	

#nav{
background:url(../images/nav_bg.png) no-repeat center right;
position:relative;
float:right;
width:544px;
height:70px;
margin-top:-76px;

}



#nav ul {
float:right;	
list-style:none;	
padding:0;
margin:0;
margin-top:14px;
margin-right:3px;
position:relative;
text-align:right;
vertical-align:middle;
}

#nav ul li {
color:#f3f3f3;
display:inline;
float:left;	
font:bold 15px/18px Helvetica, sans-serif; 

margin:5px 11px;
text-decoration:none; 
vertical-align:middle;

}

#nav ul li:first-child {
margin-left:0px;
}

#nav ul li a{
display:block;
font-size:0;	 /* TEXT INDENT WON'T WORK, SO MAKING IT 0 */
line-height:0;   /* TEXT INDENT WON'T WORK, SO MAKING IT 0 */
height:30px;			
padding:0 4px;
}


#nav ul li.home a:link{
background:url(../images/tab_home.png) no-repeat center top;
display:block;
width:68px;
}
#nav ul li.home a:active{ /* :active AND :visited ARE MENDETORY FOR IE AS IE DOESN'T DEFINE THEM EXPLICITLY AND WON'T SHOW THEM WHEN CLICKED */
background:url(../images/tab_home.png) no-repeat center top;
display:block;
width:68px;
}
#nav ul li.home a:visited{
background:url(../images/tab_home.png) no-repeat center top;
display:block;
width:68px;
}
#nav ul li.home a:hover{
background-position:center bottom;
background-repeat:no-repeat;
}



#nav ul li.affiliates a:link{
display:block;
background:url(../images/tab_affiliates.png) no-repeat center top;
width:106px;
}
#nav ul li.affiliates a:active{  
display:block;
background:url(../images/tab_affiliates.png) no-repeat center top;
width:106px;
}
#nav ul li.affiliates a:visited{
display:block;
background:url(../images/tab_affiliates.png) no-repeat center top;
width:106px;
}
#nav ul li.affiliates a:hover{
background-position:center bottom;
background-repeat:no-repeat;
}


#nav ul li.contact a:link{
display:block;
background:url(../images/tab_contactus.png) no-repeat center top;
width:123px;
}
#nav ul li.contact a:active{
display:block;
background:url(../images/tab_contactus.png) no-repeat center top;
width:123px;
}
#nav ul li.contact a:visited{
display:block;
background:url(../images/tab_contactus.png) no-repeat center top;
width:123px;
}
#nav ul li.contact a:hover{
background-position:center bottom;
background-repeat:no-repeat;
}


#nav ul li.buynow a:link{
display:block;
background:url(../images/tab_buynow.png) no-repeat center top;
width:96px;										
}
#nav ul li.buynow a:active{
display:block;
background:url(../images/tab_buynow.png) no-repeat center top;
width:96px;										
}
#nav ul li.buynow a:visited{
display:block;
background:url(../images/tab_buynow.png) no-repeat center top;
width:96px;										
}
#nav ul li.buynow a:hover{
background-position:center bottom;
background-repeat:no-repeat;
}




#content_bottom{
background:url(../images/content_bottom.png) no-repeat center top;

}




.divider{
background:url(../images/dot.png) repeat-x center center;
height:8px;
}	
.Wrapper {
white-space: nowrap;
}



h1{
color:#b40505;
font:normal 35px/50px Georgia, "Times New Roman", Times, serif;
letter-spacing:-2pt;
margin:0;
margin-bottom:36px;
padding:0;
text-align:center;

}


h2{
color:#b40505;
font:normal 24px/36px Georgia, "Times New Roman", Times, serif;
letter-spacing:-1.5pt;
margin:0;
margin-bottom:30px;
padding:0;
text-align:center;
}

h3{
color:#3a3214;
font:bold 16px/30px Helvetica, sans-serif;
letter-spacing:1pt;
margin:0;
margin-bottom:20px;
padding:0;
text-align:center;
text-transform:uppercase;
}




.testimonial {
background-color:#f8e9c6;
color:#1e1410;
float:right;
font:italic 15px/22px Georgia, "Times New Roman", Times, serif;
margin-left:20px;
padding:18px 30px;
width:270px;
}


.normal {	
color:#3a3214;
font:normal 14px/24px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
text-align:left;
}

.normal a:link {
color:#0b89be;
text-decoration:underline;
}	

.normal a:visited {
color:PURPLE;
text-decoration:underline;
}

.normal a:active {
color:#0b89be;
text-decoration:underline;
}

.normal a:hover {
color:#c95108;
text-decoration:none;
}


.small {
color:#666048;
font:normal 12px/18px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
text-align:center;
}

.small a:link {
color:#0b89be;
text-decoration:underline;
}	

.small a:visited {
color:PURPLE;
text-decoration:underline;
}	

.small a:active {
color:#0b89be;
text-decoration:underline;
}	

.small a:hover {
color:#c95108;
text-decoration:none;
}	

.small p{
text-align:center;
margin:0;
padding:0 0 0 5px;

}

#package{

margin:0 auto;
margin-bottom:30px;
position:relative;
width:560px;

}

.img_border{
border:2px solid #efe7b9;
padding:5px;
}


#options{
margin:20px auto;
border:0px dotted #FF6600;
width:546px;
}

.option_a, .option_b, .option_c{ 
background:#eeebde;
margin:16px 0;
}

.option_c{ 
background:#ffec90;


}


.option_a :hover, .option_b :hover, .option_c :hover{ 
/*background:#bef;*/
}

#options .mid_col{
width:522px;
height:50px;
}



#options .mid_col h2{
display:inline;
float:left;
margin:0 10px;
padding:0px;
text-align:left;			
}

#options .mid_col h4{
color:#3a3214;
display:block;
font-size:17px;
font-weight:normal;
float:left;
line-height:36px;
margin:0 10px;
padding:0px;
text-align:left;
width:456px;
}	

#options .option_c h4{

display:block;
font-weight:bold;
float:left;
line-height:19px;

}

#options .top_left{
background:url(../images/border_topleft.png) no-repeat left top;
height:12px;
width:12px;
}

#options .top_right{
background:url(../images/border_topright.png) no-repeat right top;
height:12px;
width:12px;
}

#options .bottom_left{
background:url(../images/border_bottomleft.png) no-repeat left bottom;
height:12px;
width:12px;
}

#options .bottom_right{
background:url(../images/border_bottomright.png) no-repeat right bottom;
height:12px;
width:12px;
}

ul{

color:#f00;
}

ul li{
color:#3a3214;
list-style-image:url(../images/bullet.gif);
list-style-position:outside;
padding-left:2px;			
}

#subscribe{
border:4px dashed #e6ddb2;		
margin:40px auto;

width:586px;


}

#subscribe .box{
background:#fff;
height:100%;
width:100%;


}

#subscribe .box td{
background:#fff7d0;
}

#subscribe p{
font-size:13px;
margin-left:70px;

}

#subscribe p.subhead{
font-size:13px;
font-weight:bold;
margin:0px auto;
margin-top:120px;
text-align:center;		

}

#subscribe h2{
font-size:26px;
padding:20px;

}

#subscribe .book{

position:absolute;
right:50px;
height:300px;
}

#subscribe_form{
padding:40px;
text-align:center;
font-size:17px;
width:400px;
margin:0 auto;

}	

#subscribe_form .txtBox{
color:#514b34;
background:#fff;
border:2px inset #ded;
font:bold 16px/20px Arial, Helvetica, sans-serif;
vertical-align:center;
height:22px;
margin-left:20px;
padding:5px;
text-align:left;
width:200px;

}	

#subscribe_form .txtBox:hover{
background:#ebfaff;
}


#subscribe_form .txtBox:focus, #subscribe_form .txtBox:active{
background:#ebfaff;
border:2px inset #228fad;
}


#subscribe_form .btn{
margin-left:20px;
}


#components{

position:relative;
display:block;
width:650px;
margin:20px auto;
float:none; /* if this is applied container expand as content expands */
}

.component{

border-bottom: 3px dotted #e1dfd6;
display:block;
height:100%;
margin:0 auto;
margin-bottom:30px;
padding:15px 10px 25px;
width:630px;
float:left; /* if this is applied container expand as content expands */


}

#components .text{
display:block;
font-size:13px;
line-height:24px;
width:436px;
float:right;
}

#components .tn{
display:block;
float:left;
position:relative;
margin-right:20px;

}

#components h2{
color:#3a3214;
font-size:30px;
margin:0;
padding:0;
text-align:left;
}

#components h3{
color:#b40505;
line-height:24px;
margin:0;
padding:0;
margin-bottom:20px;
text-align:left;
}

#guarantee{
-moz-border-radius:16px;
-webkit-border-radius:16px;
border:4px dashed #e6ddb2;

margin:40px auto;
padding:14px 36px;
width:516px;
}

#guarantee_badge{
background:url(../images/guarantee_badge.gif) no-repeat;
height:122px;
position:absolute;
padding:40px 0;
width:122px;
right:50px;
margin-top:-40px; /* top:xx; applies with reference to the page not the parent container*/
}

#guarantee p{

font-weight:bold;
position:relative;
width:460px;
}



#acceptance{
border:4px dashed #605d52;		
margin:40px auto;
width:620px;
}

#acceptance_form{

width:590px;
margin:0 auto;

}
#acceptance h1{
margin-top:20px;
margin-bottom:20px;
}

#acceptance label{
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
background-color:#ffe76f;
float:left;
height:40px;
margin:0;
padding:35px 20px 21px;
margin-bottom:10px;
vertical-align:middle;
width:550px;
}

#acceptance label span.text{
color:#3a3214;
font:bold 13px/24px Helvetica, sans-serif;
float:right;
display:block;
letter-spacing:1.2pt;
margin-top:-10px;
text-align:left;
text-transform:uppercase;
width:510px;

}

#acceptance label.accept:hover{
background-color:#b2eaff;
}


#agreement{
clear:both;
display:block;
margin:20px auto;
padding-top:25px;
margin-bottom:30px;
position:relative;
text-align:center;
width:510px;

}


#affiliate_steps{
-moz-border-radius:16px;
-webkit-border-radius:16px;
border:4px dashed #e6ddb2;

margin:40px auto;
padding:16px 0px;
width:640px;
}	


#footer{
background:url(../images/footer_light.jpg) no-repeat center -280px;
padding-bottom:70px;
position:relative;
width:100%;	
}

.BottomNav {
color:#2d5f78;
font:normal 12px/24px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif; 
vertical-align:middle;
}

.BottomNav A:link{
color:#edf9ff;
font-weight:bold;
text-decoration:none;			
}

.BottomNav A:active{
color:#edf9ff;
font-weight:bold;
text-decoration:none;
}

.BottomNav A:visited{
color:#edf9ff;
font-weight:bold;
text-decoration:none;
}	

.BottomNav A:hover{
color:#fff;
font-weight:bold;
text-decoration:underline;
}						



.copyright {
color:#edf9ff;
font:normal 11px/20px Arial, Helvetica, sans-serif;


}

.copyright a:link {
color:#edf9ff;
text-decoration:underline;

}	

.copyright a:active {
color:#edf9ff;
text-decoration:underline;			
}			

.copyright a:visited {
color:#edf9ff;
text-decoration:underline;
}

.copyright a:hover	{
color:#ffffff;	
text-decoration:none;

}



.res_head {
border-bottom:1px solid #461e0a;
color:#7c3613;
font:bold 13px/20px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif; 
padding-bottom:10px;
width:100% !important;
}	

.res_links {
font:normal 12px/30px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif; 
color:#fbfeff;

}	

.res_links a{
padding:4px 4px;

}	


.res_links a:link
{

text-decoration:none;
color:#fbfeff;
background:none;

}	


.res_links a:active
{
text-decoration:none;
color:#fbfeff;
background:none;
}	

.res_links a:visited
{

text-decoration:none;
color:#fbfeff;
background:none;
}


.res_links a:hover
{
-moz-border-radius:3px;-webkit-border-radius:3px;			
background-color:#be641c;
color:#fff; 
outline:none; 
text-decoration:none; 
filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9;
text-decoration:none;


}		

.res_links ul {
list-style-type:none;
padding:0px;
margin:0px;		
}		

.res_links ul li {
padding:0px;
margin:0px;		
background:url(../images/bullet.png) no-repeat left center;
padding-left:8px;


}			