/*Font Size - Conversions
*Base Size: 100% 16px (1em)
*0.5em - 8px, 0.563em - 9px
*0.625em - 10px, 0.688em - 11px
*0.75em - 12px, 0.813em - 13px
*0.875em - 14px, 0.938em - 15px
*1em - 16px, 1.063em - 17px
*1.125em - 18px, 1.188em - 19px
*1.25em - 20px, 1.313em - 21px
*1.375em - 22px, 1.438em - 23px
*1.5em - 24px
*/

/* UPDATED BY: PETER ON 28/1/11 14:08 */

/*Reset Browser Defaults*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Start of site styling*/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	/*background: url(../images/bg.jpg) repeat-x 0 0 #00a0da;   --old */
	
	/* Added by John: */
	background: #241b46; /* Old browsers */
	background: -moz-linear-gradient(top,  #241b46 0px, #019dd8 675px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#241b46), color-stop(675px,#019dd8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #241b46 0px, #019dd8 675px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #241b46 0px,#019dd8 675px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #241b46 0px,#019dd8 675px); /* IE10+ */
	background: linear-gradient(to bottom,  #241b46 0px,#019dd8 675px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#241b46', endColorstr='#019dd8',GradientType=0 ); /* IE6-9 */

}
.wrapper{

}
.w1{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../../images/drop-shadow.png) no-repeat center 0 transparent;
}
.w2{
	width: 940px;
	position: relative;
	padding: 0 10px;
}
#content-wrapper{
	padding-top: 370px;
	overflow: hidden;
	
}
.cw1{
	overflow: hidden;
	background: url(../../images/header-bg.jpg) repeat-x 0 100% #ffffff;
	border: solid 1px #ffffff;
	padding-bottom: 40px;
	float: left;
	width: 940px;
}
#main{
	float: right;
	width: 551px;
	padding: 0 18px 0 29px;
	/*color: #606060;*/
	color: #484848;
	font-size: 14px;
}
#main h5{
	float: left;
	width: 551px;
	/*padding: 0 18px 0 29px;*/
	color: #484848;
	font-size: 10px;
}

#main h5 a{
	float: left;
	width: 551px;
	/*padding: 0 18px 0 29px;*/
	color: #241a44;
	font-size: 10px;
}

#main h5 a:hover{
	float: left;
	/*padding: 0 18px 0 29px;*/
	color: #241a44;
	text-decoration:underline;
	font-size: 10px;
}
h1,h2,h3,h4{
	color: #241a44;
	font-style: italic;
	font-weight: bold;
}
h1{
	padding: 30px 0 17px;
	font-size: 24px;
}
h2,h3,h4{
	/*font-size: 14px;*/
	font-size: 16px;
}
#main p, #main ul, #main ol, h2,h3,h4{
	line-height: 18px;
	margin-bottom: 10px;
}
#main p.note{
	color: #241a44;
}
#main p.small{
	/*color: #606060;*/
	color: #484848;
	font-size: 10px;
}
#main strong{font-weight: bold;}
#main a{
	color: #241a44;
/*	009dd9*/
	text-decoration: none;
}
#main a:hover{
	text-decoration: underline;
}
#main ul li{
	padding-left: 10px;
	background: url(../../images/bullet.gif) no-repeat 0 5px #ffffff;
}
#main ol{
	list-style: decimal inside;
	color: #009DD9;;
}
#main ol li span{
	/*color: #606060;*/
	color: #484848;
}
.downloads{
	overflow: hidden;
	width: 550px;
	border-top: solid 1px #b6b6b6;
	padding: 18px 0 0 0;
	float: left;
	margin-top: 10px;
}
.link-box{
	width: 100%;
	overflow: hidden;
	padding-bottom: 9px;
	float: left;
}
.link-box.reader{
	border-top: solid 1px #b6b6b6;
	padding: 18px 0 0 0;
	margin-top: 4px;
}
#main .link-box p{
	width: 299px;
	margin: 0;
	float: left;
	line-height: 31px;
}
.link-box .btn{
	background: url(../../images/button.gif) no-repeat 0 0 #ffffff;
	width: 120px;
	height: 31px;
	float: left;
}
.link-box.reader .btn{
	background: url(../../images/adobe-reader.gif) no-repeat 0 0 #ffffff;
	width: 111px;
	height: 32px;
	float: left;
	margin-left: 10px;
}
.link-box .btn a{
	width: 120px;
	height: 31px;
	display: block;
	text-indent: -9999px;
}
h1 span{font-weight: normal;}
#side{
	float: right;
	padding: 20px 29px 0 10px;
	width: 300px;
}
#sidesub{  /* Added by John */
	float: left;
	padding-top: 20px;
	width: 320px;
	background: #F0F0F0;
	margin: 30px 0px 0px 20px;
	border-style:solid;
	border-top-width:2px;
	border-right-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	border-top-color:#E0E0E0;
	border-bottom-color:#E0E0E0;
	border-left-color:#E0E0E0;
	border-right-color:#E0E0E0;
	text-align:center;
}
#quote { /* Added by John */
	margin:15px 0 15px 0;
	background:#F0F0F0;
	overflow:auto;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.quoteimg { /* Added by John */
	vertical-align:top;
	float:left;
	margin-right:10px;
	margin-top:-5px;
	margin-bottom:-5px;
}
.quotetext { /* Added by John */
	font-style: italic;
	font-weight: bold;
	line-height:1.5;
	display:block;
	margin-left: 48px;
}
.quotename { /* Added by John */
	line-height:1.5;
	display:block;
	margin-left: 48px;
}
.quoteimg-inside { /* Added by John */
	float:right;
	width:150px;
	height:150px;
}
#menusub { /* Added by John */
	background: #F0F0F0;
	text-align:left;
}
#menuentry { /* Added by John */
	margin-bottom:10px;
	height: 22px;
	line-height:22px;
	padding:0 15px 0 15px;
}
#menuentry a { /* Added by John */
	text-decoration:none;
}
.menutextoff { /* Added by John */
	color: #241a44;
	font-weight: bold;
	font-size:16px;
}
.menutexton { /* Added by John */
	color: #2B8EB5;
	font-weight: bold;
	font-size:16px;
}
.hrsub { /* Added by John */
	width: 90%;
	color: #D0D0D0;
	background-color:#D0D0D0;
	border-width:0;
	height:1px;
	margin-bottom:0px;
}
.hr2 { /* Added by John */
	width: 90%;
	color: #FFFFFF;
	background-color:#FFFFFF;
	border-width:0;
	height:1px;
	margin-top:0px;
}
.hrsubmain { /* Added by John */
	width: 100%;
	color: #D0D0D0;
	background-color:#D0D0D0;
	border-width:0;
	height:1px;
	margin-bottom:0px;
	margin-top:0px;
}
.hr2main { /* Added by John */
	width: 100%;
	color: #FFFFFF;
	background-color:#FFFFFF;
	border-width:0;
	height:1px;
	margin-top:0px;
	margin-bottom:15px;
}
.menu-arrow { /* Added by John */
	float:right;
	vertical-align:middle;
	position:relative;
}
.img-block-sub {  /* Added by John */
	margin-bottom: 25px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	float: left; 
	background: #F0F0F0;
}
.img-block2-sub {  /* Added by John */
	margin-bottom: 12px;
	float: left; 
	background: #F0F0F0;
	width:100%;
	margin-top: 10px;
}
.img-block{
	margin-bottom: 25px;
	float: left;
	}
.img-block2{
	margin-bottom: 25px;
	float: left;
}
.img-block3{
	margin-bottom: 25px;
	float: left;
}
.img-block4{
	margin-bottom: 25px;
	float: left;
}
#main .img-block{
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	}
#main .img-block2{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
#main .img-block3{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
#main .img-block4{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.img-block a{overflow: hidden;}
#header{
	position: absolute;
	top: 0;
	left: 10px;
	width: 940px;
}
.h1{
	background: url(../../images/header-bg.jpg) repeat-x 0 0 transparent;
	border: solid 1px #ffffff;
	border-top: none;
	float: left;
	width: 938px;
}
.h2{
    overflow: hidden;
}
#flash-holder{
	float: left;
	width: 940px;
	position: relative;
}
.download-flash{
	position: absolute;
	top: 100px;
	left: 220px;
	text-align: center;
}
.download-flash h5{
	font-size: 48px;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 25px;
}
#flash-holder img{
	/*display: none;*/
}
.logo{
	margin: 15px 0 10px 0;
	float: left;
	padding-left: 30px;
}
.menu{
	float: right;
	padding: 22px 26px 19px 0;
	line-height: 18px;
	width: 668px;
}
.menu ul li{
	float: left;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	line-height: 19px;
	color: #241a44;
	width: 116px;
	padding: 0 0 0 51px;
}
.menu ul li a{
	text-decoration: none;
	color: #241a44;
}
.menu ul li a:hover, .menu ul li a.active{
	/*text-decoration: underline;*/
	color: #009dd9;
}
#footer{
	float: left;
	padding: 0 10px 10px 10px;
	width: 940px;
	text-align: right;
	font-size: 12px;
	background: url(../../images/footer-logos.png) no-repeat 10px 18px transparent;
}
.footer-content{
	float: right;
}
.footer-content ul{
	padding: 25px 0 8px 0;
	overflow: hidden;
	float: right;
}
.footer-content ul li{
	border-right: solid 1px #241a44;
	padding: 0 10px;
	float: left;
}
.footer-content ul li.last{
	border: none;
	padding-right: 0;
}
.footer-content ul li a{
	color: #241a44;
	text-decoration: none;
}
.footer-content ul li a:hover{text-decoration: underline;}
#footer p{clear: right;}
#footer p, #footer p a{
	color: #ffffff;
}
#footer p a{
	text-decoration: none;
}
#footer p a:hover{
	text-decoration: underline;
}
/*form*/
.form-wrapper{
	padding: 17px 0 15px 0;
	border-top: 1px solid #B6B6B6;
	border-bottom:  1px solid #B6B6B6;
	float: left;
	margin-top: 11px;
}
.form-wrapper h2, .payment-block h2{
	color: #606060;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
}
.form-wrapper h2{
	background: url(../../images/secure.gif) no-repeat 0 0 #ffffff;
	padding: 2px 0 1px 34px;
	margin-bottom: 20px;
}
.form-wrapper form fieldset{
	/*overflow: hidden;*/
	padding-bottom: 12px;
	position: relative;
}
.form-wrapper form label{
	font-weight: bold;
	color: #241a44;
	width: 130px;
	float: left;
	margin-top: 4px;
}
.form-wrapper form select{
	font-weight: bold;
	font-size: 16px;
	color: #241a44;
	border: none;
	background-color: #fff;
	width: 64px;
}
.form-wrapper form select.opera-select{border: solid 1px #B6B6B6;}
.customStyleSelectBox {
    background:url(../../images/select-bg.gif) no-repeat 6% 0;  
    font-weight: bold;
    text-indent: 3px;
    color: #241a44;
}
.customStyleSelectBox.changed {
/*different style after user has made a selection */
}
.customStyleSelectBoxInner {
    background:url(../../images/select-arrow.gif) no-repeat 98% 0;
    height: 24px;
    line-height: 1.9em;
}
.form-wrapper form input[disabled='disabled'], .form-wrapper form input{
	border: none;
	background-color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	color: #606060;
	margin-top: 3px;
	padding: 0;
	
}
.form-wrapper form input[type='submit']{
	background: url(../../images/payment-btn.jpg) no-repeat 0 0 #ffffff;
	width: 250px;
	height: 40px;
	border: none;
	cursor: pointer;
	text-indent: -9999px;
}
.payment-block{
	overflow: hidden;
	padding: 20px 0 37px 0;
	background: url(../../images/payment-methods.jpg) no-repeat 0 bottom #ffffff;
	clear: left;
}
.payment-block strong{
	color: #241a44;
}
.payment-block h2{
	background: url(../../images/phone.gif) no-repeat 0 0 #ffffff;
	padding: 0 0 3px 30px;
}
.hide{display: none;
}
.addthis {
	float:right;
	clear:both;
	margin-top: 10px;
	margin-bottom: 5px;
}