/*Author: Matthew Newton, Real World Web Limited, (+1) 973 968 5039 - http://www.realworldweb.com*/
/*PAGE START*/
body {margin: 15px 15px 15px 52px; padding: 0px}
body, th, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	vertical-align: top;
}
a img {border: 0px none;}
a {}
a:link {color: #397BB5; background-color: inherit;}
a:visited {color: #397BB5; background-color: inherit;}/*Can't figure out why this overrides the link col for all. possibly a bug.*/
a:focus {color: #C0C0C0; background-color: inherit;}
a:hover {color: #66CC00; background-color: inherit;}
a:active {color: #C0C0C0; background-color: inherit;}

dl {}
dl dt {font-weight: bold;}
dl dd {margin-bottom: 1em;}

ul {}
ul li {}

ol {}
ol li {}

form {margin: 0px;}
form table {}
form table caption {
	font-style: italic;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C0C0C0;
}
form th {}
form td {vertical-align: middle;}
form input, form select, form textarea {
	border: 2px solid #C0C0C0;
	color: inherit;
	background-color: #F5F5F5;
	font-size: 0.85em;
	padding: 2px;
	margin: 3px;
	vertical-align: middle;
}
form textarea {vertical-align: top;}
form input:hover, form select:hover, form textarea:hover, form input:active, form select:active, form textarea:active, form input:focus, form select:focus, form textarea:focus {color: inherit; background-color: #FFFFFF;}
form input {width: 20em;}
form input.radio {width: auto;}
form input.chkBox {
	width: auto;
	padding: 0px;
	border: none;
}
form input.button {
	border: 3px double #C0C0C0;
	font-weight: bold;
	margin: 2px;
	width: auto;
	background-color: #F5F5F5;
	padding: 1px;
	height: auto;
	color: #397BB5;
}
form input.button:hover {
	border: 3px solid #C0C0C0;
	background-color: #FFFFFF;
	color: #66CC00;
}
form select {}
form textarea {
	width: 20em;
	height: 5em;
}
form.btn {
	margin: 0px;
	padding: 0px;
	display: inline;
}
form.btn input.button {
	font-size: 1.1em;
	font-variant: small-caps;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
div.clear {clear: both; margin: 0px; line-height: 1px;}
div.autosize {display: table;width: 1px;}
div.autosize > div {display: table-cell;}
div#content .left {text-align: left;}
div#content .center {text-align: center;}
div#content .right {text-align: right;}
div#content strong {color: #397BB5;}
div#content .smaller9 {font-size: 0.9em;}
div#content .smaller8 {font-size: 0.8em;}
div#content .smaller7 {font-size: 0.7em;}
div#content .smaller6 {font-size: 0.6em;}
div#content .smaller5 {font-size: 0.5em;}
div#content .smaller4 {font-size: 0.4em;}
table {}
tr {}
th {}
td {}

/*PAGE END*/
/*MAIN START*/
div#main {position: relative; /*width: 770px;*/}
div#main img#fadeCircle {
	height: 100px;
	width: 100px;
	float: right;
	margin-top: -45px;
	margin-left: 2px;
}
div#main a#logo {}
div#main a#logo img {
	vertical-align: middle;
	margin-bottom: 10px;
	margin-right: 30px;
}
div#main div#targetMessage {
	margin: 15px auto;
	width: auto;
	height: auto;
	display: inline;
	padding: 3px;
	border-top: 1px dashed #C0C0C0;
	border-right: 1px none #C0C0C0;
	border-bottom: 1px dashed #C0C0C0;
	border-left: 1px none #C0C0C0;
	white-space: nowrap;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	font-size: 0.9em;
}
/*MAIN END*/
/*MENU START*/
div#menu {
	padding: 0.2em 0px 0em;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	clear: left;
	margin-top: 5px;
	margin-bottom: 2px;
}
div#menu a {
	white-space: nowrap;
	font-weight: bold;
}
div#menu div {
	padding: 3px;
	border-top: 1px solid #397BB5;
	text-align: left;
	display: block;
	font-size: 0.8em;
	background-color: #F5F5F5;
	margin-top: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #397BB5;
	margin-right: 101px;
	font-variant: small-caps;
}
div#menu div strong.currentPage {
	color: #000000;
}
div#menu div a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/*MENU END*/
/*CONTENT START*/
div#content {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	border-top: 7px solid #C0C0C0;
	border-bottom: 0px none;
	border-left: 7px solid #C0C0C0;
}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-variant: small-caps;
	vertical-align: baseline;
	/*vertical align baseline resolves the broken underlines in link on IE.*/
}
div#content h1 {
	font-size: 1.6em;
}
div#content h2 {
	font-size: 1.4em;
}
div#content h3 {font-size: 1.2em;}
div#content h4 {font-size: 1em;}
div#content h5 {font-size: 0.9em;}
div#content h6 {font-size: 1em;	 font-style: italic;}

div#navigation {
	border-top: 1px solid #C0C0C0;
	margin-top: 0.1em;
	padding: 0.2em 3px;
	font-size: 0.7em;
}
div#siteID {
	float: right;
	margin-left: 4px;
	margin-right: 100px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0C0C0;
	display: inline;
	padding-left: 4px;
	font-size: 1em;
	font-variant: small-caps;
}
a.printLink, a.navLink {
	float: right;
	padding-left: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
	margin-left: 4px;
}
div#content div#rightHighlightDiv {
	font-size: 0.9em;
	width: 200px;
	border: 1px solid #C0C0C0;
	margin: 8px 0px 2px 1em;
	padding: 0.3em;
	background-color: #F5F5F5;
	color: inherit;
	text-align: center;
	float: right;
}
div#content div#rightHighlightDiv span {text-align: left;}
div#content div.support h2 {
	line-height: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
}
div#content div#rightHighlightDiv h2, div#content div#rightHighlightDiv h3 {text-align: center;}
div#content div.support em {
	font-size: 0.8em;
	font-style: normal;
}
div#content div.support div.supportOp {
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
	padding: 3px;
	color: inherit;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #C0C0C0;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
	margin: 3px;
	font-family: "Courier New", Courier, mono, monospace;
	width: 190px;
	height: 30px;
}
div#content div.support div.supportOp a {text-decoration: none;}
div#content div.support div.supportOp a img {vertical-align: middle;}
div#content div.support a.whatIs {
	text-align: right;
	display: block;
	font-style: normal;
}
div#content div.secureMsg {
	text-align: center;
	border-top: 1px dotted #FF0000;
	border-right: 1px none #FF0000;
	border-bottom: 1px dotted #FF0000;
	border-left: 1px none #FF0000;
	width: auto;
	margin: .5em auto;
}
div#content div#strapMsg {
	text-align: center;
	clear: both;
	border-bottom: 1px dashed #C0C0C0;
	padding-bottom: 0.5em;
}
div#content .spinnerContainer {}
div#content .spinnerLink {cursor: pointer;color: #397BB5; background-color: inherit;}
div#content .spinnerContent {display: block;}
div#content .spinnerContent .more {display: block; text-align: right;}
div#content img.tracking {width:1px;height:1px;display: inline;visibility: hidden;}
div#content img.thinBorder {
	margin: 5px;
	border: 1px solid #397BB5;
}
div#content div.quoteBox {
	margin: 12px 5px 5px;
	padding: 5px;
	overflow: visible;
	border: 2px solid #C0C0C0;
	font-size: 0.9em;
	position: relative;
	background-color: #F5F5F5;
}
div#content div.quoteBox strong {
	text-align: right;
	display: block;
}
div#content div.packageBox {
	margin: 5px 12px;
	padding: 5px;
	overflow: visible;
	border: 2px solid #C0C0C0;
	font-size: 0.9em;
	background-color: #F5F5F5;
	float: left;
}
div#content div.packageBox {
	width: 190px;
	height: 190px;
	position: relative;
}
div#content div.packageBox h3, div#content table.highlightTable h3 {
	border-bottom: 1px solid #C0C0C0;
	margin-bottom: 0.75em;
}
div#content div.packageBox h4, div#content table.highlightTable h4 {
	text-align: center;
}
div#content a.moreLink {
	font-size: 0.8em;
	text-align: right;
	display: block;
}
div.packageBox form.btn {
	text-align: center;
	display: block;
}
div#content table#tblServicesSummary {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 600px;
}
div#content table#tblServicesSummary h2 {text-align: center;}
div#content table.highlightTable {width: auto;}
div#content table.highlightTable {
	margin: 5px 12px;
	padding: 5px;
	overflow: visible;
	border: 2px solid #C0C0C0;
	font-size: 0.9em;
	background-color: #F5F5F5;
/*	float: left;*/
}
div#content table.highlightTable th, div#content table.highlightTable td {
	margin: 0px;
	padding: 3px;
	vertical-align: top;
}
div#content table.highlightTable th.topHeader {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0C0C0;
	text-align: center;
}
div#content table.highlightTable th {
	text-align: right;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
}
div#content table.highlightTable td {
	border: 1px solid #C0C0C0;
	padding: 5px;
/*	text-align: center;*/
}
div#content table.highlightTable tr.titlerow th, div#content table.highlightTable tr.titlerow td {
	border: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
div#content table.highlightTable tr.footerrow th, div#content table.highlightTable tr.footerrow td {
	border: none;
	text-align: left;
}
div#content table.highlightTable td.leftTd {border-left: none;}
div#content table.highlightTable td.rightTd {border-right: none;}
div#content table.highlightTable td.bottomTd {border-bottom: none;}
div#content table.highlightTable td.topTd {border-top: none;}
/*CONTENT END*/
/*FOOTER START*/
div#footer {
	font-size: 0.8em;
	padding-top: 3px;
	text-align: center;
	position: relative;
}
div#footer a {/*font-family: "Courier New", Courier, mono, monospace;*/}
div#footer div#valid {
	display: none;
	position: relative;
	float: right;
	margin-right: -5px;
}
div#footer img#circle {
	height: 100px;
	width: 100px;
	position: absolute;
	left: -60px;
	bottom: -5px;
}
/*FOOTER END*/
#focusBar {
	float: right;
	border: 1px solid #0000FF;
	height: 600px;
	width: 215px;
	clear: right;
}

#focus {
	border: 1px solid #FF0000;
	height: 150px;
	width: 150px;
	position: absolute;
	right: 0px;
}