/* CSS Document */

* {	
	margin:0px;
	padding:0px;
	border:0;
}
	
ul, ol {
	list-style-type:none;}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	background-color:#e8e8e8;	
}	
.clearBoth{
	clear:both;
}

#shadow{
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

#shadow2{
	background-image: url(../images/background-top.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	padding-top:17px;
	}

.wrapper{
	width: 938px;
	margin:auto;	
}

p{
	line-height:150%;
	margin:0 10px 5px 10px;}
	
#header{
	height:125px;
	background:url(../images/header_back.gif) 99% 14px no-repeat;
	margin:0 0 10px 0;
}

h1{
	background: url(../images/logo.gif) 0 0 no-repeat;
	margin:20px 0 0 15px;
	float:left;
	display:inline;
	font-size:2em;
	font-weight:100;
	text-indent:-999em;
}
	h1 a{
		height: 90px;
		width: 285px;
		display:block;
	}
	
h2{
	margin:0 0 15px 10px;
	font-size:2em;
	color:#000000;
}	
#header h2{
	display:block;
	height:45px;
	width:425px;
	margin:0 0 0 420px;
	padding:60px 0 0 0;
	background:url(../images/safeEasy.gif) 50% 50% no-repeat;
	text-indent:-999em;
}

h3{
	margin:0 0 15px 10px;
	font-size:1.25em;
	color:#000000;
}

h4{
	padding-top:10px;
	margin:0 0 0 20px;
	font-size:2.5em;
	color:#FFFFFF;
}

ul.inlineList{
	clear:both;
}
	
	ul.inlineList li{
		float:left;
		display:inline;
		margin:0 5px 0 0;
	}

ul.bulletList{
	margin:10px 10px 10px 35px;
}
	ul.bulletList li{
		line-height:20px;
		list-style:disc;
		padding:0 0 0 5px;
		font-size:1.25em;
		line-height:1.25em;
		margin-bottom:10px;
	}

.mainContent{
	float:right;
	width:740px;
}

/*  SIDE NAVIGATION STYLES */

#leftNav{
	float:left;
	margin:0 0 10px 10px;
}
#leftNav ul{
	width:180px;
	font-size:1.25em;
}
	#leftNav ul li{
		height:25px;
		line-height:25px;
		margin:0 0 1px 0;
		padding:0 0 0 10px;
		background:url(../images/navOff.gif) no-repeat;
	}
		#leftNav ul li.active{
			background:url(../images/navOn.gif) no-repeat;
		}
	#leftNav ul li a{
		display:block;
		text-decoration:none;
		color:#FFFFFF;
		padding:0 0 0 5px;
	}
	#leftNav ul li.buyNow a{
		
	}
	#leftNav ul li a:hover{
		color:#000000;
	}

/* HELP SPOT STYLES */

	.helpSpot{
		display:block;
		width:180px;
		margin:20px 0 0;
		background:url(../images/helpBG.gif) repeat-y 0 #EAEBE7;
	}
		.helpTop{
			height:10px;
			background:url(../images/helpTop.gif) no-repeat 100% 0;
		}
		.helpBottom{
			height:10px;
			margin-bottom:-3px;
			background:url(../images/helpBottom.gif) no-repeat 100% 0;
		}
	.helpContent {
		padding:0;
		margin:0;
		color:#C80000;
	}
	.homepage .helpContent {
		font-size:1.25em;
	}
	.helpContent h2{
		background: url(../images/helpTitle2.gif) 0 0 no-repeat;
		display:block;
		width:155px;
		height:50px;
		font-size:1.25em;
		text-indent:-999em;
		margin-bottom:5px;
	}
		.homepage .helpContent h2{
			background: url(../images/helpTitle.gif) 0 0 no-repeat;
			height:26px;
		}
		.privacy .helpContent h2{
			background: url(../images/helpTitle2.gif) 0 0 no-repeat;
		}
		.about .helpContent h2{
			background: url(../images/helpTitle2.gif) 0 0 no-repeat;
		}
		.terms .helpContent h2{
			background: url(../images/helpTitle2.gif) 0 0 no-repeat;
		}
		.contact .helpContent h2{
			background: url(../images/helpTitle2.gif) 0 0 no-repeat;
		}
		.buy .helpContent h2{
			background: url(../images/helpTitle2.gif) 0 0 no-repeat;
		}
	.helpContent ol{
			margin:0 0 0 30px;
			padding:0 2px;
		}
			.helpContent li{
				margin:0 0 10px 0;
				list-style:decimal;
			}
		.helpContent p{
			font-size:.8em;
		}
	.carTypes{
		background: url(../images/cardTypes.gif) 50% 0 no-repeat;
		width:155px;
		margin:0 0 0 15px;
		height:49px;
	}

	.helpSpot .buyNow a{
		display:block;
		text-indent:-999em;
		width:155px;
		height:25px;
		margin:10px 0 10px 15px;
		background:url(../images/buyNowSmall.gif) no-repeat 50% 50%;
	}


/*  APPLICATION FORM STYLES */

	#voucherForm #voucherDetails{
		border:1px solid #F6ADCD;
		width:712px;
		float:left;
		display:inline;
		clear:left;
		margin:0 0 20px 10px;
	}
	#voucherForm #cardDetails{
		border:1px solid #F6ADCD;
		width:345px;
		float:left;
		display:inline;
		clear:left;
		margin:0 0 0 10px;
	}
	#voucherForm #billingDetails{
		border:1px solid #F6ADCD;
		width:345px;
		float:left;
		display:inline;
		clear:right;
		margin:0 0 0 20px;
	}

	#voucherForm legend{
		font-weight:bold;
		font-size:1.5em;
		margin:0 0 10px 5px;
		color:#C80000;
	}

	#voucherForm dl{
		font-size:1em;
	}
		#voucherForm dl dt{
			float:left;
			width:165px;
			padding:5px 15px 5px 0;
			text-align:right;
			margin:0 0 5px 0;
		}
			#voucherForm #voucherDetails dl dt{
				float:left;
				width:165px;
				padding:5px 15px 5px 0;
				text-align:right;
				margin:0 0 5px 0;
			}
		#voucherForm dl dd{
			float:left;
			width:160px;
			clear:right;
			margin:0 0 5px 0;
			}
			#voucherForm #voucherDetails dl dd{
				float:left;
				width:500px;
				clear:none;
				margin:0 0 5px 0;
			}
			#voucherForm #voucherDetails dl.currency{
				float:left;
			}
				#voucherForm #voucherDetails dl.currency dt{
					float:left;
					width:100px;
					clear:none;
				}
				#voucherForm #voucherDetails dl.currency dd{
					float:left;
					width:10px;
					clear:none;
				}
					#voucherForm #voucherDetails dl.currency dd input{
						margin:3px 0 0 0;
						width:40px;
					}

	#voucherForm dl input{
		border:1px solid #DFDFDF;
		height:20px;
		line-height:20px;
		padding:0 0 0 5px;
		width:140px;
		float:left;
	}

	#voucherForm dl select{
		border:1px solid #DFDFDF;
		height:23px;
		line-height:23px;
		padding:0 0 0 5px;
	}

	#voucherForm dl textarea{
		border:1px solid #DFDFDF;
		height:120px;
		line-height:20px;
		width:140px;
		padding:0 0 0 5px;
	}

	#voucherForm dl input.radio{
		border:none;
	}

	.submit input{
		margin:5px 0 0 415px;
		padding:5px;
		cursor:hand;
		border:1px solid #707070;
	}
	.submit input:hover{
		color:#FFFFFF;
		background:#CF0000;
	}
	#button{
		
		margin:10px 0 0 290px;
		padding:5px;
		cursor:hand;
	}
	.asterisk{
		color:#CF0000;
	}


/*  PAGE SPECIFIC STYLES  */

.homepage .mainContent h2{
	display:block;
	height:75px;
	width:721px;
	background:url(../images/noCash.gif) 50% 50% no-repeat;
	text-indent:-999em;
}
.homepage .mainContent .photo{
	float:right;
	width:300px;
	height:210px;
	margin:0 10px 10px 10px;
	background: url(../images/van1.jpg) no-repeat;
}
	.homepage .mainContent ul{
		margin:0 0 0 15px;
	}
		.homepage .step1{
			font-size:1.5em;
			height:73px;
			margin:;
			padding:23px 0 0 80px;
			background:url(../images/step1.gif) no-repeat 0 0;
		}
			.homepage .step1 .buyNow a{
				display:block;
				text-indent:-999em;
				width:193px;
				height:40px;
				margin:20px 10px 10px 0;
				background:url(../images/buyNowLarge.gif) no-repeat 0 0;
			}
		.homepage .step2{
			font-size:1.5em;
			height:73px;
			margin:50px 0 0 0;
			padding:23px 0 0 80px;
			background:url(../images/step2.gif) no-repeat 0 0;
		}
			.homepage .step2 .cardTypes{
				width:369px;
				height:30px;
				margin:20px 10px 10px 0;
				display:block;
				text-indent:-999em;
				background:url(../images/cardTypesLarge.gif) no-repeat 0 0;
			}
		.homepage .step3{
			font-size:1.5em;
			height:73px;
			margin:50px 0 0 0;
			padding:23px 0 0 80px;
			background:url(../images/step3.gif) no-repeat 0 0;
		}

.about .mainContent h2{
	display:block;
	height:60px;
	width:425px;
	background:url(../images/aboutTitle.gif) 50% 50% no-repeat;
	text-indent:-999em;
}
.about .mainContent .photo{
		float:right;
		width:290px;
		height:410px;
		margin:0 10px 10px 10px;
		background: url(../images/mart1.jpg) no-repeat;
	}

.contact .mainContent h2{
	display:block;
	height:30px;
	width:425px;
	background:url(../images/contactTitle.gif) 50% 50% no-repeat;
	text-indent:-999em;
}
.contact .mainContent .photo {
	background:transparent url(../images/tim1.jpg) no-repeat scroll 0 0;
	float:right;
	height:414px;
	margin:0 10px 10px;
	width:375px;
}

.terms .mainContent h2{
	display:block;
	height:30px;
	width:425px;
	background:url(../images/termsTitle.gif) 50% 50% no-repeat;
	text-indent:-999em;
}
.terms .mainContent .photo{
	float:right;
	width:280px;
	height:165px;
	margin:0 10px 10px 10px;
	background: url(../images/van1.jpg) no-repeat;
}

.privacy .mainContent h2{
	display:block;
	height:30px;
	width:425px;
	background:url(../images/privacyTitle.gif) 50% 50% no-repeat;
	text-indent:-999em;
}
.privacy .mainContent .photo {
	background:transparent url(../images/van1.jpg) no-repeat scroll 0 0;
	float:right;
	height:165px;
	margin:0 10px 10px;
	width:280px;
}

.buy .mainContent h2{
	display:block;
	height:30px;
	width:425px;
	background:url(../images/buyTitle.gif) 50% 50% no-repeat;
	text-indent:-999em;
}

/*  FOOTER STYLES  */

#footer{
	height:120px;
	background: url(../images/footerBG.gif) no-repeat center;
}

#bottomShadow{
	width:960px;
	margin:auto;
	height:38px;
	background: url(../images/background-bot.jpg) no-repeat center;
}
	#bottomShadow ul{
		margin:0 0 0 375px;
		padding:3px 0 0 0 ;
		color:#FFFFFF;
	}
		#bottomShadow ul a{
			text-decoration:none;
			color:#FFFFFF;
		}
		#bottomShadow ul a:hover{
			text-decoration:underline;
			color:#FFFFFF;
		}
	
#copyright{
	text-align:center;
	padding-bottom:20px;
	color:#666666;
	}

/* OLD STYLES */

#messagesDiv {
  padding: 10px;
}

#messagesDiv p {
  font-style: italic;
}

#messagesDiv p.error {
  background: #FF9;
  font-style: normal;
  font-weight: bold;
  padding: 4px;
  margin: 0;
  border: 1px solid #000;
}

.confirmation {
  background: #FF9;
  padding: 4px;
  margin: 4px;
  border: 1px solid #000;
}

.confirmation label {
  font-weight: bold;
  margin-left: 8px;
}

#voucherDetailsFieldset {
  border: 1px solid #BCDBFF;
  float: left;
  margin: 0 10px 10px 10px;
  width: 340px;
}

#securityCodeDialog {
  width: 200px;
  border: 1px solid #6DAEFA;
  display: none;
  position: absolute;
}

#securityCodeDialog .titlebar {
  color: white;
  background: #6DAEFA url('../images/cross.png') no-repeat center right;
  height: 20px;
}

#securityCodeDialog .closeIcon {
  width: 20px;
  height: 100%;
  float: right;
  background-color: transparent;
}

#securityCodeDialog .content {
  background: #FFFFFF url('../images/csc.gif') no-repeat center center;
  height: 128px;
}
#voucherEntryDiv #voucherDetailsFieldset {
border:1px solid #F6ADCD;
clear:left;
display:inline;
float:left;
margin:0 0 20px 10px;
width:712px;
}
#messagesDiv {
	padding:10px;
}



#voucherEntryDiv #cardDetailsFieldset {
border:1px solid #F6ADCD;
clear:left;
display:inline;
float:left;
margin:0 0 0 10px;
width:345px;
}
#voucherEntryDiv #billingDetailsFieldset {
	border:1px solid #F6ADCD;
	display:inline;
	float:right;
	margin:0 20px 10px 0;
	width:345px;
}
#voucherEntryDiv legend {
color:#C80000;
font-size:1.5em;
font-weight:bold;
margin:0 0 10px 5px;
}
#voucherEntryDiv dl {
font-size:1em;
}
#voucherEntryDiv dl dt {
float:left;
margin:0 0 5px;
padding:5px 15px 5px 0;
text-align:right;
width:165px;
}
#voucherEntryDiv #voucherDetailsFieldset dl dt {
float:left;
margin:0 0 5px;
padding:5px 15px 5px 0;
text-align:right;
width:165px;
}
#voucherEntryDiv dl dd {
clear:right;
float:left;
margin:0 0 5px;
width:160px;
}
#voucherEntryDiv #voucherDetailsFieldset dl dd {
clear:none;
float:left;
margin:0 0 5px;
width:500px;
}
#voucherEntryDiv #voucherDetailsFieldset dl.currency {
float:left;
}
#voucherEntryDiv #voucherDetailsFieldset dl.currency dt {
clear:none;
float:left;
width:100px;
}
#voucherEntryDiv #voucherDetailsFieldset dl.currency dd {
clear:none;
float:left;
width:auto;
}
#voucherEntryDiv #voucherDetailsFieldset dl.currency dd input {
margin:3px 0 0;
width:40px;
}
#voucherEntryDiv dl input {
border:1px solid #DFDFDF;
float:left;
height:20px;
line-height:20px;
padding:0 0 0 5px;
width:135px;
}
#voucherEntryDiv dl select {
border:1px solid #DFDFDF;
height:23px;
line-height:23px;
padding:0 0 0 5px;
}
#voucherEntryDiv dl textarea {
border:1px solid #DFDFDF;
height:120px;
line-height:20px;
padding:0 0 0 5px;
width:140px;
}
#voucherEntryDiv dl input.radio {
border:medium none;
}
.submit input {
border:1px solid #707070;
margin:5px 0 0 415px;
padding:5px;
}
.submit input:hover {
background:#CF0000 none repeat scroll 0 0;
color:#FFFFFF;
}


.asterisk {
	color:#CF0000;
}
.buy .mainContent h2 {
background:transparent url(../images/buyTitle.gif) no-repeat scroll 50% 50%;
display:block;
height:30px;
text-indent:-999em;
width:425px;
}
.errorIcon {
	float:right;
	padding-top:3px;
	}
.errorIcon2 {
	line-height:1.5em;
	vertical-align:middle;
	}
.contact .contactEmail {
	font-size:2em;
}
.contact .contactNumber {
	font-size:2em;
	font-weight:bold;
}