/* Quickhost.com Header and Footer */
/* 76design.com */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0; margin: 0;
	background: white url(/images/background-nonindex.gif) top left repeat-x;
	text-align: center;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 130px; 
  overflow: hidden;
	position: relative;
	background: url(/images/navi_back.gif) top left repeat-x;
  margin-bottom: 34px;
}

#header IMG {
border:0;
padding:0;
margin:0;
}

#header #navi ul {
	position:absolute;
	bottom:0;
	list-style: none outside;
	margin: 1px 0 0 0; 
	padding: 0;
}

#header #navi li {
	margin: 0; padding: 0;
	display: inline;
}

#header #navi li a:link,
#header #navi li a:visited {
	display: block;
	float: left;
	line-height: 29px;
	padding: 0 25px;
	background: url(/images/navi-menu_off.gif) top repeat-x;
	border-left: 1px solid #666666;
	border-right: 1px solid #222222;
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
}

#header #navi li a:hover {
	background: url(/images/navi-menu_over.gif) top repeat-x;
}

#header #navi li.selected a:link,
#header #navi li.selected a:visited,
#header #navi li.selected a:hover {
	background: url(/images/navi-menu_on.gif) top repeat-x;
	border-left: 1px solid #33b5fe;
	border-right: 1px solid #0071b1;
}

#header #utility {
	position: absolute;
	bottom: 30px; right: 0;
	text-align: right;
	width: 250px; /*Only IE5 Needs this rule*/
}

#header #utility p {
	margin: 5px 0; padding: 0;
	line-height: 1.4em;
}

#header #utility ul {
	margin:10px 0 0 0;
	padding:0;
	float:right;
}

#header #utility li {
	display: inline;
	background: url(/images/navi-button_off.gif) no-repeat;
	width: 100px;
	float: left;
	text-align: center;
	height: 25px;                   
  padding: 0;
	margin: 0 0 0 5px;    
  /*border: 1px solid #000000;*/     
}

#header #utility li a:link,
#header #utility li a:visited {
	padding:0;
	margin: 0 0 0 0;
	color:#FFF;
	text-decoration:none;
	font-size:90%;
	display:block;
	width:100px;
	line-height:25px;
}

#header #utility li a:hover {
	text-decoration: underline;
}

#header #utility a:link,
#header #utility a:visited {
	color: #333333;
}

#header #utility a:hover {
	color: #0091f7;
}


#footer {
	border-top: 3px solid #0091f7;
	text-align: right;
}

/*#footer*/ a:link, /*#footer*/ a:visited {
	color: #0091f7;
}

/*#footer*/ a:hover {
	color: #0044a6;
}

#footer ul {
	list-style: none outside;
	margin: 0.5em 0 1em 0; padding: 0;
}

#footer li {
	display: inline;
	margin: 0 0 0 15px; padding: 0;
}

#footer p {
	margin: 0; padding: 0;
	line-height: 1.2em;
}


/*******************************************/


.tablePath {    
  margin: 0px auto;
  margin-bottom: 1.5em;   
  /*display: block;  */
  height: 20px;                   
}

.tablePath ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;   
  font-weight: bold;
  text-align: center;
}

.tablePath li {
  float: left;
  display: block; 
  white-space: nowrap;
  padding: 0;
  background: none;
  text-align: center;
  font-weight: bold;  
  margin-left: 15px;
  margin-right: 15px;
}

.tablePath span {
  display: inline;  
  padding: 4px 15px 4px 28px;
  background-repeat: no-repeat;
  font-size: 12px;
  text-align: left;
  line-height: 24px;
}                

.tablePath span.passedStep a:link, .tablePath span.passedStep a:visited {   
}

.tablePath span.passedStep a:hover {       
  color: #0091f7;                      
}           

.tablePath span.passedStep {
  background-image: url(/images/step-passed.gif);    
}              

.tablePath span.currentStep {
  background-image: url(/images/step-current.gif);  
  color: #00A3FD;                   
}  

.tablePath span.followingStep {  
  background-image: url(/images/step-following.gif); 
  padding-left: 28px;
}

a.more {
  background-image: url(/images/more_arrow.gif); 
}

.buttonOk {
  background-image: url(/images/arrow_red.gif);  
}

a.question_icon {
  background-image: url(/images/question_icon.gif);    
}

.PlanName {      
  color: #0091F7;                      
  }
  
.Comment {
  color: #8791AA; 
}   

.Price {
  color: #738294; 
}   
  
.tableHeader, .tableContent, .tableFooter,
.tableOrderHeader, .tableOrderContent, .tableOrderFooter,                
.tablePlaceOrderHeader, .tablePlaceOrderContent, .tablePlaceOrderFooter,
.tableErrorHeader, .tableErrorContent, .tableErrorFooter,
.tableOrderHeader, .tableOrderContent, .tableOrderFooter,
.tablePlaceOrderHeader, .tablePlaceOrderContent, .tablePlaceOrderFooter,
.tableSMHeader, .tableSMContent, .tableSMFooter,
.tablePlanHeader, .tablePlanContent, .tablePlanFooter,
.tableErrorContentTD {   
  background-color: #F2F2F2; 
}         

.tableHeader, 
.tableOrderHeader,               
.tablePlaceOrderHeader,
.tableErrorHeader,
.tableOrderHeader,
.tablePlaceOrderHeader,
.tableSMHeader,
.tablePlanHeader {    
  height: 30px;  
  background: transparent;              
}

.tableErrorContentTD {
  
}

.tablePlanHeaderTD {
  background-color: #E0E3E6; 
}
               
.tablePlanContent, .tablePlanFooter {
  background-color: #FFFFFF;  
}
  
.tableHeaderTD {                                                    
  background: url(/images/tableHeader.gif) repeat-x left top;   
  color: #FFFFFF;  
}             

.tableHeaderTDOptions {
  background: url(/images/tableHeader.gif) repeat-x right top;  
}

.tableErrorHeader,
.tableOrderHeader,
.tablePlaceOrderHeader {   
  background: url(/images/tableHeader.gif) repeat-x top left;
}

.tableSMHeaderTD {                                                    
  background: url(/images/tableHeaderSM.gif) repeat-x left top;   
  color: #FFFFFF;  
}

.tableHeaderTDOptions a:link, .tableHeaderTDOptions a:visited {
  color: #FFFFFF;
  font-weight: normal; 
}

.tableHeaderTDOptions a:hover {
  text-decoration: none;
}

.tableHeaderTDOptions a.more {
  background-image:url(/images/arrow_more_Header.gif);
}

.tableFooter,
.tableErrorFooter,
.tableOrderFooter,
.tablePlaceOrderFooter,
.tableSMFooter,
.tablePlanFooter {
  margin-bottom: 30px;
}

.BlockNameError, .BlockNameOrder, .BlockNamePlaceOrder {
  color: #FFFFFF;
}

.evenRowTable {
  background-color: #F5F5F6;
}

legend {
  min-width: 737px;
  color: #000000;  
}

.labelPlanPeriod {
  color: #000000;  
}

.SWbutton {
  background: url(/images/button.gif) no-repeat 0px 0px;
  color: #000000;   
}
  
.SWbutton_Over {
  background: url(/images/button.gif);
  background-repeat:no-repeat;
  background-position: 0px -36px;
  color: #C80000;   
}

.SWbutton, .SWbutton_Over {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0px solid red;
  font-weight: bold;
  height: 26px;
  /**/padding: 0 0 3px 0;   
  vertical-align: top;
  width: 100px;
}

span.SWCombo label.selected, 
span.SWCombo_hl label.selected,
.SWCombo li.selected {
  background-color: #E0E3E6;
}

.OrderConfirmation {
  color: #000000;      
}                 

#orderInfoLabel_Welcome {
  background-color: #FFFFFF;   
  margin-bottom: 20px;
}

.orderInfoAdditional, .orderInfoBilling {
  width: 365px;
  padding: 0;
  margin: 0px auto;
  vertical-align: top; 
}

.orderInfoSpace { 
  width: 30px;
  height: 0;
}

#wininfo td.closeIcon a {
  text-decoration: none;
  color: #FFFFFF;
  border: 1px solid #E0E3E6;
  width: 16px;
  padding: 0px 3px;
  font-weight: bold;
}

.PlanMoreInfo, .PlanMoreInfo a:link, .PlanMoreInfo a:visited {
  color: #0091F7;
}

.PlanMoreInfo a:hover {
  color: #0044A6;
}