/* 
========================================
CSS Document
Written by Simon Baxter - baxtersweb.com 
======================================== 
*/

body {
	margin: 0;
	padding: 20px 10px;
	color: #333;
	text-align: center;
	background:#f9f9f9;
	background-attachment:fixed;
	font: 13px 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	line-height:20px
}

/*** MAIN NAVIGATION ***/
div#mainnav {
	margin: 0;
	padding: 6px 0;
	background:#003366 url(../img/bg_mainnav.png) repeat-x center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff
}
#mainnav ul {
	display: block;
	margin:0;
	padding:0;
}
#mainnav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mainnav li a {
	color: #fff;
	padding: 10px 18px;
	font-weight: normal;	
	font-size:14px;
	text-decoration: none;
}
#mainnav li a:hover, li a#selected {
	padding: 6px 18px;
	text-decoration: none;
	background:#003366 /*url(../img/bg_mainnav_li_a_h.png) repeat-x center*/;
	}

ol#prepay_questions {
	float:left;
	width:300px;
	margin:0;
	padding:10px 0 0 28px;
}

ul {
	margin:10px 0;
	padding: 0 0 0 28px;
}
li {
	list-style-image:url(../img/ul_li.png);
}


h1 {
	color:#660000; 
	letter-spacing:2px; 
	margin:0 0 10px; 
	font-weight:normal;
	font-size:22px; 
	padding:15px 0 5px; 
	border-bottom:1px solid #ccc}
h2 {
	color:#333;
	font-size:14px; 
	margin:25px 0 10px; 
	font-weight:normal; 
	color:#fff; 
	background:#660000; 
	padding:5px 10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
h3 {color:#fff; margin:0; font-size:10px; background:#fff url(../img/bg_h3.png) no-repeat top left; padding:0 30px 2px 30px}

div#slogan h1 {color:#333; font-size:12px; border:none; padding:0 5px}

p { margin:5px 0 10px 0 }

p.error, p.success {
	font-size:14px;
	margin:0 0 10px;
	border-style:solid;
	border-width:1px;
	border-color:#CC9999;
	padding:10px;
	background:#FAE5E5;
	color:#333;
}
p.success {
	background:#E5F5E5;
	border-color:#66CC00;
	color:green
}

p#prepay_intro {
	color:#660000;
	font-size:16px;
}

span.star { font-weight:bold; color:#990000; font-size:20px }

span.formerr {
	display:block;
	background:#FAE5E5;
	padding:1px 3px;
	font-size:12px;
	width:230px
}

address {font-style:normal}

ul#errors { margin:10px 0; padding:5px 10px; border-top:2px solid #990000; border-bottom:2px solid #990000; list-style-type:none }
ul#errors li { margin:0; padding:0; color:#990000 }

/*** LINK STYLING ***/
a:link , a:visited {
	color:#660000;
	text-decoration:underline;
}
a:hover {
	color:#000;
}

div#home_foot a:link , div#home_foot a:visited {
	color:#fff;
	text-decoration:underline;
}
div#home_foot a:hover {
	text-decoration:none
}

div#ctn {
	background:#fff;
	width:850px;
	margin:0 auto;
	text-align:left;
	border:1px solid #ccc;
	-moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc;
}

div#head {
	background:url(../img/bg_head.jpg) no-repeat top left;
	height:180px;
}

div#slogan {
	padding:117px 0 0 0;
	text-align:left;
}

div#content {
	padding: 0 30px 20px;
	margin: 0;
}

div#prepay_content {
	padding: 0 30px 20px;
	margin: 0;
	background:#FFFDF1;
}

div#prepay_answers {
	margin-left:330px;
	border:1px solid #ccc;
	background:#fff;
	padding:5px 10px;
	height:225px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
div#prepay_answers div {
	display:none;
	background:#fff
}
div#prepay_answers div strong {
	color:#660000
}

div.clear {
	clear:both;
	height:0;
	font-size:0;
	overflow:hidden;
}

div#home_foot {
	background:#49472E url(../img/bg_home_foot.png) repeat-x bottom left;
	padding:10px 20px 5px;
	color:#fff;
	border-top:1px solid #fff
}

div#footer {
	padding:10px 20px;
	text-align:left;
	width:810px;
	margin:0 auto;
	font-size:10px;
	color:#666
}

div#contact_left {
	float:left;
	width:328px;
	margin-right:10px
}

/*** TABLE STYLING ***/
table#prepay_prices {
	border-right:1px solid #996;
}
table#prepay_prices tr th {
	border-top:1px solid #996;
	border-left:1px solid #996;
	border-bottom:1px solid #996;
	padding:4px 5px;
	background:#fff;
	text-align:center
}
table#prepay_prices tr td {
	border-bottom:1px solid #996;
	border-left:1px solid #996;
	padding:4px 5px;
	text-align:center
}
table#prepay_prices tr th.topleftcell {
	background:none;
	border:none;
}
table#prepay_prices tr td.leftcell,
table#prepay_prices tr th.leftcell {
	text-align:left;
}
table#prepay_prices tr td.leftcell {
	background:#996;
	color:#fff;
	border-bottom-color:#FFFDF1
}
table#prepay_prices tr td.prepay_tick {
	background:url(../img/tick.png) no-repeat center;
}
table#prepay_prices tr td.basic,
table#prepay_prices tr th.basic {
	background-color:#F3F3E9;
}
table#prepay_prices tr td.traditional,
table#prepay_prices tr th.traditional {
	background-color:#EAEAD7;
}
table#prepay_prices tr td.superior,
table#prepay_prices tr th.superior {
	background-color:#DEDEBE;
}





/*** MISC STYLING ***/

form {
	padding-top:10px;
}
input, select, textarea {color:#660000; font: 12px 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; padding:2px 4px; border:1px solid #7F9DB9}

input.button { background:#003366; color:#fff; border:2px solid #7F9DB9; font-size:14px; font-weight:bold}

fieldset {border:1px solid #ccc; padding:10px; margin:15px 0 10px}
legend {color:#660000; padding:1px 10px; margin-bottom:5px}

img {border:none}
img.framed {
	padding: 5px;
	border: 1px solid #ccc;
}
iframe {
margin-top:10px;
border:1px solid #ccc
}