body { 
	background: #FFFFFF url('background.png') 0 0 repeat-x; 
	font-family: Arial, sans-serif;
	font-size: 12px; 
	margin: 0 0 0 0;
	text-align:center;
}   

a, a:visited, a:link { color: #005e9f; cursor: pointer; outline: none; }    

a:active { outline: none; }

#wrapper #bodycontent #masthead a { text-decoration: none; }
#wrapper #bodycontent #masthead a:hover { text-decoration: none; }

#wrapper {      
	margin: 10px auto 20px auto;
	position: relative;
	text-align: left;  
	width: 819px;
}

#wrapper #bodycontent {     
	margin: 0 0 0 0; 
	padding: 0 0 0 0;  
	position: relative;
	width: 819px;
}                     

#wrapper #bodycontent #masthead {
    	background: transparent url('masthead_right2.png') 100% 0 no-repeat; 
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;       
	  height: 260px;       
	margin: 0 0 0 0; 
	padding: 0 0 0 0;    
	position: relative;
    	width: 819px;
}	

#wrapper #bodycontent #masthead #masthead_left  #ecommerce {
	height: 120px;
	padding-top: 10px;
}    

* html #wrapper #bodycontent #masthead #masthead_left  #emailmarketing {
	padding-top:10px;
}    



#wrapper #bodycontent #masthead #masthead_left {           
    background: transparent url('masthead_left2.png') 0 0 no-repeat;
	float: left;
	height: 260px;             
	margin: 0 0 0 0;
	padding: 0 0 0 17px;      
	position: relative;
	width: 307px;
}       

#wrapper #bodycontent #masthead #masthead_left h1 {  
	color: #FFFFFF;
	font: bold 24px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
	text-shadow: #333333 1px 1px 2px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:210px;
}   

#wrapper #bodycontent #masthead #masthead_left h2 {
	color: #CCC;
	font: normal 12px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
	text-shadow: #333333 1px 1px 2px;
    	line-height: 15px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;  	
	width:220px;
}  

#wrapper #bodycontent #masthead #masthead_left h3 {
	color: #999999;
	font: normal 19px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
    	line-height: 19px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;  	
}  
      
#wrapper #bodycontent #masthead #masthead_left #ecommerce {           
    position: relative;     
    z-index:3; 
    }     
    
#wrapper #bodycontent #masthead #masthead_left #emailmarketing { 
    position: relative;     
    z-index:3; 
    }

#wrapper #bodycontent #masthead #masthead_left #ecommerce a,
#wrapper #bodycontent #masthead #masthead_left #emailmarketing a {     
	color: #FFFFFF;
	display: block; 
	height: 80px;
	padding: 40px 0 0 40px;   
	text-decoration: none; 
 	width: 226px;   
}                                       

#wrapper #bodycontent #masthead #masthead_right {    
	color: #FFFFFF; 
	float: left;    
	margin: 38px 0 0 0;
	width: 457px;
	z-index: 1;
}  

#wrapper #bodycontent #masthead #masthead_right #features span a {  
	background: transparent url('arrow_10px.png') 100% 50% no-repeat;
	color: #999999;
	font-size: 11.5px;
	font-weight: bold;                                                             
	padding-right: 8px;
	text-decoration: none;
}

#wrapper #bodycontent #masthead #masthead_right #features span a:hover { color: #FFFFFF; }

#wrapper #bodycontent #masthead #masthead_right #features ul { 
	color: #EEEEEE;  
	font: normal 12px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
}

#wrapper #bodycontent #masthead #masthead_right #features ul li { 
	background: transparent url('bullet.png') 0 50% no-repeat;
	line-height: 17px;                                      
	padding-left: 12px;
}       

#wrapper #bodycontent #masthead #masthead_right #features_ecommerce,
#wrapper #bodycontent #masthead #masthead_right #features_emailmarketing {    
	color: #EEEEEE;
	float: left;              
	font: normal 12px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
    height: 200px;   
 	line-height: 18px;
	margin: 4px 0 0 0;
	overflow: hidden;
	width: 170px;
}        

/* Hide initial elements */
#wrapper #bodycontent #masthead #masthead_right #features_emailmarketing, 
#wrapper #bodycontent #masthead #masthead_right #pricing_emailmarketing { display: none; }

#wrapper #bodycontent #masthead #masthead_right #pricing_ecommerce,
#wrapper #bodycontent #masthead #masthead_right #pricing_emailmarketing {     
	background: transparent url('pricing_background.png') 0 0 no-repeat;
	float: right;   
	height: 208px;       
    position: static;
	width: 270px;
}         

#wrapper #bodycontent #masthead #masthead_right .header,
#wrapper #bodycontent #masthead #masthead_right .pro_header {       
	color: #999999;   
	display: block;
	font-size: 11px;      
	line-height: 12px;   
          margin-top: 3px;
	padding: 8px 0 10px 0;  
	text-align: center;
	width: 134px;		
}   

#wrapper #bodycontent #masthead #masthead_right .pro_header {
	background: transparent url('go_pro.png') 50% 0 no-repeat;      
	padding: 12px 0 18px 0;  
}           

#wrapper #bodycontent #masthead #masthead_right .price {  
    display: block;
	font-family: Helvetica, Arial, sans-serif;
	height: 50px;   
    margin: 0 0 0 0;
	position: relative;
 	width: 134px;     
}

#wrapper #bodycontent #masthead #masthead_right .price .dollar {       
    float: left;
	font-size: 17px;     
	padding: 2px 4px 0 22px;
	position: relative;
	text-shadow: #333333 1px 1px 2px;
}

#wrapper #bodycontent #masthead #masthead_right .price .amount {       
    float: left;
	font-size: 50px;  
	font-weight: bold;               
	line-height: 46px;
	margin: 0 3px 0 0;     
	padding: 0 0 0 0;
	position: relative;
	text-shadow: #333333 1px 1px 2px;
}
                                                              
#wrapper #bodycontent #masthead #masthead_right .cents {   
	border-bottom: 1px solid #FFFFFF;           
	float: left;
	font-size: 15px;
	position: relative;
	text-shadow: #333333 1px 1px 2px;
}                                                            

#wrapper #bodycontent #masthead #masthead_right .period { 
	color: #777777; 
	display: block;     
	float: left;
	font-size: 10px; 
	margin: 3px 0 0 0;
	position: relative;
}


#wrapper #bodycontent #masthead #masthead_right .top {        
    position: static;     
 	text-align: center; 
	width: 270px; 
} 

#wrapper #bodycontent #masthead #masthead_right .top .left,
#wrapper #bodycontent #masthead #masthead_right .top .right {       
	height: 137px; 
	text-align: center;  
   	 position: static;
	width: 135px;
}    
   
#wrapper #bodycontent #masthead #masthead_right .top .left { float: left; }

#wrapper #bodycontent #masthead #masthead_right .top .right { float: right; }

#wrapper #bodycontent #masthead #masthead_right .bottom { 	
    	clear: both;    
    	height: 67px;  
    	padding-top: 2px;
    	width: 270px;
}

#wrapper #bodycontent #masthead #masthead_right .bottom h3 { 
	color: #FFFFFF;
	font: bold 11px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;  
	margin: 0 0 0 0;  
	padding: 0 0 0 0;
}
	
#wrapper #bodycontent #masthead #masthead_right .bottom span {
	color: #999999;
	font: normal 10px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;	
	margin: 0 0 0 0;  
	padding: 0 0 0 0;
}
                   
#wrapper #bodycontent #masthead #masthead_right .bottom a {  
	background: transparent url('pricing_bottom.png') 0 0 no-repeat;           
	line-height: 10px;
	height:40px;
	padding: 26px 0 0 46px;
	width: 270px;
	display: block;      
}              

* html #wrapper #bodycontent #masthead #masthead_right .bottom a {  
	height: 69px;  
}    


#wrapper #bodycontent #masthead #masthead_right .bottom a:hover { background-position: bottom left; }    
#wrapper #bodycontent #masthead #masthead_right .bottom a:active { background-position: top left; }    

#wrapper #bodycontent #masthead #masthead_right .bottom a:hover h3 { color: #FFFFFF; }   
#wrapper #bodycontent #masthead #masthead_right .bottom a:hover span { color: #CCCCCC; }   

#wrapper #bodycontent #masthead #masthead_right .button_learn_more { 
display: block;
height: 43px;
position: static;
width: 134px;	
text-align: center;
 }

#wrapper #bodycontent #masthead #masthead_right .button_learn_more a {    
    background: transparent url('button_yellow.png') 52% 0 no-repeat;   
    color: #c85e00;
    clear: both;
    display: block; 
    font-size: 14px;
    font-weight: bold;
    height: 32px;   
    padding:11px 0 0 0; 
    text-shadow: #FFFFFF 1px 1px 1px;
    width: 134px;	               
}       

#wrapper #bodycontent #masthead #masthead_right .button_learn_more a:hover { background-position: 52% -43px; }   
#wrapper #bodycontent #masthead #masthead_right .button_learn_more a:active { 
    background-position: 52% -86px;                                              
    padding: 12px 0 0 2px;           
}  

#wrapper #bodycontent #masthead_bottom {
	background: transparent url('masthead_bottom.jpg') 0 0 no-repeat; 
	font: normal 11px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;	
	padding: 25px 0 22px 510px;   
	height: 271px;    
    
}    

#wrapper #bodycontent #masthead_bottom div {
    height: 245px;             
    margin: 0 0 0 0;
    padding: 0 0 0 0;   
    width: 287px;
}

#wrapper #bodycontent #masthead_bottom a h3 {    
	color: #CCCCCC;  
	font-size: 14px;
	font-weight: bold; 
	height: 16px;
	margin: 0 0 2px 0;
	padding: 0 0 0 0;
}

#wrapper #bodycontent #masthead_bottom a:hover h3 { color: #FFFFFF; }   

#wrapper #bodycontent #masthead_bottom a p {    
	height: 15px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}

#wrapper #bodycontent #masthead_bottom a {    
	color: #777777;
	display: inline-block;      
	float: left;
	height: 54px;
	text-decoration: none;    
	width: 270px;
} 

#wrapper #bodycontent #masthead_bottom a:hover { background: transparent url('options_background.png') 0 0 no-repeat; }             
#wrapper #bodycontent #masthead_bottom a:active { background: transparent url('options_background.png') 100% 100% no-repeat;}             

#wrapper #bodycontent #masthead_bottom span {     
	display: inline-block;   
	margin: 0 0 0 0;
	padding: 10px 0 0 70px;
	text-decoration: none;    
	width: 200px;		
}
	
#wrapper #bodycontent #masthead_bottom .ecommerce { background: transparent url('option_ecommerce2.png') 16px 11px no-repeat; }	
#wrapper #bodycontent #masthead_bottom .emailmarketing { background: transparent url('option_email2.png') 16px 9px no-repeat; }   
#wrapper #bodycontent #masthead_bottom .merchantservices { background: transparent url('option_creditcard2.png') 16px 10px no-repeat; } 
#wrapper #bodycontent #masthead_bottom .trypro { background: transparent url('option_trial2.png') 16px 6px no-repeat; }
                         
#wrapper #header { 
	padding: 65px 0 0 0;  
	margin: 0 0 0 0;  
	position: relative;
	width: 819px;
}           

#wrapper #header .main_logo {           
	background: transparent url('logo.png') 0 0 no-repeat; 
	display: block;
	position: absolute;
	height: 45px;
	left: 22px;          
	top: 8px;
	width: 230px;
} 
    

#wrapper #header #runner {        
	color: #777777;
	float: right;            
	font: normal 11px Helvetica,Arial,Verdana,sans-serif;      
	padding: 15px 22px;
	position: absolute;
	right: 0;       
	text-align: right;
	top: 0;     
} 
                     
#wrapper #header #runner h2 {  
	color: #666666;     
	font-size: 13px;          
	font-weight: bold; 
	margin: 0 0 0 0; 
	padding: 0 0 4px 0;
}

#wrapper #header #runner span h2 {  
	color: #777777;
	font: normal 11px Helvetica,Arial,Verdana,sans-serif;    
	display: inline;
	}

#wrapper #header #runner span {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 20px;
}

#wrapper #header #runner a {
	color: #005e9f; 
	text-decoration: underline; 
}

#wrapper #header #runner a:hover { text-decoration: none; }

#wrapper #footer {
	width: 819px;
} 

#wrapper #footer #disclaimer {   
	color: #666666;     
	font: normal 11px Helvetica,Arial,Verdana,sans-serif;  
	font-size: 11px;
	line-height: 15px;
}               

/* Web.com Footer */
#wrapper #footer #wspi-footer { 
	background: #ffffff;
	border-top: 1px dotted #CCCCCC;
	clear: both;                   
	font: normal 11px Helvetica,Arial,Verdana,sans-serif !important;  
	height: 34px;  
	padding-top: 10px;
	position:relative;
	width:100%; 
}
#wrapper #footer #wspi-footer .logo {  width: 99px; height: 34px; border: 0;  margin: 0 5px 0 0; display:block; float: left; }
#wrapper #footer #wspi-footer .links {  font-size: 11px; display:block; float: left;  }
#wrapper #footer #wspi-footer .links a { color: #666666;}

#wrapper #footer #wspi-footer .scanalert { position:absolute; top:10px; right:0; }	

.navlinks {     
	background: transparent url('header_background2.png') 0 0 no-repeat;    
	height: 44px;
	margin: 0 0 0 0;
	width: 819px;
}  
             
.navlinks.secondary { background: transparent url('header_background.png') 0 0 no-repeat; }

.navlinks.secondary, .navlinks.secondary a, .navlinks.secondary a:visited, .navlinks.secondary a:hover {     
    font-weight: normal !important; 
}

.navlinks ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 22px;  	
} 

.navlinks ul li {   
	background: transparent url('header_divider.png') 100% 50% no-repeat;      
	float: left;   
	height: 22px;
	margin: 6px 0 0 0;    
	padding: 7px 11px 0 9px;        
	position: static;
}

.navlinks ul li a,
.navlinks ul li a:visited {   
	color: #333333;  
	height: 23px;    
	font-weight: bold;        
	position: relative;
	text-decoration: none;
}

.navlinks ul li a:hover {   
	color: #005e9f;   
	font-weight: bold;
	text-decoration: none;
}  
              
.navlinks .clearbg { background: none !important; }

.navlinks .signup {    
    background: none !important;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
     }      


.navlinks .signup a {  
    background: transparent url('arrow_10px_orange.png') 90% 13px no-repeat;         
    color: #c85e00 !important;     
    display: block;             
    margin: 6px 0 0 0;    
    padding: 7px 2px 0 0;
    text-align: center;
    width: 72px;   
}