/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// UNIVERSAL STYLES
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

* {
	margin: 0px;
	padding: 0px;
	border: 0px solid black;
	font-family: Arial, Helvetica, sans-serif; 
}

img {
	display: inline;
	vertical-align: bottom;
}

td, th {
	text-align: left;
	vertical-align: top;
}

p, ul {
	text-align: justify;
	padding-bottom: 20px;
}
textarea {
	overflow:auto;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// MAIN LAYOUT
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#bodyWrapper {
	margin: 0 auto;
	width: 1000px;
	/*position: relative;*/
}

#topWrapper {
	position: fixed;
	z-index: 100;
	width: 1000px;
	height: 103px;
}

#logoWrapper {
	position: absolute;
	left: 30px;
	top: 20px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 314px;
	height: 40px;
	/*clear: both;*/
}

#contactWrapper {
	position: absolute;
	top: 20px;
	right: 30px;
	text-align: right;
	/*clear: both;*/
}

#topNavWrapper {
	position: absolute;
	bottom: 0px;
	height: 29px;
	width: 1000px;
	/*clear: both;*/
}

#topNavPad {
	float: left;
	height: 29px;
	width: 170px;
}

#topUnderWrapper {
	height: 221px;
	position: fixed;
	top: 103px;
	z-index: -10;
	width: 1000px;
}

#mainWrapper {
	position: relative;
	top: 103px;
	width: 930px;
	left: 30px;
	right: 40px;
}

#leftWrapper {
	float: left;
}

#rightWrapper {
	float: right;
	width: 659px;
}


div.whiteTopButtonL {
	width: 9px;
	height: 29px;
	background-image: url(../images/tab_white_l.png);
	background-repeat: no-repeat;
	float: left;
}
div.whiteTopButtonM {
	height: 29px;
	background-image: url(../images/tab_white_m.png);
	background-repeat: repeat-x;
	padding-top: 5px;
	text-align: center;
	/*margin-left: -7px;*/
	margin-right: 1px;
	float: left;
}
div.whiteTopButtonR {
	width: 6px;
	height: 29px;
	background-image: url(../images/tab_white_r.png);
	background-repeat: no-repeat;
	float: left;
	margin-left: -1px;
}
div.blueTopButtonL {
	width: 5px;
	height: 29px;
	background-image: url(../images/tab_blue_l.png);
	background-repeat: no-repeat;
	float: left;
}
div.blueTopButtonM {
	height: 29px;
	background-image: url(../images/tab_blue_m.png);
	background-repeat: repeat-x;
	padding-top: 5px;
	text-align: center;
	/*margin-left: -7px;*/
	margin-right: 1px;
	float: left;
}
div.blueTopButtonR {
	width: 6px;
	height: 29px;
	background-image: url(../images/tab_blue_r.png);
	background-repeat: no-repeat;
	float: left;
	margin-left: -1px;
}

div.navBoxBorder, div.navBoxSolid {
	width: 217px;
	padding: 15px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 10px;
}
div.navBoxNoBorder {
	width: 217px;
	padding: 7px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 0px;
}

div.navBoxPremium {
	width: 217px;
	padding: 15px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 10px;
}

#promoWrapper {
	width: 659px;
	height: 266px;
	background-image: url(../images/promo1.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
#promo2Wrapper {
	width: 659px;
	height: 266px;
	background-image: url(../images/promo2.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
#promo3Wrapper {
	width: 659px;
	height: 266px;
	background-image: url(../images/promo3.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
#promo4Wrapper {
	width: 659px;
	height: 266px;
	background-image: url(../images/promo4.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
#promo5Wrapper {
	width: 659px;
	height: 266px;
	background-image: url(../images/promo5.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

#back1 {
	overflow: hidden;
}
#back2 {
	overflow: hidden;
}
#back4 {
	overflow: hidden;
}
#back5 {
	overflow: hidden;
}


div.mainContent {
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
}

div.quoteSection {
	padding: 10px;
	overflow: auto;
	margin-bottom: 15px;
}

#bottomWrapper {
	width: 1000px;
	clear: both;
	padding-top: 10px;
}
#bottomWrapper p {
	text-align: center;
}

#mainContentLeft {
	width: 373px;
	float: left;
	/*position: relative;*/
}

#mainContentRight {
	width: 190px;
	float: right;
	/*position: relative;*/
}

div.linksBorder {
	width: 175px;
	padding: 15px;
	margin-bottom: 10px;
	right: 20px;
	position: relative;
}

#mainContentRightNews {
	width: 175px;
	float: right;
	margin:0 0 20px 20px;
	/*position: relative;*/
}

div.linksBorderNews {
	padding: 10px;
}

.accessIcons {
	float: right;
	position: relative;
	bottom: 5px;
	width:200px;
}

div.topSection {
	height: 175px;
}

div.blueBack {
	width: 520px;
	text-align: center;
	background-color: #E0F8FB;
	padding: 30px;
	overflow: auto;
}

div.hubBoxLeft {
	width: 250px;
	height: 200px;
	padding: 15px;
	float: left;
	margin-bottom: 20px;
}
div.hubBoxRight {
	width: 250px;
	height: 200px;
	padding: 15px;
	float: right;
	margin-bottom: 20px;
}

div.hubBoxLeftLong {
	width: 250px;
	height: 350px;
	padding: 15px;
	float: left;
	margin-bottom: 20px;
}
div.hubBoxRightLong {
	width: 250px;
	height: 350px;
	padding: 15px;
	float: right;
	margin-bottom: 20px;
}

div.middleBorderReference {
	width: 200px;
	height: 200px;
	padding: 15px;
	float: left;
	background: url(../images/icon_email.png) no-repeat 10px 5px;
	margin:0 0 20px;
}
div.middleBorderReference h2, div.middleBorderDocs h2, div.middleBorderEmail h2 {
	margin:0 0 10px;
	color:#3db8c5;
}
div.middleBorderSMS h2 {
	margin:0 0 18px;
	color:#3db8c5;
}
div.middleBorderEmail h2 {
	margin:0 0 19px;
}
div.middleBorderDocs {
	width: 200px;
	height: 200px;
	padding: 15px;
	float: right;
	background: url(../images/icon_documents.png) no-repeat 10px 5px;
	margin:0 0 20px;
	text-align:left;
}
div.middleBorderSMS {
	width: 200px;
	height: 200px;
	padding: 15px;
	float: left;
	background: url(../images/icon_phone.png) no-repeat 5px 10px;
	text-align:left;
}
div.middleBorderSMS p, div.middleBorderEmail p {
	text-align:left;
}
	
div.middleBorderDocs ul {
	list-style-type: none;
	list-style-image: url(../images/blue_arrow.png) !important;
	padding-left: 0px;
	margin:0;
}
div.middleBorderEmail {
	width: 200px;
	height: 200px;
	padding: 15px;
	float: right;
	background: url(../images/icon_email.png) no-repeat 10px 5px;
	text-align:left;
}

/*div.middleBorderLeft {
	width: 200px;
	height: 200px;
	padding: 15px;
	float: left;
}
div.middleBorderRight {
	width: 200px;
	height: 200px;
	padding: 15px;
	float: right;
}*/



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// HEADERS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h1 {
	padding-bottom: 15px;
}

h2 {
	padding-bottom: 15px;
	font-weight: bold;
}

#leftWrapper h2 {
	padding-bottom: 15px;
	font-weight: bold;
}

#leftWrapper .premiumLine h2 {
	padding-bottom: 0px;
	font-size: 14pt;
}

div.linksBorder h2 {
	font-size: 12pt;
	color: #3DB8C5;
	padding-bottom: 15px;
	font-weight: bold;
}

span.strapline, span.straplineWhite {
	position: relative;
	left: 20px;
	top: 100px;
}



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// LISTS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#leftWrapper ul, ol {
	list-style-type: none;
	list-style-image: url(../images/blue_arrow.png);
	padding-left: 25px;
	padding-bottom: 20px;
	text-align: left;
}
#leftWrapper li {
	padding-bottom: 8px;
	padding-top: 8px;
	border-bottom: 1px #AAA solid;
}
#leftWrapper li.noBorder{
	border-bottom: 0px #000 solid;
}

div.mainContent ul {
	list-style-type: none;
	list-style-image: url(../images/pink_arrow.png);
	padding-left: 25px;
	padding-bottom: 20px;
}
div.mainContent li {
	padding-bottom: 5px;
	padding-top: 5px;
}
div.hubBoxLeft li, div.hubBoxLeftLong li {
	text-align: left;
	list-style-type: none;
	list-style-image: url(../images/blue_arrow.png);
}
div.hubBoxRight li, div.hubBoxRightLong li {
	text-align: left;
	list-style-type: none;
	list-style-image: url(../images/blue_arrow.png);
}

div.linksBorder ul {
	list-style-type: none;
	list-style-image: url(../images/blue_arrow.png);
	padding-left: 25px;
	padding-bottom: 20px;
	text-align: left;
}
div.linksBorder li {
	padding-bottom: 8px;
	padding-top: 8px;
	border-bottom: 1px #AAA solid;
}
div.linksBorder li.noBorder{
	border-bottom: 0px #000 solid;
}

div.mainContent ul.shortList {
	list-style-type: none;
	list-style-image: url(../images/blue_arrow.png);
	padding-left: 25px;
	/*padding-bottom: 45px;*/
}
ul.shortList li {
	font-weight: bold;
	text-decoration: underline;
}

#leftWrapper div.navBoxSolid ul {
	list-style-type: none;
	list-style-image: none;
	padding-left: 25px;
	padding-bottom: 20px;
}
#leftWrapper div.navBoxSolid li {
	padding-bottom: 8px;
	padding-top: 8px;
	border-bottom: 1px #FFF solid;
}

li.faqQuestion {
	font-weight: bold;
}
li.faqAnswer {
	list-style-type: none;
	list-style-image: url(../images/empty.png);
}	

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// TABLES
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

td.listNum {
	width: 30px;
	padding-right: 10px;
}
td.formQuestion {
	width: 450px;
	text-align: justify;
	padding-bottom: 15px;
	padding-right: 10px;
}

table.quoteDetails td, table.quoteDetails th {
	padding: 5px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// LINKS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

a {color: #D83E7F; font-weight: bold; text-decoration: none;}
a:hover { color: #D83E7F; font-weight: bold; text-decoration: none;}

.mainContent ul a {color: #D83E7F;}
.mainContent ul a:hover {color: #D83E7F;}

.linksBorder ul a {color: #D83E7F;}
.linksBorder ul a:hover {color: #D83E7F;}

ul.shortList li a {font-weight: bold; text-decoration: underline;}
ul.shortList li a:hover {font-weight: bold; text-decoration: underline;}

a.linkTopNavSelected {color: #D83E7F; font-size: 12pt; font-weight: bold; text-decoration: none;}
a.linkTopNavSelected:hover { color: #D83E7F; font-size: 12pt; font-weight: bold; text-decoration: none;}

a.linkTopNavUnselected {color: #FFF; font-size: 12pt; font-weight: bold; text-decoration: none;}
a.linkTopNavUnselected:hover { color: #FFF; font-size: 12pt; font-weight: bold; text-decoration: none;}

li a {color: #000; font-size: 10pt; font-weight: normal; text-decoration: none;}
li a:hover { color: #000; font-size: 10pt; font-weight: normal; text-decoration: none;}

a.leftNavSelected {color: #D83E7F; font-size: 10pt; font-weight: bold; text-decoration: none;}
a.leftNavSelected:hover {color: #D83E7F; font-size: 10pt; font-weight: bold; text-decoration: none;}

#bottomWrapper a {color: #AAA; font-size: 8pt; font-weight: normal; text-decoration: underline;}
#bottomWrapper a:hover {color: #AAA; font-size: 8pt; font-weight: normal; text-decoration: underline;}

#QuoteList a {color: #D83E7F; font-weight: normal; text-decoration: none;}
#QuoteList a:hover {color: #D83E7F; font-weight: normal; text-decoration: none;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// FORMS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

input {
	padding: 3px 2px;
	width: 250px;
	/*margin-top: -4px;*/
}
input.submit {
	width: 129px; /*255px;*/
	/*margin-top: 10px;*/
	border: 0px solid #000;
	padding: 0px;
}
input.radio {
	/*width: 20px;
	padding-right: 10px;*/
	width: 20px;
	background-color: transparent;
	
	/*background-color: #FF0;*/
	/*border: 0;*/
	/*padding: 0;
	border: 0;*/
}
input.checkbox {
	width: 15px;
	margin-right: 10px;
	background:none;
}


input.long {
	width: 400px;
}
input.short {
	width: 185px;
}
input.medShort {
	width: 100px;
}
input.policyNumber {
	width: 132px;
}
input.veryShort {
	width: 55px;
}
input.extremelyShort {
	width: 35px;
}

textarea {
	padding: 3px 2px;

	width: 250px;
	margin-bottom: 10px;
}
textarea.long {
	width: 400px;
}


select {
	padding: 3px 2px;

	width: 255px;
	/*margin-bottom: 10px;*/
}
select.short {
	width: 190px;
}
select.veryShort {
	width: 55px;
}
select.wide {
	width: 350px; /*400px;*/
}

td.caption {
	width: 285px;
	padding-right: 10px;
	/*padding-top: 5px;*/
	padding-bottom: 15px;
}

td.caption + td {
	padding-bottom: 15px;
}

td.captionShort {
	width: 125px;
	padding-right: 10px;
	/*padding-top: 5px;*/
	padding-bottom: 15px;
}

td.captionShort + td {
	padding-bottom: 15px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// MISC
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.fullWidth {
	width: 100%;
}

.rightJustified {
	text-align: right;
}
.leftJustified {
	text-align: left;
}

.floatright {
	float:right;
	margin:0 0 10px 10px;
	position:relative;
}

.floatleft {
	float:left;
	margin:0 10px 10px 0;
	position:relative;
}

.error {
}

.clearBoth {
	clear: both;
}

.removed {
	display: none;
}

.bringToFront { 
	z-index: 2006;
}

.clickableHelp
{
	cursor: help;
}

div.phoneText {
	font-weight: bold;
	margin-bottom: -5px;
}

img.quotePageIndicator {
	position: absolute;
	left: 202px;
	top: -5px;
}

img.linkIcon {
	vertical-align: middle; 
	padding-right: 10px;
}

img.newsPhotoRight {
	padding-left: 15px; 
	padding-bottom: 10px;
	float: right; 
}

img.newsPhotoLeft {
	padding-right: 15px; 
	padding-bottom: 10px;
	float: left; 
}

#PaymentSubmit {
	width:129px;
	height:36px;
}
.ajaxloader {
	background:url(../images/throbber.gif) no-repeat 0 0;
	width:100%;
	height:100%;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// PLUGINS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.bookmarks {
	width: 480px;
	padding: 15px;
	position: relative;
/*	border: 1px #AAA solid;  */
	font-weight: bold;
	font-size: 9pt;
}

div.hintstips {
}

div.hintstips img {
	float:left;
	margin:0 10px 10px 0;
}
div.hintstips span.infoicon2 {
	background: url(../images/jqueryui/ui-icons_000000_256x240.png) no-repeat -16px -144px;
}