/************** Default Elements *******************/

body {
	text-align: center;
	font: 12px Arial, Arial Unicode MS, Helvetica, sans-serif;
}
/************** Layout Elements *******************/

table, .bodytext, li, p {
	margin-left:auto;
	margin-right:auto;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000;
	border-collapse:collapse;
}
table.app {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #000;
}
#wrapper {
	width: 950px;  /*  WAS 750px   4/14 */
	margin: 10px auto 0 auto;
	/* was  margin: 0 auto;  */ 
	border: 1px solid #000; /*added by cr */
	font-size: 80%;
	background: #fff url(../images/design0409/wrapperbkg.gif) repeat-y;/* background-attachment: fixed; */
}
#header {
	height: 126px;
	background: #fff url(../images/design0409/photo.jpg) top right no-repeat;
}
#nav {
	text-align:right;
	float: right;
	margin: 5px 0 2px 10px;
	font-weight:bold;
}
#nav ul {
	padding: 3px;
	text-align: center;
}
#nav li {
	display: inline;
	margin: .5em 1.5em;
	font-size: 110%
}
#leftcol {
	float: left;
	width: 200px;
	margin-top: 1.5em;/*margin-left: 1.2em;*/
}
#leftcol ul {
	list-style-type: none;
	background-color: #DBE0EA;
	border-top: 1px solid #283B6D;
	border-right: 1px solid #000;
	border-left: none; /* was 1px solid #283B6D; */
	margin-bottom: 20px;
}
#leftcol a {
	color: #213058;
	text-decoration: none;
	display: block; /* was block; */
	border-bottom: 1px solid #283B6D;
	padding: 2px 3px 2px 3px; /*  padding works in moz */
}
}
#footer {
	clear: both;
	background-color: #283B6D;
	height: 70px;
}
#footer p {
	font-size: 95%;
	line-height:50%;
	color: #fff;
	margin: 12px 0 0 12px;
}
#footer ul {
	margin: 8px 0 0 5px;
}
#footer li {
	list-style-type: none;
	font-size: 95%;
	color: #fff;
}
#footer li a {
	color: #fff;
	text-decoration: underline;
}
#footer li a:hover {
	color: #BCC8E7;
	text-decoration: underline;
}
#footer img {
	float: right;
	margin: 5px 0 2px 10px;
}
#popup {
	padding: 1em;
}
.atclear { /*AddThis widget extra div*/
	display:none;
}
/************** Text Elements *******************/

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 0.5em 0;
	font-size: 150%;
	color: #283B6D;
}
h2 {
	font-size: 130%;
	font-style:italic;
}
h3 {
	color:#283B6D;
	font-size: 130%;
	font-style:italic;
}
h4 {
	font-size: 120%;
}
h5 {
	font-size: 110%;
}
h6 {
	font-size: 100%;
}
p {
	margin: 1em 0;
}
li {
	list-style-position:inside;
	margin-left:20px;
}
ul.box {
	list-style-position:inside;
	margin-left:-30px;
}
/*#content li {
	list-style-position:inside;
	margin-left:20px;
}
ol.2nd {
	list-style-position:inside;
	margin-left:30px;
	padding-left:30px;
}
/*ol.3rd {
	list-style-position:inside;
	margin-left:40px;
	padding-left:40px;
}
li.bodytext, ul.2nd {
	list-style-position:outside;
	margin-left:50px;
	padding-left:30px;
}
ul.3rd {
	list-style-position:inside;
	margin-left:40px;
	padding-left:40px;
}*/
.blue_12pxBold {
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #283B6D;
	font-weight:bold;
}
.blue_14pxBold {
	font: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #283B6D;
	font-weight:bold;
}
.black_10pxBold {
	font: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
.black_14pxBold {
	font: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.black_18pxBold {
	font: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
.smalltext {
	font-size:90%;
	vertical-align:top;
}
.red {
	color:#F00;
}
.disclaimer {
	font-size:.85em;
}
.seals {
	vertical-align:middle;
	padding: 0px 10px 0px 0px;
}
/**************** Nav Elements **********************/
.highlights a.highlights, .highlights a.highlights:hover, .details a.details, .details a.details:hover, .rates a.rates, .rates a.rates:hover, .printable a.printable, .printable a.printable:hover, .faq a.faq, .faq a.faq:hover, .idtheft a.idtheft, .idtheft a.idtheft:hover {
	/*	background: #E3E7EE;
	border:2px solid #E3E7EE; */
	text-decoration: none;
	cursor: default;
	color: black;
}
.susabuttons img {
	vertical-align: middle;
}
/**************** SUSA Specific *********************/
.policyname, .quote, .button, .limit, .benefitheading, .benefit, .preferredtitle, .label, .sublimitlabel, .rate {
	text-align:center;
}
/*td h2, td h3, td h4, td h5, td h6 {
	display:inline;
}*/
.preferredtitle h2, .preferredtitle h3, .preferredtitle h4 {
	text-align: center;
	color: #C00;/*lighter #DA5858;*/
	padding: 2px 5px;
}
.policyname {
	vertical-align:top;
	padding: 2px 5px;
}

/************** Generic Classes *******************/

.right {
	float: right;
	margin: 5px 0 2px 10px;
}
.left {
	float: left;
	margin: 5px 10px 2px 0;
}
.clear {
	clear:both;
	height:0;
	font-size: 0;
	line-height: 0;
}
/************** Link Styles *******************/

a img {
	border: none;
}
a {
	color: #003399;
}
a:hover {
	color:#638AC5;
}
/************** Box Styles *******************/

div.graybox {
	border: 1px dotted #333;
	float: right;
	width:225px;
	padding: 5px;
	margin: 15px;
	background-color: #DBDBDB;
}
div.graybox h1 {
	color: #333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	margin: 0 0 2px 0;
}
div.graybox h4 {
	color: #333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	margin-top: 0px;
}
div.graybox li {
	color: #333;
	list-style-position:outside;
	list-style:disc;
	font-size:.8em;
	line-height:1.5;
	margin-left:-15px;
}
div.grayboxsmall {
	border: 1px dotted #333;
	float: right;
	width: 150px;
	padding: 5px;
	margin: 15px;
	background-color: #DBDBDB;
}
* html .compareandbuy {
	width: 98%; /*ie extra space before tables fix*/
}
.compareandbuy {
	font-size:95%;
	vertical-align:top;
	padding: 4px;
	width:99%;
}
* html .comparison {
	width: 98%; /*ie extra space before tables fix*/
}
.comparison {
	width:99%;
}
.comparison td {
	border: solid 1px #F6F6F6;
	padding:5px;
	border-collapse:collapse;
}
tr.benefitsfirst, td.benefitsfirst {
	background:#CCD3E1;
}
tr.benefitseven, td.benefitseven {
	background: #E3E7EE;
}
tr.benefitsodd, td.benefitsodd {
	background: #F2F2F2;
}
compareandbuy, .compareandbuy td {
	font-size:90%;
	vertical-align:top;
	padding:2px;
	border: solid 1px #666666;
}

/**************** SUSA Specific Table Styles *********************/
* html .ratechart {
	width: 98%; /*ie extra space before tables fix*/
}
.ratechart {
	font-size: .85em;
	width:99%;
}
.ratechart td {
	padding:0px;
}
.florida {
	font-size: 1.2em;
}
.button td {
	padding: 10px 0px;
}
table.highlight {
	padding:0px;
}
td.highlight {
	border: 0px 5px solid #FFF;
	vertical-align:top;
	background-color: #F6F6F6;
}
* html .benefitchart {
	width: 98%; /*ie extra space before tables fix*/
}
.benefitchart {
	width:99%;
}
table.benefitchart, table.ratechart {
	border-collapse: collapse;
}
.standard {
	background-color: #F6F6F6;
}
.preferred {
	background-color: #FBF2E1;
}
.limit {
	padding: 5px 0px;
}
.sublimit {
	font-size: .85em;
	text-align: center;
	padding: 5px 0px;
}
.label {
	text-align:left;
	padding: 5px 0px;
}
.sublimitlabel {
	text-align:left;
	padding: 5px 0px;
}
.policyname {
	vertical-align:top;
	padding: 2px 5px;
}
.policyname h2, h3, h4, h5, h6 {
	color:#000;
}
/**************** Plan Borders *********************/

.plantop {
	border-top: 1px solid #CCC;
}
.preferredplantop {
	border-top: 1px solid #C66;
}
.planbottom {
	border-bottom: 1px solid #CCC;
}
.preferredplanbottom {
	border-bottom: 1px solid #C66;
}

/**************** SUSA Columns *********************/

#lowprice, #confirmation, #waiver {
	width: 33%;
	position:relative;
	float:left;
}
div#lowprice, div#confirmation, div#waiver {
	margin-bottom:20px;
}
/************** Link Styles *******************/
.middle {
	vertical-align:middle;
}
.highlightwrap {
	width: 99%;
	float: left;
	padding-bottom: 20px;
}
.col1 {
	width: 31%;
	float: left;
	margin-left: 0;
}
.col2 {
	width: 34%;
	float: left;
}
.col3 {
	width: 31%;
	float: left;
}
.col2, .col3 {
	margin-left: 2%;
}
