/* ///// COMMON //////////////////////////////////////// */

* {
	padding: 0;
	margin: 0;
}

.clear:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 

.clear {
	display:inline-block;
} 

.clear {
	display:block;
}

/* ///// BODY //////////////////////////////////////// */

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-image: url(../images/body-background.gif);
	background-repeat: repeat-x;
}

/* ///// WRAPPER //////////////////////////////////////// */

div#Wrapper {
	width: 950px;
	margin: 0 auto;
}

/* ///// HEADER //////////////////////////////////////// */

div#Header {
	height: 127px;
}

div#Logo {
	position: absolute;
	margin: 38px 0 0 30px;
}

div#Logo h1 {
	font-size: 25px;
	color: #002f7a;
	display: block;
}

div#Logo h2 {
	font-size: 16px;
	color: #002f7a;
	display: block;
	font-weight: normal;
	margin: 0 0 0 3px;
}

div#HeaderLink {
	position: absolute;
	margin: 101px 0 0 857px;
}

div#HeaderLink a {
	font-size: 12px;
	color: #004692;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 10px;
}

div#HeaderLink a:hover {
	text-decoration: underline;
}

/* ///// NAVIGATION //////////////////////////////////////// */

div#Navigation {
	height: 68px;
}

div#Navigation .Top {
	height: 32px;
}

div#Navigation .Bottom {
	height: 35px;
}

div.NavigationStyle {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 2px;
}
	
div.NavigationStyle ul {
    margin: 0;
    padding: 0;
    list-style: none;
	float: left;
	display: inline;
}

div.NavigationStyle li {
    float: left;
    background: url(../images/navigation-right.gif) no-repeat left top;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.NavigationStyle li:hover {
    background: url(../images/navigation-right-on.gif) no-repeat right top;
}
	
div.NavigationStyle a  {
    display: block;
    background: url(../images/navigation-left.gif) no-repeat left top;
	color: #0f3562;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 25px 11px 27px;
}

*html div.NavigationStyle a {
    display: block;
    background: url(../images/navigation-left.gif) no-repeat left top;
	color: #0f3562;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 25px 9px 27px;
}

div.NavigationStyle a:hover {
    background: url(../images/navigation-left-on.gif) no-repeat left top;
	color: #ffffff;
}

*html div.NavigationStyle a:hover {
    background: url(../images/ie_navigation-on.png) no-repeat left top;
	color: #ffffff;
}

div.NavigationStyle .current {
    background: url(../images/navigation-on-hover.png) no-repeat left top;
	color: #ffffff;
}

div#Navigation .TabContainer {
	height: 30px;
	display: block;
	float: left;
	font-size: 11px;
	color: #ffffff;
	margin: 6px 0 0 10px;
}

*html div#Navigation .TabContainer {
	height: 26px;
	display: block;
	float: left;
	font-size: 11px;
	color: #ffffff;
	margin: 10px 0 0 5px;
}

div#Navigation .TabContainer a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	margin: 0 19px 0 19px;
}

div#Navigation .TabContainer a:hover {
	text-decoration: underline;
}

div#Navigation .TabContent {
	display:none;
}

/* ///// TEASER //////////////////////////////////////// */

div#Teaser {
	height: 279px;
}

div#TeaserImage {
	width: 485px;
	height: 279px;
	background-image: url(../images/teaser-image.jpg);
	background-repeat: no-repeat;
	position: absolute;
	margin: 0 0 0 27px;
}

div#TeaserCompare {
	width: 415px;
	height: 237px;
	background-image: url(../images/compare-box.gif);
	background-repeat: no-repeat;
	position: absolute;
	margin: 42px 0 0 518px;
}

div#TeaserCompare h1 {
	font-size: 18px;
	color: #002f7a;
	display: block;
	position: absolute;
	margin: 12px 0 0 27px;
}

div#CompareZipcode {
	position: absolute;
	margin: 68px 0 0 27px;
}

div#CompareZipcode label {
	font-size: 12px;
	color: #002f7a;
	font-weight: bold;
	float: left;
	margin: 8px 25px 0 0;
}

div#CompareZipcode input {
	width: 122px;
	background-image: url(../images/compare-field.gif);
	background-repeat: no-repeat;
	border: none;
	font-size: 14px;
	color: #8f8f8f;
	padding: 7px 0 7px 9px;
	float: left;
}

div#CompareRate {
	position: absolute;
	margin: 106px 0 0 27px;
}

div#CompareRate label {
	font-size: 12px;
	color: #002f7a;
	font-weight: bold;
	float: left;
	margin: 8px 26px 0 0;
}

div#CompareRate input {
	width: 122px;
	background-image: url(../images/compare-field.gif);
	background-repeat: no-repeat;
	border: none;
	font-size: 14px;
	color: #8f8f8f;
	padding: 7px 0 7px 9px;
	float: left;
}

div#CompareButton {
	position: absolute;
	left: 311px;
	top: 68px;
}

div#CompareButton input {
	width: 72px;
	height: 83px;
	border: none;
	background-image: url(../images/compare-button.gif);
	cursor: pointer;
}

div#CompareValue {
	font-size: 12px;
	color: #4e4e4e;
	position: absolute;
	margin: 172px 0 0 28px;
}

div#Provider {
	height: 77px;
}

div#Provider .Logos {
	width: 904px;
	height: 60px;
	background-image: url(../images/provider.gif);
	background-repeat: no-repeat;
	margin: 14px 0 0 29px;
}

/* ///// CONTENT //////////////////////////////////////// */

div#Content {
	padding: 20px 0 20px 0;
}

div#Content h2 {
	font-size: 18px;
	color: #002f7a;
	display: block;
	margin: 0 0 5px 0;
}

div#Content p {
	font-size: 12px;
	color: #4e4e4e;
	line-height: 18px;
}

div#Content .Left {
	width: 464px;
	float: left;
	padding: 0 0 0 28px;
}

div#Content .Right {
	width: 415px;
	float: left;
	margin: 0 0 0 27px;
}

div#Content .Big {
	width: 910px;
	float: left;
	padding: 0 0 0 28px;
}

/* ///// CONTENT LAYER //////////////////////////////////////// */


.shadetabs {
	list-style-type: none;
	padding: 5px 0 6px 0;
	font-size: 0px;
}

.shadetabs li {
	display: inline;
	margin: 0;
}

.shadetabs li a {
	text-decoration: none;
	z-index: 1;
	background: white;
	background-image: url(../images/tab-background.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 35px 6px 35px;
	margin: 0 6px 0 0;
}

*html .shadetabs li a {
	text-decoration: none;
	z-index: 1;
	background: white;
	background-image: url(../images/tab-background.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 35px 6px 35px;
	margin: 0 2px 0 0;
}

.shadetabs li a.selected {
	font-weight: bold;
	color: #173152;
	border: 1px solid #e1e1e1;
	border-bottom: 2px solid #ffffff;
	background: #ffffff;
	padding: 4px 35px 6px 35px;
}

.shadetabs li a.selected:hover {
	text-decoration: none;
}

.tabcontent {
	display: none;
	padding: 0 14px 1px 14px;
	background-image: url(../images/tabbox-background.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 305px;
}

.tabcontentbox {
	font-size: 0px;
	padding: 12px 0 12px 0;
}

.tabcontentbox span a {
	font-size: 12px;
	color: #173152;
	display: inline;
	margin: 0 0 4px 0;
	text-decoration: none;
	font-weight: bold;
}

.tabcontentbox span h3 {
	font-size: 12px;
	color: #173152;
	display: block;
	margin: 0 0 4px 0;
	text-decoration: none;
	font-weight: bold;
}

.tabcontentbox span a:hover {
	text-decoration: underline;
}

.tabcontentbox span {
	font-size: 12px;
	color: #4e4e4e;
	line-height: 18px;
	position: absolute;
	width: 387px;
}

.tabcontentbox img {
	margin: 5px 10px 0 0;
}

/* ///// FOOTER //////////////////////////////////////// */

div#FooterWrapper {
	height: 92px;
	background-image: url(../images/footer-background.gif);
	background-repeat: repeat-x;
}

div#Footer {
	font-size: 12px;
	color: #4e4e4e;
	width: 950px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0 0 0;
}

div#Footer b {
	display: block;
	margin: 0 0 10px 0;
}

div#Footer a {
	font-size: 12px;
	color: #4e4e4e;
	text-decoration: none;
	margin: 0 15px 0 0;
}

div#Footer a:hover {
	text-decoration: underline;
}