/* CSS Document */

body
{
margin:0px;
padding:0px;
border:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
background-color: #FFF;
color: #333;
}

table,td {
color: #333;
}

a {
text-decoration:none;
}
#wrapper
{
text-align:center;
margin-left:auto;
margin-right:auto;
width: 780px;
}

#header
{
height: 230px;
text-align: left;
background-image:url('/include/images/background.jpg');

}

#headerLinks {
float: left;
padding-left: 22px;
padding-top: 45px;
color:#999999; position:absolute; text-align: left;


}

#headerLinks a:link {
color:#777777;
font-weight:bold;
font-size: 11px;
text-decoration:none;
}
#headerLinks a:hover {
text-decoration:underline;
color:#777777;
font-weight:bold;
font-size: 11px;
}
#headerLinks a:active {
color:#777777;
font-weight:bold;
font-size: 11px;
text-decoration:none;
}
#headerLinks a:visited {
color:#777777;
font-weight:bold;
font-size: 11px;
text-decoration:none;
}
#subHead
{
height: 29px;
background-color: #000;
text-align: left;
padding-top: 3px;
padding-left: 16px;
}

.divider
{
background-color:#999;
padding: 0px;
margin: 0px;
border: 0px;
height: 1px;
clear: both;
}

#plans
{
height:150px;
background-color: #DDD;
padding:0px;
border: 0px;
margin: 0px;
padding: 10px;
}

#planWrapper1 
{
border: #000 1px solid;
width: 240px;
float: left;
margin: 5px;

background-color: #f2b500;
}

#planWrapper2
{
border: #000 1px solid;
width: 240px;
margin: 5px;
margin-left: 7px;
background-color: #096d8c;
float: left;
}

#planWrapper3 
{
border: #000 1px solid;
width: 242px;
margin: 5px;
background-color: #b42605;
float: right;
}

#planHeader1
{
height: 30px;
background-color: #e68000;
font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:left;
}

.planTitle
{
margin:6px;
margin-left:12px;
}

#planHeader2
{
height: 30px;
background-color: #044e6c;
font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:left;
}

#planHeader3
{
height: 30px;
background-color: #8f1001;
font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:left;
}

.planLeft {
float: left;
color: #FFF;
font-size: 10px;
text-align:left;
}
.planRight {
float: right;
padding-right: 10px;
padding-top: 10px;
}

.planLeft ul {
text-align: left;

}

.planLeft  li {
display:list-item;
list-style-type: square;
display:marker;
margin: 5px;
margin-left: -20px;
}

.planRight .order
{
margin-left: 7px;
}

.resellBox
{
margin-top: 2px;
border: #CCC 1px solid;
height: 305px;
float: left;
width: 470px;
margin-right: 4px;
text-align: left;
color:#999999;
font-size: 11px;
}

.infoBox
{
margin-top: 2px;
border: #CCC 1px solid;
height: 305px;
float: left;
width: 255px;
margin-right: 4px;
text-align: left;
color:#999999;
font-size: 11px;
}

.infoBox2
{
margin-top: 2px;
border: #CCC 1px solid;
height: 300px;
float: right;
width: 515px;
text-align: left;
color:#999999;
font-size: 11px;
}

.infoBox p {
line-height: 15px;
color: #777;
padding: 10px;
margin-top:0px;
text-align:justify;
}

.infoBox li {
margin-bottom: 5px;
list-style:square;
color:#FFCC66;
font-size:8px;
}

.boxListItem {
color: #777;
font-size:11px;
}
.infoHeader
{
text-align:left;
padding-left: 20px;
padding-top:5px;
vertical-align:middle;
background-color:#EEE;
height: 30px;
font-size: 11px;
font-weight: bold;
color:#444;
}
.infoBox .infoHeader img
{
position:relative;
top: 3px;
padding-right: 5px;
}

#infoBoxRight
{
float: right;
margin-right: 0px;
width: 256px;
}

.moreInfo1{
list-style-image:url('/include/images/p_1.jpg');
}

.moreInfo2{
list-style-image:url('/include/images/p_2.jpg');
}

.moreInfo3{
list-style-image:url('/include/images/p_3.jpg');
}

#footerBar
{
border: 0px;
position:relative;
top: 4px;
height: 5px;
background-color:#0f527b;
margin-bottom: 8px;
clear:both;
}
#footer
{
font-size: 11px;
text-align: left;
padding-left: 30px;
line-height: 15px;
color: #999;
}

#footer a:link
{
font-weight: bold;
color: #444;
}
#footer a:hover
{
font-weight: bold;
color: #444;
}
#footer a:active
{
font-weight: bold;
color: #444;
}
#footer a:visited
{
font-weight: bold;
color: #444;
}

#compare td
{
color: #2f6180;
text-align: center;
height: 30px;
background-color:#eee;
}
#compare .off
{
background-color:#ddd;
}
#compare th
{ 
height: 25px;
background-color:#2f6180;
color:#FFFFFF;
font-size:12px;
}
#compare .Feature
{
text-align: left;
background-color:#EEE;
padding-left: 10px;
}

#compare .Featureoff
{
text-align: left;
padding-left: 10px;
background-color:#DDD;
}