body { 
background-color:#a00; 
margin:0 auto; 
padding:0; 
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
font-size: 93%;
color: #222;
} 

/**************************** Link-text *******************************/ 
a { 
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
font-size: 100%; 
font-weight: normal;
color: #c00; 
text-decoration: underline; 
} 

a:hover { 
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
font-size: 100%; 
color: #fff;
background-color: #c00;
text-decoration: none; 
} 


a.yellow { 
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
font-weight: normal;
color: yellow;
text-decoration: underline; 
} 

a:hover.yellow { 
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
font-weight: normal;
color: #c00;
background-color: yellow;
text-decoration: underline; 
} 


a.teaser { 
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
font-weight: bold;
color: #c00;
text-decoration: underline; 
} 

a:hover.teaser { 
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
font-weight: bold;
color: #c00;
background-color: yellow;
text-decoration: underline; 
} 

li.blue {
list-style-image:url(../image-files/bluetick.png)
}

/**************************** Headings & Bullets   *******************************/ 
h1 { 
font-family: Verdana, Arial, sans-serif;
font-size: 140%; 
color: #c00;
border-bottom: 2px solid #feb012;
} 

h2 { 
font-family: Verdana, Arial, sans-serif;
font-size: 120%; 
color: #c00;
background-color:#fafad2;
} 

h2.index { 
font-family: Verdana, Arial, sans-serif;
font-size: 120%; 
color: #c00;
background-color: #fff;
} 


h2.sitemap { 
font-family: Verdana, Arial, sans-serif;
font-size: 120%; 
color: #c00;
border-bottom: 2px solid #bbb;
} 

h3 { 
font-family: Verdana, Arial, sans-serif;
font-size: 110%; 
color: #c00;
} 

h4 {
font-family: Verdana, Arial, sans-serif;
text-align: center;
font-size: 110%; 
color: #c00;

 }

/***********************area to change the size, color and font family ********************/ 
table { 
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
font-size: 100%; 
color: #222; 
padding: 0px; 
} 

table.pricing {
border:1px solid #c00;
background-color:#eee;
margin:0 auto 0 50px;
 }

/************************************************* Table Cells **************************/ 
td.headerbg { 
background-color:#fff; 
} 

td.spacerbg { 
height: 1px; 
background-color:#fff;
width:195px; 
padding:5px; 
} 

td.contentbg { 
width:585px; 
background-color:#fff; 
padding-left:16px; 
padding-right:8px; 
padding-top:13px;
} 

td.leftbg { 
width:195px; 
font-size: 93%; 
background-color:#fff; 
padding-left:4px; 
padding-top:10px; 
margin-left:10px;
} 

td.footerbg { 
font-size: 93%; 
color:#333;
background-color:#fafad2;
padding:5px; 
border-top: 2px solid #feb012;
} 


/******************************************* Boxes ************************/ 
.Signature {
font-size:125%;
 }
 
.Wow{
width:92%;
font-size:110%;
color:#000;
background-color:#fafad2;
padding: 10px;
margin: 0 auto 0 25px;
border: 1px solid #c00;
 }
.WowRight{
float:right;
width:250px;
color:#000;
font-family: 'Courier New', Courier, monospace;
background-color:#fafad2;
padding: 10px;
margin: 0 8px;
border: 1px solid #c00;
 }

.QuoteBoxRight{
float:right;
width: 250px;
font-family: 'Courier New', Courier, monospace;
color:#000;
background-color:#fafad2;
padding: 8px 5px 8px 10px;
margin: 0 0 0 10px;
 }

.QuoteBoxLeft{
float:left;
width: 210px;
font-size:110%;
color:#000;
background-color:#fafad2;
border:2px solid #f2af2c;
padding: 10px;
margin: 0 5px 0 0;
 }

.QuoteBoxMiddle{
width:92%;
font-size:110%;
color:#000;
background-color:#fafad2;
border:2px solid #f2af2c;
padding: 8px;
margin: 0 auto 0 15px;
 }

.Offer{
width:92%;
text-align:center;
color:red;
font-size: 110%;
font-weight:bold;
padding:5px; 
margin:0 auto 0 20px;
border:1px solid red;
}

.Guides{
width:92%;
border: 2px solid #c00;
padding:5px; 
}

.Larger{
text-align:center;
font-size: 125%;
font-weight:bold;
color:#c00;
}


.Logged{
width:92%;
text-align: center;
font-size:110%;
font-weight: bold;
color:#000;
background-color:#fff;
padding: 10px;
margin: 0 auto 0 20px;
 }

.join{
font-weight: bold;
color:#c00;
text-align:center;
 }

.sorry{
width:92%;
color:#fff;
background-color: #c00;
text-align:center;
padding: 5px;
 }

.WowSales{
width:92%;
font-size:110%;
color:#c00;
background-color:#fafad2;
border:2px solid #c00;
padding: 10px;
margin:0 auto;
 }

 .extract {
 margin: 0 25px;
 padding: 5px 10px;
 background-color: #fafad2;
  }
  
 .GuaranteeBox{
font-size: 110%;
width:92%;
color:#c00;
background-color:#fafad2;
padding:10px;
border:2px solid #c00;
margin:0 auto;
 }


.TestBox {
float: right;
width: 90%;
font-size:110%;
color: #000;
background-color: #eee;
border: 1px solid #c00;
padding: 8px;
 }

 .bigger {
 font-size:125%;
background-color:#eee;
text-align:center; 
  }
  
   
.SubtleBox{
width:92%;
color:#000;
background-color:#fafad2;
margin:0 auto 0 15px;
padding:5px;
border:1px solid #c00;
 }

.NewsoonBox{
width:92%;
color:#000;
background-color:#fafad2;
margin:0 auto 0 15px;
padding:5px;
border:2px solid #c00;
 }

.SubtleBoxRight{
float: right;
width:250px;
color:#c00;
background-color:#fafad2;
margin:0 0 0 5px;
padding:5px;
border:1px solid #ccc;
 }

.Test{
float: right;
width:250px;
color:#c00;
background-color:#fff;
margin:0 0 0 5px;
padding:5px;
border:1px dotted #c00;
 }

.TeaserBox{
float:right;
width:200px;
text-align:center;
font-size:100%;
font-weight: bold;
color:#c00;
background-color:#fafad2;
border:2px solid #c00;
margin:0 0 5px 5px;
padding:5px 5px 10px 5px;
 }

.TeaserBoxLeft{
float:left;
width:200px;
text-align:center;
font-size:100%;
font-weight: bold;
color:#a00;
background-color:#ffa62f;
border:2px solid #a00;
margin:0 0 5px 5px;
padding:5px 5px 10px 5px;
 }

.TeaserBoxRight{
float:right;
width:200px;
text-align:center;
font-size:100%;
font-weight: bold;
color:#a00;
background-color:#ffa62f;
border:2px solid #a00;
margin:0 5px 5px 0;
padding:5px 5px 10px 5px;
 }

.TeaserMiddle{
width:92%;
text-align:center;
font-size:110%;
font-weight: normal;
color:#039;
background-color:#fafad2;
border:2px solid #039;
margin:0 auto 0 15px;
padding:5px 5px 10px 5px;
 }


.BackBox {
background-color: #fafad2;
width: 92%;
border: 1px solid #c00;
margin: 0 auto;
padding: 8px 4px;
}

.NavBox {
width: 98%;
background-color: #fafad2;
border: 2px solid #feb012;
margin: 0 3px;
padding: 2px;
 }
 
.RightBox {
float: right;
width: 190px;
font-size: 97%;
background-color: #fafad2;
margin: 5px;
padding: 5px;
border: 1px solid #c00;
 }

.Babj {
font-size:100%;
line-height:125%;
 }
 
/********************************************** Navigation ********************************/ 
#navigator { 
} 

.navbutton { 
line-height: 100%; 
} 

.navbutton a { 
font-size: 93%; 
font-family: Verdana, Arial, sans-serif;
} 

.navbutton a:hover { 
font-size: 93%; 
font-family: Verdana, Arial, sans-serif;
} 


/*********************************************************** this part below is for the color on the background, surrounding the buttons. Change the color, and the border, if you like. For the border, you can use solid, dashed, or dotted, for different border styles*/ 
#navigator { 
background-color: transparent; 
border: none; 
width: auto; 
margin-top: auto;
margin-left: auto; 
margin-right: auto; 
padding: 2px; 
text-align: left; 
} 

/* want more space between your buttons? just increase the margins from 1px. Font weight can be bold if you prefer.*/ 

.navbutton { 
text-align: left;
margin-bottom: 8px;
margin-top: 0px;
} 

/***************************** 'a' and 'a:hover' *****************************/ 
.navbutton a { 
font-weight:bold;
padding: 1px; 
text-decoration: none; 
color:#222; 
background-color: transparent; 
} 

.navbutton a:hover { 
font-weight:bold;
padding: 1px; 
text-decoration: none; 
color: #feb012; 
background-color: transparent; 
}

/************************************
this is for the navigation headings*/
.nav{
display: block;
background-color: #feb012;
padding: 5px;
margin-bottom: 8px;
white-space: nowrap;
font-size: 93%;
color: #222;
text-align: center;
}
/******************************** top nav bar *******************************/
     #nav ul {
	float: left;
	list-style: none;
background-color:#feb012;
	width: 100%;		
	padding: 0;	
    margin: 0;
	height: 30px;
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: right;
	width: auto;
	margin: 0;
	padding: 8px;/*this is the gap between the text, and the border*/
	color:#222; /* text color*/
font-family: Verdana, Arial, sans-serif;
font-size: 86%; 
font-weight:bold;
	text-decoration: none;	
	letter-spacing: 1px;
}

#nav ul li a:hover {
color:#fff;
font-weight:bold;
text-decoration: none;
background-color:transparent; 
}




