/* Style.css
/* 
/* Discription: Contains main styles for the Personal Lines website pages.  This
/* file is W3c Complient and does not contain any IE specific hacks.
/*
/* Written by: CGI interactive (original)
/*
/* Modificiation History:
/* 12/??/2009 - CGI Interactive Creation for CGIs version of the site
/* 01/??/2010 - Ryan DesRoches -  Modified so that site fits within a Hanover 'theme'
/* 01/29/2010 - Ryan DesRoches - File made W3C complent, all IE hacks have been moved to ie6.css or ie.7.css
/*
/*******************************************************************************************************************/

p
{
	margin: 1em 0 1em 0;
	padding-right:7px;
}

#wrapper
{
	width:995px;
	text-align:left;

}
#topNav
{
	padding:0px;
	margin:0px;
	background:url(img/backNav.jpg) top left repeat-x;	
	height:28px;
	position:relative;
	
}
#findAgentNav
{
	float:left;
	cursor:pointer;	
}
#theNav
{
	list-style-type:none;
	font-family:arial;
	color:#ffffff;
	font-weight:bold;
	font-size:.84em;
	text-transform:uppercase;
	padding:0px;
	margin:0;
	width:614px;
	height:28px;
	margin-left:119px;
}

#theNav a
{
	color:#ffffff;
	text-decoration:none;
}

#homeLink
{
	height:70px;
	width:240px;
	position:absolute;
	top:15px;
	left:6px;	
	cursor:pointer;
}

#dropShad
{
	background:url(img/dropShad.jpg) 0 0px repeat-x;
	height:11px;
	width:100%;
	position:absolute;
	z-index:5;
}

#theNav li
{
	float:left;
	height:28px;
	padding:5px 5px 5px 5px;
	background:url(img/backNav.jpg) top left repeat-x;	
	line-height:18px;	
	border-right:1px solid #64889d;	
	cursor:pointer;
}
#theNav li:hover,#theNav li a:hover
{
	background:#53819f ;	
	
}
#theNav li a
{
	display:block;
	height:18px;
	width:110px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;

}

#bubNav
{
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	left:506px;
	top:0px;
	z-index:1000;
	width:355px;
	font-family:Arial, Helvetica, sans-serif;
}

#bubNav li
{
	float:left;	
	font-size:20px;
	width:120px;
	margin:5px 25px 10px 25px;
	height:40px;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	color:#006f51;
	cursor:pointer;

}

#bubNav li a
{
	color:#006f51;
	text-decoration:none;

}
#bubNav li ul
{
	list-style-type:none;
	margin:8px 0 0 0;
	padding:0;
	margin-left:-50px;
	z-index:1000;
	
}



#bubNav li ul li
{
	background-color:#53819f;
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	width:196px;
	height:29px;
	font-size:13px;
	margin: 0px 10px;
	border-bottom:1px solid #82a3b8;
}
#bubNav li ul li a
{
	display:block;
	width:196px;
	height:29px;
	color:#ffffff;
	text-decoration:none;
}
#bubNav li ul li a:hover
{
	background:url(img/dropBack.jpg) top left repeat-x;
}
#bubNav li ul li:hover
{
	background:url(img/dropBack.jpg) top left repeat-x;
}
#bubbleNavArea
{
	background:url(img/navBubbleTop.gif) no-repeat;
	height:73px;
	position:relative;
	z-index:3;
}
#bubbleNavAreaInt
{
	background:url(img/topBackInterior2.jpg) top right no-repeat;
	height:60px;
	position:relative;
	z-index:3;
	overflow:none;
}


#homeCalltoAction
{
	float:left;
	margin-top:15px;
	padding-left:15px;
	background:url(img/button.jpg) top left no-repeat;
	width:210px;
	height:53px;
	font-size:9px;
	padding-top:83px;
}

#homeCalltoAction a
{
	color:#006f51;
}	

#homeFlash1,
#homeFlash2
{
	position:relative;
	top:-71px;
	z-index:2;
}



#mainBody
{
	width:995px;
	margin:0 0 0 0;
	padding-bottom:0px;
	position:relative;
}
#textBoxHome
{
	background-color:#dddece;
	height:180px;
	width:995px;
	margin-top:-78px;
	padding-bottom:0;
	margin-bottom:-32px;
}

#textBoxInt
{
	background-color:#dddece;
	height:182px;
	padding-bottom:0;
	margin-bottom:-32px;
}

#textHome
{
	width:670px;
	float:left;
	padding-right:10px;
	padding-left:18px;
	padding-top:31px;
	line-height:20px;
	font-size:12px;
}

#textHome h1
{ 
	padding:0;
	margin:0;
}

#textHome p
{
	padding-top:0;
	margin-top:0;
}

#footer
{
	background-color:#006f51;
	height:20px;
	line-height:20px;
	color:#dee7ec;
	padding-left:36px;
	font-size:1em;
	width:960px;
	float:left;
}
#rightSideFooter
{
	float:right;
	display:inline;
	padding-right:15px;
	text-transform:uppercase;
	color:#b6c9be;
	cursor:pointer;
}

.blueHeader
{
	font-size:1.28em;
	color:#53819f;
	font-weight:bold;
	display:block;	
	padding-bottom:10px;
}

#botNav
{
	background:url(img/bot.jpg) top left no-repeat;
	height:52px;
	max-height:52px;
	width:995px;	
	position:relative;

}

#botNavInt
{
	background:url(img/bottomInt.jpg) top left no-repeat;
	height:52px;
	max-height:52px;
	width:300px;	
	float:left;
	padding-left:720px;
}

#botLinksInt
{
	list-style-type:none;
	width:100px;
	font-size:11px;
	top:35px;
	left:40px;
	position:relative;
}

#ourCompaniesBubble
{
	position:relative;
	left:168px;
	top: 21px;
	text-align:left;
	width:100px;
	font-size:11px;
	
}

#ourCompaniesBubble a,
#botLinks a,
#botLinksInt a{
	color:#80a1b6;
	text-decoration:none;
}
#ourCompaniesBubble a:hover,
#botLinks a:hover,
#botLinksInt a:hover{
	color:#80a1b6;
	text-decoration:underline;
}

#botLinks
{
	list-style-type:none;
	position:absolute;
	top:8px;
	left:738px;
	height:40px;
	width:100px;
}

#botLinks li
{
	float:left;	
	width:40px;
	height:15px;
	margin-top:0px;
	text-align:center;
	padding-left:5px;
	padding-right:2px;
	text-transform:uppercase;
	font-size:.9em;
	color:#80a1b6;
	cursor:pointer;
}

#botLinksInt li
{
	float:left;	
	width:40px;
	height:15px;
	margin-top:23px;
	text-align:center;
	padding-left:1px;
	padding-right:2px;
	text-transform:uppercase;
	font-size:11px;
	color:#80a1b6;
	cursor:pointer;
	
}

#packagesModule
{
	position:relative;	
	margin-top:3px;
}


#p1
{
	background:url(img/packagesModule/p1.jpg) top left no-repeat;
	
	width:684px;
	height:378px;
	position:relative;
	top:0;
	left:0;
}

#p2
{
	background:url(img/packagesModule/p2.jpg) top left no-repeat;
	
	width:684px;
	height:378px;
	position:relative;
	top:0;
	left:0;	
}

#p3
{
	background:url(img/packagesModule/p3.jpg) top left no-repeat;
	
	width:684px;
	height:378px;
	position:relative;
	top:0;
	left:0;
}

#p4
{
	background:url(img/packagesModule/p4.jpg) top left no-repeat;
	width:684px;
	height:690px;
	position:relative;
	top:0;
	left:0;	
}

#premiumTextBox
{
	
}
.pSideNav
{
	padding-top:55px;
	padding-left:8px;
}
.pSideNav span
{
	display:block;
	font-size:22px;
	width:135px;
	height:70px;
	padding:2px 18px;
	text-align:center;
	font-weight:bold;
	color:#5a5a5a;
	cursor:pointer;
}

.pContent
{
	width:420px;
	height:309px;
	position:absolute;
	top:99px;
	left:229px;	
	padding-right:10px;
	color:#5a5a5a;	
	
	font-size:14px;

}

.pContent ul
{
	padding-left:20px;
	padding-right:10px;

}

.pTopText
{
	color:#ffffff;
	font-size:11px;
	font-weight:bold;

	position:absolute;
	top:60px;
	left:221px;	
}

.packages
{
	position:absolute;
	top:18px;
	left:46px;

	color:#a1a1a4;
	font-size:20px;
	text-transform:uppercase;	
}

.pList
{
	background:url(img/greenArrowBullet.gif) top left no-repeat;
	padding-left:15px;
}

.pContent strong
{
	font-size:14px;
	color:#5a5a5a;	
}

.show
{
	visibility:visible;
}

.hide
{
	visibility:hidden;
}

.subHead
{
	color:#8baea1;
	font-size:18px;
	
}

#bread
{
	position:absolute;
	top:2px;
	right:50px;
	color:#b8bc9b;	
}

#bread a
{
	color:#b8bc9b;
	text-decoration:none;	
}

.finalB
{
	color:#80a1b6;	
}

h2
{
	color:#80a1b6;
	font-size:30px;
	font-weight:normal;	
	padding:0;
	margin:3px 0;
}

.leftNav
{
	background:url(img/leftNav.jpg) top right no-repeat;
	height:31px;
	line-height:31px;
	text-align:right;
	padding-right:50px;
	color:#57809e;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
}

h3
{
	color:#57819f;
	font-size:14px;
	margin:0;
	padding:5px 0;
}

#sideContent
{
	padding-left:25px;	
	color:#5a5a5a;

}

#sideContent p
{
	padding-top:0;
	margin-top:0;
}

#sideContent a,
#textBox a
{
	color:#006f51;
	font-family:Arial, Helvetica, sans-serif;
	
}

#sideContent .leftNav a
{
	color:#446b87;
	text-decoration:none;
}	

#sideContent .leftNav a:hover
{
	color:#1a4968;
}

#sideContent p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.sideBox
{
	background:#eef4f8 url(img/lady.jpg) bottom right no-repeat;
	height:190px;
	margin-left:4px;
	padding:5px 15px;
	line-height:17px;
	font-size:14px;
	color:#5c5c5c;
}

.sideBox p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#downloadBox
{
	background:url(img/downloadButton.jpg) top right no-repeat;
	height:35px;
	line-height:32px;
	
	font-size:14px;
	color:#ebf2f6;
	font-weight:bold;
	
	text-align:right;
	padding-right:40px;
	text-transform:uppercase;
	cursor:pointer;
}

#findAgent
{
	background:url(img/findAgent.png) top left no-repeat;;
	width:186px;
	height:	61px;
	float:right;
	cursor:pointer;
}

#findAgentOpen
{
	background:url(img/findAgentOpen.png) top left no-repeat;
	width:197px;
	height:136px;
	padding:55px 25px 0px 25px;
	font-size:12px;
	position:relative;
	left:450px;
	z-index:5;
		
}

#findAgentOpen p
{
	padding-right:2px;
	padding-left:2px;

}

a
{
	color:#065726;

}

#findAgentOpen a
{
	color:#065726;
	font-weight:bold;	
}

.roundGreen
{
	background:url(img/arrowGreenRound.jpg) top left no-repeat;	
	padding-left:25px;
	padding-top:4px;
	line-height:14px;
	margin-bottom:2px;
	margin-top:3px;
}

#findAgentClose
{
	width:84px;
	height:36px;
	cursor:pointer;
	position:absolute;
	right:12px;
	top:12px;
}

#autoBox
{
	width:700px;
	height:576px;
	margin-left:-24px;
	font-family:Arial, Helvetica, sans-serif;
}

#autoItem
{
	position:relative;
}

#autoList
{
	background-repeat:no-repeat;
	position:relative;
	z-index:3;
	padding-bottom:30px;
}

#autoList div
{
	padding-top:17px;
	text-align:right;
	padding-right:5px;	
	font-size:13px;
	color:#8d8b6a;
	text-transform:uppercase;
	font-weight:bold;	
	width:195px;
	cursor:pointer;
	line-height:15px;
	margin-bottom:13px;

}

#autoBoxContent
{
	width:520px;
	height:550px;	
	position:absolute;
	top:0px;
	left:195px;
	font-size:15px;
	color:#5a5a5a;
}



#autoBoxContentMa
{
	width:520px;
	height:550px;	
	position:absolute;
	top:0px;
	left:195px;
	font-size:15px;
	color:#5a5a5a;
}

#autoBoxContentMa div,
#autoBoxContent div
{
	padding-top:55px;
	padding-left:20px;
	position:relative;
	
}


#autoBoxContentMa div ul li,
#autoBoxContent div ul li
{
	padding:0;
	margin-bottom:10px;
}

#rewardsBox
{
	background:url(img/sideBarImg.jpg) top left no-repeat;
	height:78px;
	width:248px;
}


/* The styles below were added by Ryan DesRoches after the original
/* design was handed off in a effort to clean up the code a little bit 
*/

#pdfContainer
{
	padding-left:5px;
	list-style-image:url(img/greenArrowBullet.gif);
}

#Sidebar
{
	width:248px;
	float:left;
	height:200px;	
}

#MainArea
{
	width:686px;
	float:left;
	padding:30px;
	color:#5a5a5a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

#MainArea ul
{
	padding-left:40px;
	list-style:url(img/greenArrowBullet.gif);
}


#MainArea ul li ul
{
	list-style:disc;
	list-style-image:none;
}

.expandedContentHide
{
	position:relative;
	top:-545px;
	width:490px;
	display:none;
}

.expandedContentShow
{
	position:relative;
	top:-545px;
	width:490px;
	display:block;
	z-index:1000;
}

.expandedContentMAHide
{
	position:relative;
	width:485px;
	display:none;
}

.expandedContentMAShow
{
	position:relative;
	width:485px;
	display:block;
	z-index:1000;
	padding-left:5px;
	padding-right:5px;
}


.remove
{
	display:none;
}

.display
{
	display:block;
}

.textBox
{
	width:712px;
	background:#dce6e3;
	padding:7px;
}

.innerTextBox
{
	width:706px;
	padding:5px;
	background:#FFFFFF;
}

/* These Boxes are used for the Auto endorsements pages */

.BigBlueBox
{

	display:none;
	background:#cdddea url(img/boxes/blueBoxLowLeft.gif) left bottom no-repeat;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 3px;
	width:532px;
	position:relative;
	float:right;
	

	
}


.BigBlueBox .BigBlueBox-outer
{
	background:url(img/boxes/blueBoxLowRight.gif) no-repeat right bottom;	
	float:left;
}


.BigBlueBox .BigBlueBox-inner
{
	background:url(img/boxes/blueBoxUpperLeft.gif) no-repeat top left;
	float:left;
}


.BigBlueBox.BigBlueBox-topLine
{
	background:url(img/boxes/blueBoxUpperRight.gif) no-repeat top right;
	width:100%;
	float:left;
}


.BigBlueBox .BigBlueBoxContent
{ 
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	
}

.BigBlueBox .BigBlueBoxContent .SmallWhiteBox
{

	display:block;
	background:#FFF url(img/boxes/WhiteBoxLowLeft.gif) left bottom no-repeat;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 3px;
	float:left;
	
}

.BigBlueBox .BigBlueBoxContent .SmallWhiteBox-outer
{
	background:url(img/boxes/WhiteBoxLowRight.gif) no-repeat right bottom;	
	float:left;

}

.BigBlueBox .BigBlueBoxContent .SmallWhiteBox-inner
{
	background:url(img/boxes/WhiteBoxUpperLeft.gif) no-repeat top left;
	float:left;
}

.BigBlueBox .BigBlueBoxContent .SmallWhiteBox-topLine
{
	background:url(img/boxes/WhiteBoxUpperRight.gif) no-repeat top right;
	width:100%;
	float:left;
	
}

.BigBlueBox .BigBlueBoxContent .SmallWhiteBoxContent
{ 
	padding:10px;
	display:block;
	height:auto;
	float:left;
	
	
}

.BigBlueBox .BigBlueBoxContent .SmallWhiteBoxContent img
{ 
	display:block;
		
}
.endorsements
{
	width:100%;
	display:block;
	float:left;
}

.endorsementTitles
{
	width:150px;
	text-align:right;
	color:#8d8b6a;
	float:left;
	cursor:pointer;
}
	
.endorsementTitles :hover
{
	color: #80a1b6;
	cursor:pointer;
}


.endorsementSingleLine
{
	display:block;
	position:relative;
	width:510px;
	color:#000;
	float:right;
	
}
	
.clearFloats
{
	clear:both;
}

sup
{
	font-size:12px; 
}

#HomeButton
{
	position:relative;
	top:0px;
	left:25px;
}