@charset "UTF-8";
/* CSS Document */

/* global styles */

* {
padding: 0;
margin: 0;
}

body {
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	color:#485731;
}
img {
border: none;
}
a {
color: #0000FF;
}
a:hover {
text-decoration: none;
}
div#wrapper {
width: 760px;
margin: 15px auto;
}

.bold {
	font-weight: bold;
}

/* header */

div#header img.headerLogo {
float: left;
margin-bottom: 1em;
display:inline;
}
div#header ul#subNav {
float: right;
display: inline;
}
div#header ul {
font-size: 11px;
margin: 1em 0 0 0;
}
div#header li {
display: inline;
padding: 0 5px 0 0;
margin: 0 5px 0 0;
border-right: solid 1px #CCC;
}
div#header li.last {
border-right: none;
}

/* homePage */

#homeBanner {
	background-image: url(images/homeGirl.jpg);
	border: 6px solid #DEDFE1;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
}
#contentMainIns .smallish {
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}
#homeBanner .bannerBox {
	background-image: url(images/homeBlur.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	color: #333333;
	margin: 0px;
	padding: 5px;
	width: 400px;
	border: 2px solid #DEDFE1;
	clear: both;
}
#homeBanner .bannerBox h1 {
	font-size: 16px;
	line-height: 16px;
	color: #FC920A;
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

#homeBanner .bannerBox p {
	font-size: 13px;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
}

#homeBanner .bannerBox img {
	float: left;
	margin: 0px;
	padding: 0px 12px 0px 0px;
}

#homeBanner .spacer {
	margin: 0px;
	padding: 0px;
	height: 8px;
	width: 390px;
}

/* content */

div#content {
clear: both;
}
#contentMain {
	width: 520px;
	float: left;
	margin-bottom: 40px;
	display: inline;
}
#contentMainIns {
	width: 500px;
	float: left;
	margin-bottom: 25px;
	display: inline;
}
#contentMainIns .breadcrumbs {
	font-size: 11px;
	line-height: 12px;
}
#contentMainIns .flag {
	margin: 0px;
	padding: 0px 5px 3px 0px;
}
h1 {
	font-size: 21px;
	color:#FF9900;
	margin: 0px 0px 20px 0px;
}
#contentMainIns h1 {
	font-size: 21px;
	font-weight: bold;
	color: #FC8F02;
	margin: 0px 0px 13px 0px;
	padding: 0px;
}
#contentMainIns h2 {
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	line-height: 18px;
}
#contentMainIns h3 {
	font-size: 17px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	font-weight: normal;
	line-height: 23px;
}
#contentMainIns p {
	margin: 0px;
	padding: 0px 0px 13px 0px;
	font-size: 12px;
	line-height: 17px;
}
#contentMainIns h4 {
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 20px;
}

#contentMainIns .viewAll {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}

#contentMainIns hr {
	clear: both;
	width: 95%;
	height: 1px;
	border-style: none;
	color: #CCCCCC;
	background-color: #CCCCCC;
	margin: 20px 0px;
	padding: 0px;
}
#contentMainIns li {
	font-size: 12px;
	list-style: none;
	padding: 0px 0px 3px 13px;
	margin: 0px;
	line-height: 14px;
	background: url(images/arrow.gif) 0 2px no-repeat;
}
#contentMainIns ul {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.smallArrow  {
	font-size: 11px;
	list-style: none;
	padding: 0 0 0 15px;
	background: url(images/arrow.gif) 0 2px no-repeat;
	margin: 0 0 3px 0;
}
.light {
	color: #616161;
	font-size: 12px;
}
.name {
	font-size: 12px;
	font-weight: bold;
}

#orangeBar {
	background-color: #F68000;
	color: #FFFFFF;
	font-size: 17px;
	margin: 0px 0px 18px 0px;
	padding: 5px 15px;
}
#orangeBar h1 {
	color: #FFFFFF;
	font-size: 18px;
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}
#orangeBar h2 {
	float: right;
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}
#content #left {
	width: 405px;
	float: left;
}
#right {
	float: left;
	width: 350px;
}
#content .spacer {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 1px;
}
.cell  {
	margin: 0px;
	padding: 0px 0px 16px 0px;
}

p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 1.0em;
}
.copy {
	font-size: 12px;
	line-height: 17px;
	margin: 0px;
	padding: 0px 0px 13px 0px;
}
.copyHeader {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 7px 0px;
}
.miniType {
	font-size: 11px;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
.listHeader {
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	font-size: 12px;
}
.benefitsList {
width: 250px;
float: left;
margin: 0 10px 15px 0;
display: inline;
}
.benefitsList ul {
padding-bottom: 15px;
}

/* features page */

.featuresList {
	width: 230px;
	float: left;
	margin: 0 10px 15px 0;
	display: inline;
}
.featuresList ul {
	padding: 0px 0px 0px 0px;
}
.featuresHeader {
	font-size: 17px;
	font-weight: bold;
	color: #A1AD77;
	background-color: #F1F7DC;
	border-bottom:solid 1px #DDECA6;
	clear: both;
	margin: 0px 0px 13px 0px;
	padding: 4px 6px 4px 6px;
}
.featuresHeadSml {
	font-size: 13px;
	font-weight: bold;
}
.featuresHeaderGray {
	font-size: 17px;
	font-weight: bold;
	color: #596940;
	background-color: #F3F6F6;
	border-bottom:solid 1px #D0D5D7;
	clear: both;
	margin: 0px;
	padding: 4px 6px 4px 6px;
}
div.featuresDetail {
	margin: 0px 0px 0px 0px;
	border-bottom:solid 1px #D0D5D7;
	clear: both;
	padding: 13px 0px 17px 0px;
}
div.featuresDetail .name {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	float: left;
}
.featuresDetail p {
	width: 350px;
	margin: 0px;
	float: none;
	font-size: 12px;
	padding: 0px 0px 0px 150px;
	line-height: 17px;
}
.backtoTop {
	font-size: 11px;
	margin: 0px;
	padding: 13px 0px 13px 0px;
	clear: both;
	float: right;
}

/* equipment page */

.equipmentList {
	width: 350px;
	float: left;
	margin: 0 10px 15px 0;
	display: inline;
}
p.equipListHeader {
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 9px 0px;
	line-height: 18px;
}
div.equipImage {
	margin: 0px;
	padding: 0px;
	width: 120px;
	float: right;
}
.equipImage p {
	font-size: 12px;
	line-height: 17px;
}

/* plan box */

div.planBox {
border: solid 1px #B5D83C;
background-color: #F5FEE0;
padding: 15px;
float: left;
width: 215px;
margin: 0 10px 10px 0;
display: inline;
}
div.planBox h2 {
font-size: 15px;
}
div.planBox h2.price {
font-size: 15px;
color:#FF9900;
margin-bottom: 7px;
}
div.planBox p {
margin-bottom: 5px;
}
h2.homeSubhead {
clear: left;
font-size:18px;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 0px;
}

/* signup box */

div#signupBox {
width: 193px;
border: solid 1px #CC9900;
background: url(images/signupBkgd.jpg) #FDE295 top repeat-x;
padding: 10px 15px;
margin: 35px 0 10px 0;
}
div#signupBox h3 {
color: white;
text-align: center;
font-size: 16px;
}
div#signupBox p {
text-align: center;
margin-top: 5px;
}
div#signupBox .number {
	font-weight: bold;
	color: #333333;
	letter-spacing: -0.1em;
	font-size: 13px;
}

/* sidebox  */

#sideBar {
	width: 225px;
	float: right;
	display: inline;
	margin: 0px 0px 30px 0px;
}
#sideBar #low {
	height: 34px;
}
div#sideBox {
	background: url(images/boxBorderTop.gif) no-repeat top;
	float: left;
	width: 225px;
	display: inline;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
div#sideBox ul {
padding: 15px 0 15px 20px;
}
div#sideBox li {
	list-style: none;
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
}
div#sideBox h3 {
border: solid 1px #B5D83C;
background-color: #F5FEE0;
padding: 3px 7px;
font-size: 14px;
margin-left: 15px;
float: left;
display: inline;
}
div#sideBox ol {
	padding: 15px 0px 15px 20px;
	font-size: 12px;
	line-height: 18px;
	margin: 0px
}

#forumBox {
	float: right;
	width: 225px;
	margin: 0px;
	padding: 0px;
}
.alert {
	font-weight: bold;
	color: #FF0000;
	line-height: 16px;
}
#contentMainIns .addressBox {
	width: 285px;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
}
.higher {
	margin: 0px;
	padding: 0px 0px 3px 0px;
}
.clear {
	clear: both;
	float: none;
	margin: 0px 0px 13px 0px;
	padding: 10px 0px 13px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6CCCE;
}

#contentMainIns .addressBox2 {
	width: 200px;
	float: left;
	margin: 0px;
	padding: 0px;
	clear: none;
}

div#sideboxFrame {
background: url(images/boxBorder.gif) no-repeat bottom;
float: left;
width: 225px;
}
#sideBar .toolBox {
	clear: both;
	width: 177px;
	border: 1px solid #B6D83C;
	margin: 0px 0px 15px 0px;
	padding: 10px 5px 10px 42px;
	background-image: url(images/calculate.gif);
	background-repeat: no-repeat;
	background-position: 8px 15px;
}

#sideBar .toolBox h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

#sideBar .toolBox p {
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}

#sideBar .toolBox2 {
	clear: both;
	max-width: 177px; min-width:176;
	border: 1px solid #B6D83C;
	margin: 0px 0px 15px 0px;
	padding: 10px 5px 10px 42px;
	background-image: url(images/lightning.gif);
	background-repeat: no-repeat;
	background-position: 8px 15px;
}

.toolBox2b
{
	clear: both;
	max-width: 177px !important; min-width:176;
	background-color:Red !important;
	border: 1px solid #B6D83C;
	margin: 0px 0px 15px 0px;
	padding: 10px 5px 10px 42px;
	background-image: url(images/lightning.gif);
	background-repeat: no-repeat;
	background-position: 8px 15px;
}

#sideBar .toolBox2 h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

#sideBar .toolBox2 p {
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}

/* grayNav  */

div#grayNav {
	float: left;
	width: 225px;
	display: inline;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	background-color: #EFF2F4;
}
div#grayNav ul {
	padding: 10px 0px 8px 20px;
}
div#grayNav li {
	list-style: none;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
	margin: 0px 0px 6px 0px;
}
div#grayNav h4 {
	background-color: #C6CBCE;
	font-size: 14px;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9A9A9A;
	padding: 3px 7px 3px 15px;
	margin: 0px;
}

/* searchBox  */

.greenBox {
	border:1px solid #b4d73b;
	background-color:#f1f7dd;
	padding:12px 8px 12px 18px;
	width: 197px;
	float: right;
	margin: 0px
}
.greenBoxHeader {
	font-size: 15px;
	font-weight: bold;
	color: #323E04;
	margin: 0px;
	padding: 0px 0px 7px 0px;
}
.greenBoxInput {
	width:120px;
	margin: 0px;
	padding: 0px;
}

/* checkNumberBox  */

#checkNumber {
	border:1px solid #b4d73b;
	background-color:#f1f7dd;
	padding:10px 3px 12px 10px;
	width: 440px;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
}
#contentMainIns h4.home {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}
#contentMainIns li.noarrow {
	background-image: none;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	list-style-type: none;
	font-size: 12px;
}
#checkNumber h1 {
	font-size: 15px;
	font-weight: bold;
	color: #323E04;
	margin: 0px;
	padding: 0px 0px 7px 0px;
}

#checkNumber Input {
	margin: 0px;
	padding: 0px;
	width: 50px;
}

#checkNumber p {
	margin: 0px;
	padding: 0px;
}


/* callBox  */


div#callBox {
clear: left;
border: solid 1px #B5D83C;
background-color: #F5FEE0;
padding: 10px 15px;
}
div#callBox h3 {
font-size: 14px;
margin-bottom: 5px;
}
div#callBox label {
font-size: .8em;
display: block;
}
div#callBox input.callbackTextField {
width: 95%;
margin-bottom: 5px;
}
div#callBox input.submitButton {
border: solid 1px black;
background-color: #F80;
color: white;
padding: 2px 10px;
border-top: none;
border-left: none;
margin: 5px auto;
font-weight: bold;
}

/* footer */

div#footer {
	clear: both;
	width: 760px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C6CCCE;
	margin: 0px;
	padding: 10px 0px 15px 0px;
}
div#footer ul {
list-style: none;
font-size: 11px;
margin-bottom: 10px;
}
div#footer li {
display: inline;
padding: 0 5px 0 0;
margin: 0 5px 0 0;
border-right: solid 1px #CCC;
}
div#footer p {
font-size: 10px;
color:#666666;
}

/* plans table */

#homeTable p {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#homeTable .main {
	font-size: 12px;
	font-weight: bold;
}

#homeTable table {
	width: 100%;
	border: 5px solid #cccccc;
	padding: 0;
	margin: 1px 0px 17px 0px;
	padding-bottom: 0px;
}
#homeTable td {
	border: #CCCCCC solid 1px;
	border-top: none;
	border-left: none;
	padding: 3px 5px 3px 7px;
}
#homeTable tr {
padding: 15px 15px;
text-align: center;
border-bottom: #CCCCCC solid 1px;
}

#homeTable tr.tableHeader {
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

/* rates table */

div.ratesTable p {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div.ratesTable .main {
	font-weight: bold;
}

div.ratesTable table {
	width: 100%;
	padding: 0;
	margin: 8px 0px 15px 0px;
	border-style: solid none none solid;
	border-width: 1px;
	border-color: #CCCCCC;
}
div.ratesTable td {
	border: #CCCCCC solid 1px;
	border-top: none;
	border-left: none;
	padding: 3px 5px 3px 7px;
}
div.ratesTable tr {
padding: 15px 15px;
text-align: center;
border-bottom: #CCCCCC solid 1px;
}
div.ratesTable .bigHeader {
	font-size: 16px;
	font-weight: bold;
	background-color: #F1F7DC;
	margin: 0px;
	padding: 7px;
}
div.ratesTable .smallHeader {
	background-color: #F9FEE0;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 3px 7px 3px 7px;
}

/* sideSign */

#sideSign {
	width: 180px;
	float: right;
	border: 5px solid #C2D655;
	margin: 0px 0px 0px 0px;
	padding: 15px 18px 8px 18px;
}
#sideSign .small {
	font-size: 11px;
	margin: 6px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}
#sideSign h1 {
	color: #DD000B;
	font-size: 21px;
	margin: 0px;
	padding: 0px 0px 7px 0px;
}
#sideSign p {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 8px 0px;
}
#sideSign hr {
	background-color: #CCCCCC;
	height: 1px;
	border: none;
}
/* copy from styles/style.css */
.header h1 {
  position: absolute;
  left: -3000px;
  width: 1000px;
}
.header img.logo {
  float: left;
  vertical-align: middle;
}
.header img.logo_main {
  float: left;
  vertical-align: middle;
}
.header img.signup {
  vertical-align: middle;
}
.top_nav_links {
  float: right;
  font-size: 10px;
  color: #999;
  padding-top: 4px;
}
.logo {
	padding-bottom:5px;
}
.logo_main {
	padding-bottom:2px;
}
.header2 {
	clear:both;
}
.no_space_over {
	margin-top: 0;
}
.no_space_under {
	margin-bottom: 0;
}
.no_padding_over {
	padding-bottom: 0px;
}
.no_padding_under {
	padding-top: 0px;
}
h2.title {
	font-size: 2.0em;
	color: #ff9900;
	margin-top: 2px;
}
.highlight {background-color: #ffc;}
.content {
	clear:both;
	padding-top:14px;
}
.leftContent {
	float:left;
	width:492px;
	padding:0 30px 10px 0;	
}
.rightContent {
	float:right;
	width:218px;
	padding:0 0 10px 0;
}
.firstParagraph {
	font-size: 1.8em;
	line-height: 1.4em;
	color: #485731;
}
ul.arrows_plans {
	margin: 0 0 20px 0; 
	padding: 0; 
	font-size: 1.2em;
	line-height: 1.6em;
}

ul.arrows_plans li {
	margin: 2px 0; 
	padding: .2em 0 0 1.2em; 
	list-style: none; 
  	background: url(images/bullet.gif) 0 6px no-repeat;
}
ul.arrows {
	margin: 0 0 20px 0; 
	padding: 0; 
	font-size: 1.1em; 
	line-height: 1.3em; 
}

ul.arrows li {
	margin: 2px 0; 
	padding: .3em 0 0 1.5em; 
	list-style: none; 
  	background: url(images/bullet.gif) 0 3px no-repeat;
}
.littleLock {
	margin: 0px;
	padding: 0px 6px 0px 0px;
}

.formTable {
	Margin: 0px 0px 10px 0px;
	font-size: 12px;
}

.formTable td {
	border-style: none;
	padding: 1px 2px 5px 0px;
}

.formTable h6 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	line-height: 16px;
	padding: 2px 0px 2px 0px;
	color: #666666;
}

/* text fields */


input {
color: black;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}
.smlInput {
color: black;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
width: 17px
}
.medInput {
color: black;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
width: 26px
}
.largeInput {
color: black;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
width: 35px
}
p.small {
	font-size: 1.0em;
	line-height: 1.4em;
}
h2.title {
	font-size: 2.0em;
	color: #ff9900;
	margin-top: 2px;
}
.orange {
	color: #ff9900;
}
/** TABLE PLANS **/
table.plans {
	border-collapse: collapse;
	margin: 0 0 0 0;
	font-size: 1.2em;
	line-height: 1.6em;
	border: 4px solid #ccc;
}

table.plans th {
  	vertical-align: bottom;
	padding-left: 4px;
	font-size: 1.5em;
	line-height: 1.2em;
  	font-weight: bold;
	text-align: center;
	border: 1px solid #ccc;
}

table.plans td {
  	vertical-align: middle;
  	width: 20%;
	padding: 2px 4px;
	text-align: center;
	border: 1px solid #ccc;
}

table.plans td.left {
  	font-weight: bold;
	text-align: right;
}

table.plans tr.price {
  	font-weight: bold;
  	vertical-align: middle;
}

table.plans td.highlight {
  	font-weight: bold;
	background: #EEF6D4;
}

table.plans td.small {
	font-size: .8em;
	line-height: 1.2em;
}

/* ---[ rates listing ]--------------------- */

table.rates {
	border-collapse: collapse;
}

td.arrow {
	padding-left: 0;
}

td.city {
	padding-left: 4px;
}

td.price {
	padding-left: 20px;
}

p.example {
	color: #999;
	font-style: italic;
}
table.countries td {
	padding: 2px 5px; 
	font-size: 12px;
	font-weight: normal;	
}
/*** PLAN FEATURES ***/
ul#features {
	float: left; 
	width: 500px; 
	margin: 0 0 20px 0; 
	padding: 0; 
	font-size: 1em; 
	line-height: 1.3em; 
}

ul#features li {
	float: left; 
	width: 43%; 
	margin: 2px 0; 
	padding: .3em 0 0 1.5em; 
	list-style: none; 
  	background: url(images/bullet.gif) 0 3px no-repeat;
}
