/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

.clear { clear: both; }

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body#home {	
	background: url(../images/body-bg.jpg) repeat-x top #ffffff;
}
body#other {	
	background: url(../images/body-bg-other.jpg) repeat-x top #ffffff;
}

img {
	border: 0 0 0 0;
	}

h1 {
	font-size: 2em;
	font-weight: bold;
	display: inline;
}
h1 p#header {
	display:inline;
	font-size: 1.2em;
	margin-bottom: 1.2em;
	font-style: italic;
	font-weight: normal;
	letter-spacing: -1.0em;
}

h2 {
	font-size: 1.8em;
	margin-bottom: 1em;
	font-weight:lighter;
	font-style:italic;
	color:#999999;
	display:inline;
	padding-left:3px;
}

h3 {
	font-size: 1.2em; 
	margin-bottom: 0.8em; 
	color:#ffffff;
	text-align:left;
	font-style:normal;
	font-weight:normal;
	text-align:center;
}

h4 {
	font-size: 1.4em;
	margin-top: 0.8em;
	margin-bottom: 0.2em;
	color: #CC3300;
}

h5 {
	font-size: 1.2em;
	margin-bottom: 1.2em;
	font-weight: normal;
	color: #CC3300;
	font-weight:bold;
}



a:hover, a:active { 
	text-decoration: underline; 
}

a { 
	color: #CC3300;
	text-decoration: none;
}

div#page-wrap {
	width:750px;
	margin: 0 auto;
	min-height:650px;
	height: auto !important;
}

div#translate {
	width:280px;
	margin-bottom:5px;
	}	

ul#nav {
	height: 36px;
	background: url(../images/topnav-bg.jpg) no-repeat;
	list-style: none;
	padding-left: 1px;
	}
	ul#nav li {
		display: inline;
		font-size: 1.05em;
	}
	ul#nav li a {
		display: block;
		padding:6px 18px;
		float: left;
		margin-top: 5px;
		color: black;
		padding-top: 6px;
		font-weight: bold;
		text-decoration: none;
		text-transform:uppercase;
		text-align:center;

		}
		ul#nav li a:hover, ul#nav li a:active {
			color: #CC3300;
		}

body#home div#splash {
	height: 312px;
	background: url(../images/splash-bg.jpg) no-repeat;
	padding-left: 0px;
	}
body#other div#splash {
	height: 124px;
	background: url(../images/splash-bg-other.jpg) no-repeat;
	padding-left: 0px;
	}
	
	body#home div#splash div#splash-right-col {
		float:right;
		width:350px;
		margin-top:40px;
		color: white;
		}
	body#other div#splash div#splash-right-col {
		float:right;
		width:350px;
		margin-top:15px;
		color: white;
		}
			div#splash div#splash-right-col p#sub4{
				font-style:italic;
				padding-top:10px;
				padding-bottom:10px;
				font-size:12px;								
			}
			div#splash div#splash-right-col p#sub5{
				font-style:italic;
				font-size:14px;								
			}
			div#splash div#splash-right-col p#sub6{
				font-size:11px;
				font-weight:bold;
				text-align:right;
				padding-top:4px;								
			}

			div#splash div#splash-right-col img#button{
				float: right;
			}

div#main-content {
	padding-bottom: 50px;
}
		div#main-content div#contentHeader{
			margin: 10px 0 0 30px;
		}		
				div#main-content div#contentHeader h1{
					
				}
				
				
		div#main-content div#left-col {
			float: left;
			width: 515px;
			margin-left:30px;
			margin-top:10px;
			font-size:13px;
			line-height: 19px;
			margin-right:15px;
		}
			div#main-content div#left-col ul li, div#main-content div#left-col ol li {
				margin-left:25px;
			}
			div#main-content div#left-col div#offer4 {
				background: url(../images/offer4.jpg) no-repeat;				
			}
			div#main-content div#left-col div#offer3 {
				background: url(../images/offer3.jpg) no-repeat;				
			}
			div#main-content div#left-col div#offer2 {
				background: url(../images/offer2.jpg) no-repeat;				
			}
			div#main-content div#left-col div#offer1 {
				background: url(../images/offer1.jpg) no-repeat;				
			}
			
			div#main-content div#left-col div#offer1, div#main-content div#left-col div#offer2, div#main-content div#left-col div#offer3, div#main-content div#left-col div#offer4 {
				height: 120px;
				width: 419px;			
			}
					div#main-content div#left-col div#offer1 p, div#main-content div#left-col div#offer2 p, div#main-content div#left-col div#offer3 p, div#main-content div#left-col div#offer4 p { 
						font-size:9px;
						padding-right:40px;
						float:right;
						padding-top:15px;
					}
					div#main-content div#left-col div#offer1 input.button, div#main-content div#left-col div#offer2 input.button, div#main-content div#left-col div#offer3 input.button, div#main-content div#left-col div#offer4 input.button {
						display:block;
						width:100px;
						height:40px;
						float:right;
						margin: 10px 20px 10px 0;
						background-color: transparent;
					 	border: none;
						cursor: pointer;
						cursor: hand;
					}
					/* REMOVED 6/19/08 WHEN WE ADDED BACK IN THE PROMO CODE FOR THIS OFFER
					div#main-content div#left-col div#offer3 input.button {
						display:block;
						width:100px;
						height:40px;
						float:right;
						margin: 65px 20px 10px 0;
						background-color: transparent;
					 	border: none;
						cursor: pointer;
						cursor: hand;
					} */
					div#main-content div#left-col div#offer1 input, div#main-content div#left-col div#offer2 input, div#main-content div#left-col div#offer3 input, div#main-content div#left-col div#offer4 input{
						width:60px;
					}
					

			.faqLink {
				font-size:11px;
				border-bottom:1px dotted #666666;
				padding-bottom:5px;
				margin-top: 5px;
				display:block;
			}
			.rightLink {
				display:block;
				float:right;
				font-size:10px;
				margin-bottom:10px;
			}
			.contactInput {
				width:250px;
			}
			div#main-content div#left-col div#faqs h5 {
				color: #CC3300;		
			}
			div#main-content div#left-col div#homeHeader{
				height: 88px;
				background: url(../images/home-header.jpg) no-repeat left;
				margin-bottom: 5px;
			}
			div#main-content div#left-col div#ratesHeader{
				height: 37px;
				background: url(../images/rates-header.jpg) no-repeat left;
				margin-bottom: 5px;
			}
			div#main-content div#left-col div#servicesHeader{
				height: 32px;
				background: url(../images/services-header.jpg) no-repeat left;
				margin-bottom: 5px;
			}
			div#main-content div#left-col div#aboutUsHeader{
				height: 31px;
				background: url(../images/aboutUs-header.jpg) no-repeat left;
				margin-bottom: 5px;
			}
			div#main-content div#left-col div#supportHeader{
				height: 39px;
				background: url(../images/support-header.jpg) no-repeat left;
				margin-bottom: 5px;
			}
			div#main-content div#left-col div#tellAFriendHeader{
				height: 35px;
				background: url(../images/tellAFriend-header.jpg) no-repeat left;
				margin-bottom: 5px;
			}
			div#main-content div#left-col div#howItWorksHeader {
				height: 33px;
				background: url(../images/howItWorks-header.jpg) no-repeat left;
				margin-bottom: 5px;
			}
			div#main-content div#left-col div#faqsHeader {
				height: 36px;
				background: url(../images/faqs-header.jpg) no-repeat left;
				margin-bottom: 5px;
			}
			div#main-content div#left-col div#getStartedHeader {
				height: 36px;
				background: url(../images/getStarted-header.jpg) no-repeat left;
				margin-bottom: 5px;
			}
			div#main-content div#left-col div#contactUsHeader {
				height: 36px;
				background: url(../images/contactUs-header.jpg) no-repeat left;
				margin-bottom: 5px;
			}
			.icon {
				border:0;
				float:left;
				display:inline;
				margin-top: 18px;
				margin-right: 10px;
			}
		
		div#main-content div#right-col {
			float: right;
			width: 190px;
			margin-top:10px;			
			background: #a51111 url(../images/sidebar-bg.jpg) repeat-x top;
			padding-top: 10px;
		}	
					div#main-content div#right-col .features{
						background: url(../images/check-icon.png) no-repeat;
						width: 190px;
						padding-left:20px;
						margin-left:10px;
						text-align:left;
					}
		
						div#main-content div#right-col a#sidebarLink {
							display:block;
							text-align:right;
							color:#FFFF66;							
							margin: 10px 10px 0 0;
						}
						div#main-content div#right-col ul{
							margin-left:30px;
							margin-right:10px;
						}	
						div#main-content div#right-col li{
							font-size: 10px;
							color:#FFFFFF;
							border-bottom: dotted #cccccc 1px;
							padding-bottom: 5px;
							margin-top: 5px;
							list-style-type: square;
						}	
							div#main-content div#right-col li a{
								color: #ffffff;
							}



div#footer, div#translate {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

div#footer {
	background: #000000;
	color: white;
	padding: 10px 0 10px 20px;
}

	div#footer .footerLink {
		color:white;
		display:inline;
		padding-left:10px;
		margin-left:10px;
		border-left:solid 1px white;
    }
		div#footer .footerLink a{
		color:white;
		}
		
	div#footer div#tell-a-friend input {
		background-color:#FFFF66;
		float:right;
		margin: 10px 10px 0 0;
		border:outset 1px #ccc;
		font-size:10px;
	}
	
	div#footer div#tell-a-friend img {
		float:right;
		margin: 10px 10px 0 0;
	}



/* table styles */

table {
	width: 450px;
	font: 11px/14px;
	color: #333;
	margin: 10px 0;
}

td,th {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 5px 8px 3px 8px;
	vertical-align: middle;
	text-align: center;
}
	
.tableHeading th, .tableHeading td {
	background:#E2EAF0 url(../images/price_tb_bg.gif) top left repeat-x;
	border: 1px solid #B7C3CC;
}

.tableHeading th {
	border-left: 1px solid #ddd;
}

tfoot .tableHeading th, tfoot .tableHeading td {
	border-top: none;
}

th h3 {
	font: normal 18px;
	font-size: 16px;
	color: #333;
	padding: 5px 0;
	margin: 0;
}

th span {
	font-size: 13px;
	color: #FF3900;
}

		th img {
			margin-top: 3px;
		}
		
		th.column1 {
	width: 200px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	border-bottom: 1px solid #C6D2DA;
	border-right: 1px solid #C6D2DA;
	border-left: 1px solid #C6D2DA;
	background: #E2EAF0;
	color: #2F4450;
	border-top: 1px solid #C6D2DA;
		}
		
		.odd th.column1 {background:#f2f5f8;}
		
		th.first {
			border-left: 1px solid #C6D2DA;
		}
		.column2, .column3, .column4{
			width: 140px;
			text-align: left;
		}
		
		td {
			background: #f2f5f8;
		}
		
		.odd td {background:#fff;}

/*Modal pop-up*/

div.modalPopupTransparent {
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    background: #CCCCCC;
    position: absolute;
    top: 0px;
    left: 0px;
}