/*------ General Elements ------*/

a 
{
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #014D93;
}

a:link		{ color: #014D93; text-decoration: none; }
a:visited	{ color: #336699; text-decoration: none; }
a:hover		{ color: #014D93; text-decoration: none; }
a:active	{ color: #014D93; text-decoration: none; }

body 
{
	font-size: 0.8em;
	font-family: Arial, Helvetica, Sans-Serif;
}


/*------ General Classes ------*/

.featureDivider
{
	position: relative;
	float: left;
	padding: 4px 20px 4px 20px;
}

.featureLabel
{
	font-weight: bold;	
	text-transform: uppercase;
	color: #D32232;
}

.featureLink
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
}

.featureLinkContainer
{
	vertical-align: middle;
}

.featureLinkContainer img
{
	margin: 0 0 0 4px;
}

.featureText
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
}

.featureTitle
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}

.floatBottomRight
{
	position: absolute;
	bottom: 5px;
	right: 20px;
}

.floatBottomRightFooter
{
	position: absolute;
	bottom: 0px;
	right: 10px;
}

.floatRightFooter
{
	float: right;
	margin-right: 10px;
}

.floatCenter
{
	width: 100%;
	display: block;
	text-align: center;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.footbox 
{
	width: 233px;
	float: left;
	margin: 0 18px -1px 0px;
}

.footbox .body 
{
	height: 200px;
	border: 1px solid #a8a9ad;
	border-bottom: 0;
	border-top: 0;
	background-color: White;
	position: relative;
}

.footbox .footer 
{
	height: 15px;
	background: url(../_images/foot_box_bottom_big.gif) no-repeat top left;
}

.footbox .foot_title
{
    text-transform: uppercase;
    color: #D32232;
    font-weight: bolder;
    margin: 0 10px 5px 10px;
    border-bottom: 1px solid #D32232;
    line-height: 11px;
}

.footbox .header 
{
	height: 15px;
	width: 100%;
	background: transparent url(../_images/foot_box_top_big.gif) no-repeat top left;
}

.footerLeft 
{
	float: left;
	width: 390px;
	text-align: right;
	padding: 19px 0 14px 0;
	color: #666;
	font-size: .91em;
	position: relative;

}

.footerLeft a 
{
	font-size: .91em;
}

.footerCenter
{
	display: block;
	margin: 0 auto;
	width: 212px;
}

.footerRight
{
	float: right;
	width: 355px;
	text-align: left;
	padding: 19px 0 14px 0;
	color: #666;
	font-size: .91em;
	position: relative;
}

.footerRight a 
{
	font-size: .91em;
}

.footerText
{
	font-size: 11px;
	color: #000000;
	margin: 0 10px 10px 10px;
}

.footerText ul
{
	position: relative;
	margin: 0 0 0 20px;
	list-style-position: outside;
	font-weight: bold;
	color:#005FAD;
	padding:0px;
	list-style-image:url('../_images/footerbullet_03.png');
}

.footerText li
{
	margin: 8px 0 0 0;
}

.hidden
{ 
	visibility: hidden;
	font-size: 0.01em; 
}

.imgCenter 
{
	display: block;
	margin: 0 auto;
}

.innerMiddleBox
{
	height: 125px;
	margin: 10px 23px 10px 19px;
}

.innerBottomBox
{
	height: 276px;
	margin: 10px 20px 10px 20px;
}

.leftimg 
{
	float: left;
	margin: 0px 0px 0px -5px;
}

.rightimg 
{
	float: right;
	margin: 0px -5px 0px 0px;
}

.topNav
{
    height: 54px;
    width: 987px;
    position: absolute;
    top: 127px;
    left: 18px;
}

/*------ General Defined Elements ------*/

#bodyQuickLinks, #bodyHagertyPlus
{
	height: 290px;
}

#bodyCarClub, #bodyFinance, #bodyPCS, #bodyStore
{
	position: relative;
	height: 125px;
}

#boxes
{
	padding-top:10px;
	float: left;
	position: relative;
	width: 100%;
	background:url(../_images/marine-footer-container.jpg) no-repeat 0px -1px;
}

#boxes .first
{
    margin: 0 18px -1px 0;
}

#boxes .last
{
    margin: 0 0 -1px 0;
    float: right;
}

#boxCarClub
{
	margin: 0px 18px 0px 0px;
}

#boxFinance
{
	margin: 0px 18px 0px 0px;
}

#boxInsurance
{
	margin: 0px 18px 0px 18px;
}

#boxPCS
{
	margin: 0px 18px 0px 0px;
}

#boxQuoting
{
	width: 484px;	
	height: 298px;
	background: transparent url(../_images/bg_quote.gif) no-repeat top left;
}

#container
{
	width: 987px;
	margin: 0 auto;
	position: relative;
}

#content
{
	width: 100%;
	float: left;
	position: relative;
	
}

#eyebrowBox
{
    font-family: Arial;
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: 30px;
    height: 75px;
    width: 210px;
}

#eyebrowMenu
{
    color: Black;
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
}

#eyebrowMenu a
{
    color: Black;
    text-decoration: none;
    font-weight: bold;
}

#eyebrowMenu a:hover
{
    text-decoration: underline;
}

#featureFAQS, #featureTestimonials, #featureVideo
{
	position: relative;
	height: 276px;
	float: left;
}

#floatContainer
{
	padding: 0px 0px 0px 1px;
}

#floatContainer, #floatHeader
{
	width: 100%;
	position: relative;
	float: left;
}

#footer 
{
	width: 100%;
	float: left;
	color: #666666;
	text-decoration: none;
	margin-top: 18px;
}

#footer a:link		{ color: #666666; text-decoration: none; }
#footer a:visited	{ color: #666666; text-decoration: none; }
#footer a:hover		{ color: #666666; text-decoration: underline;}
#footer a:active	{ color: #666666; text-decoration: none; }

#footer span
{
	padding: 15px 20px;
}

#boxes img
{
	padding: 0px 5px 0px 5px;
}

#header
{
	width: 1023px;
	margin: 0 auto;
	position: relative;
}

#ucProductFooter_imgProductFooter 
{
	display: block;
	clear: both;
}

#imgRoadside
{
	margin-top: 5px;
	display: block;
	clear: both;
}

#innerQuickLinks, #innerHagertyPlus
{
	margin: 10px 15px 10px 19px;
}

#loginText
{
    color: White;
    position: absolute;
    top: 20px;
    left: 5px;
}

#loginText a
{
    color: White;
    text-decoration: none;
    font-weight: bolder;
}

#loginText a:hover
{
    text-decoration: underline;
}

#topNavHome 
{
	position: absolute; 
	background: transparent; 
	left: 18px;
	bottom: 25px;
	width: 84px; 
	height: 24px;
	z-index: 20;
}

#topNavHome a 
{ 
	display: block; 
	width: 84px; 
	height: 24px;
}

#topNavAuto 
{
	position: absolute; 
	background: transparent; 
	left: 104px;
	bottom: 25px;
	width: 204px; 
	height: 25px;
	z-index: 20;
}

#topNavAuto a 
{ 
	display: block; 
	width: 204px; 
	height: 25px;
}

#topNavMarine
{ 
	position: absolute; 
	background: transparent; 
	left: 310px;
	bottom: 25px;
	width: 204px;
	height: 25px;
	z-index: 20;
}

#topNavMarine a 
{ 
	display: block; 
	width: 204px; 
	height: 25px;
}

#topNavLifestyle
{ 
	position: absolute; 
	background: transparent; 
	left: 516px;
	bottom: 25px;
	width: 204px;
	height: 25px;
	z-index: 20;
}

#topNavLifestyle a 
{ 
	display: block; 
	width: 204px;
	height: 25px;
}

#topNavReadOurStory
{ 
	position: absolute; 
	background: transparent; 
	left: 760px;
	bottom: 28px;
	width: 240px; 
	height: 40px;
	z-index: 20;
}

#topNavReadOurStory a 
{ 
	display: block; 
	width: 240px; 
	height: 40px;
} 

#topNav
{
	background-image: url(../_images/nav_marine.png);
	background-repeat: no-repeat;
    background-position: left top;
}

#ucGetQuote
{
	position: relative;
	top: 80px;
	left: 20px;
	width: 200px;
}

#wrapper
{
	width: 1023px;
	margin: 0 auto;
	position: relative;
}






/*########################################
NEW BOX DESIGN
########################################*/

.newboxcontainer
{
	margin-top:18px;
}

.oneCol, .twoCol, .threeCol, .fourCol
{
	float: left;
}

.oneCol .newboxheader
{
    width:233px;
}

.twoCol .newboxheader
{
    width:484px;
}

.threeCol .newboxheader
{
    width:734px;
}

.fourCol .newboxheader
{
    width:987px;
}

.newboxhead
{
    height:7px;
    font-size:0px;
}

.newboxheader
{
    height:24px;
}

.newboxheader_middle
{
	position:relative;
	float:left;
	height:7px;
	background-image: url(../_images/box_header_fill.png);
	background-repeat: repeat-x;
	background-position: top;
}

.newboxheader_leftcorner
{
	position:relative;
	float:left;
	width:7px;
	height:7px;
	background-image: url(../_images/box_bg.png);
	background-repeat: no-repeat;
	background-position: 0 -24px;
	font-size:1px;
}

.newboxheader_leftend
{
	position:relative;
	float:left;
	width:10px;
	height:24px;
	left:0px;
	background-color: transparent;
	background-image: url(../_images/box_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.oneCol .newboxheader_label
{
    width:203px;
}

.twoCol .newboxheader_label
{
    width:454px;
}

.threeCol .newboxheader_label
{
    width:704px;
}

.fourCol .newboxheader_label
{
    width:957px;
}


.newboxheader_label
{
	position:relative;
	float:left;
	height:19px;
	background-image: url(../_images/box_header_filler.png);
	background-repeat: repeat-x;
	background-position: top;
	display:block;
	text-transform:uppercase;
	color:#D32232;
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;
}

.newboxheader_rightcorner
{
	position:relative;
	float:right;
	width:7px;
	height:7px;
	background-image: url(../_images/box_bg.png);
	background-repeat: no-repeat;
	background-position: -7px -24px;
	font-size:1px;
}

.newboxheader_rightend
{
	position:relative;
	float:right;
	width:10px;
	height:24px;
	background-image: url(../_images/box_bg.png);
	background-repeat: no-repeat;
	background-position: -10px 0;
}

.oneCol .newboxbody, .oneCol .newboxbody2
{
    width:231px;
}

.twoCol .newboxbody, .twoCol .newboxbody2
{
    width:474px;
    padding-left:8px;
}

.threeCol .newboxbody, .threeCol .newboxbody2
{
    padding-left: 8px;
    width:724px;
    position:relative;
}

.fourCol .newboxbody, .fourCol .newboxbody2
{
    width:985px;
    position:relative;
}

.newboxbody
{
	height:auto;
	background-color:white;
	border:1px #a5a5a5 solid;
	border-bottom:none;
	overflow:hidden;
}

.newboxbody2
{
	height:auto;
	background-color:white;
	border-left:1px #a5a5a5 solid;
	border-right:1px #a5a5a5 solid;
	overflow:hidden;
}

.oneCol .newboxfooter
{
    width:233px;
}

.twoCol .newboxfooter
{
    width:484px;
}

.threeCol .newboxfooter
{
    width:734px;
}

.fourCol .newboxfooter
{
    width:987px;
}

.newboxfooter
{
	height:7px;
	bottom:0px;
	left:0px;
}

.newboxfooter_leftend
{
	position:relative;
	float:left;
	width:7px;
	height:7px;
	left:0px;
	background-image: url(../_images/box_bg.png);
	background-repeat: no-repeat;
	background-position: 0 -31px;
}

.oneCol .newboxfooter_middle, .oneCol .newboxheader_middle
{
    width:219px;
}

.twoCol .newboxfooter_middle, .twoCol .newboxheader_middle
{
    width:470px;
}

.threeCol .newboxfooter_middle, .threeCol .newboxheader_middle
{
    width:720px;
}

.fourCol .newboxfooter_middle, .fourCol .newboxheader_middle
{
    width:973px;
}

.newboxfooter_middle
{
	position:relative;
	float:left;
	height:7px;
	background-image: url(../_images/box_footer_filler.png);
	background-repeat: repeat-x;
	background-position: top;
	
}

.newboxfooter_rightend
{
	position:relative;
	float:right;
	width:7px;
	height:7px;
	background-image: url(../_images/box_bg.png);
	background-repeat: no-repeat;
	background-position: -7px -31px;
	
}