* {
	margin:0px; padding:0px;
}
body   {
	margin:0px;
	margin-bottom:20px;
	background-color: #ECE3C4;	
}
body, input, select, textarea {
	/*font-size:small;*/
	font-family: "trebuchet ms", Arial, Verdana, Helvetica, Tahoma, sans-serif;
}
/*p, td, th, body, input, textarea, select*/
#wrapper2, input, select, textarea {
	font-size:90%;
}

/* layout divs */
#wrapper1 { text-align:center; }
#wrapper2 { text-align:left; margin: 0px auto;
			width:817px;  background-color: #FFFFFF;
}
#wrapper3 { }


#header {
	padding:10px 20px;
	background-color:#ffffff;
}
#header span {
	color:#FCC42F;
	font-size:160%;
	font-weight:bold;
}
#loggedInBar {
	padding:5px 5px;
	background-color:#FFFF00;
}
/*#header div.left {
	margin-top:40px;
}*/
#brandLogo { 
	padding-left:0;
	padding-top:75px;
}

#productLogo { 
	padding-top:0px; 
	padding-right:7px;
	padding-bottom:5px;
}
img.beAssured {
	padding-bottom:10px;
	margin-bottom:10px;
}

#subHeader {	
	padding:3px 30px 3px 30px;
	 /* have to take off top padding = 31-7*/
	
	background-color:#6984B9;
	/*background-image:url(../images/tiles/subHeader.gif);
	background-position:top left;
	background-repeat:repeat-x;	*/
	border-top:1px solid #ffffff;
	
	/*font-weight:bold;*/
	color:#ffffff;
}
#mcWrapper {
	width:817px;
	float:left;
	/*background-image: url("../images/tiles/FAC000_gradient.jpg");
	background-position:top left;
	background-repeat:repeat-x;*/
}
#mainContainer {	
	float:left;
	width:797px;
	padding:20px 20px 20px 0px;	
	/*border:1px solid #000000;*/
}
#contentContainer {  /* maincontainer - navleft - 1 */
	width:616px;
	float:left; 
}
#content {
	width:395px;
	padding: 0px 20px 0px 20px;
	float:right;
	margin-right:0px;
	
}
#navLeft {
	width:160px;
	float:left;
	padding:0px 20px 40px 0px;
	border-right:1px dotted #DADADA;
	
}
#navRight {
	width:160px;
	float:right;
	padding:0px 0px 0px 20px;		
	border-left: 1px dotted #dadada;
}
#footer {
	border-top: 1px solid #828282;

}
#footer {
	background-color:#3E5686;
	background-image:url(../images/boxes/cnr_jersey_left.gif);
	background-position:bottom left;
	background-repeat:no-repeat;	
	color:#ffffff;	
}
#footerWrapper {
	padding:20px 20px;
	background-image:url(../images/boxes/cnr_jersey_right.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	
}
#footerWrapper div.right {  text-align:right;}
#footerWrapper div.left {   }
#footer p { padding-bottom:10px;}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
div.left {
	float:left;
}
div.right {
	float:right;
}

/* layout uses a default three column format. we can have other formats too: oneCol, twoColLeft, twoColRight */
/* oneCol */
body.oneCol #contentContainer {
	width:797px;
}
body.oneCol #content {
	width:757px;
}
body.oneCol #navLeft, body.oneCol #navLeft {
	width:0px;
	border-right:0px none #ffffff;
	padding:0px;
}
body.oneCol #contentContainer {
}
/* twoColLeft */
body.twoColLeft #contentContainer {
	width:797px;	
}
body.twoColLeft #content {
	width:596px;		
	padding-right:0px;
}
body.twoColLeft #navRight {
	width:0px;
	border-left:0px none #ffffff;
	padding:0px;
}
/* twoColRight */
body.twoColRight #contentContainer {
	width:797px;	
}
body.twoColRight #content {
	width:576px;		
	padding-left:20px;
}
body.twoColRight #navLeft {
	width:0px;
	border-right:0px none #ffffff;
	padding:0px;
}


/* navigation */
#navigation {
	/*width:160px;*/
	padding:0px 0px 20px 0px;
}
#navigation ul{
	/*list-style-type:none;
	margin:0px;
	padding:0px;			*/
	list-style-type:none;
	display:block;
	margin:0px;
	padding:0px;	
	width:160px;
} 	
#navigation ul li{	
	/*margin:0px;
	padding:5px 0px 5px 10px;
	margin-bottom:1px;
	border-bottom: 1px solid #d1d1d1;*/
	background-image:url(../images/nav/jersey_nav_off.gif);
	background-repeat:repeat-y;
	background-position:top left;			
	margin:0px;
	padding:0px;
	margin-bottom:1px;
}
#navigation ul li.last {	
	/*border-bottom: 0px none #d1d1d1;
	padding:5px 0px 0px 10px;*/
}
#navigation ul li.first {	
	/*padding:0px 0px 5px 10px;*/
}
#navigation ul li a {
	/*color:#9B9B9B;
	font-weight:bold;
	text-decoration:none;	
	display:block;	*/
	color:#6F6F6F;
	text-decoration:none;
	
	padding-left:30px;
	padding:2px 0px 2px 30px;
	/*take out for IE6 */
	/*width:130px;*/
	/* NEW */
	display:block;
	/*border:1px solid #000000;*/
}	
/* hover and on states */
#navLeft ul li a:hover,
body#step1 a#step1, 
body#aboutOurServices a#aboutOurServices,
body#policySummary a#policySummary,
body#policyWording a#policyWording,
body#documentation a#documentation,
body#acceptableActivities a#acceptableActivities,
body#faq a#faq,
body#contactUs a#contactUs,
body#howWeCompare a#howWeCompare,
body#makingAClaim a#makingAClaim,
body#termsAndConditions a#termsAndConditions,
body#privacyPolicy a#privacyPolicy,
body#acceptacleActivities a#acceptacleActivities,
body#howweCompare a#howweCompare {
	/*color:#0D418D;
	background-image:    url("../images/nav/FAC000_nav_arrow_on_blue.gif");	
	background-repeat:no-repeat;	
	background-position:right;		*/
	background-image:url(../images/nav/jersey_nav_on.gif);
	background-repeat:repeat-y;
	background-position:top left;
	color:#ECE3C6;
}
#navLeft ul li a span {
	display:block;
}
#navLeft ul li a:hover span,
body#step1 a#step1 span, 
body#aboutOurServices a#aboutOurServices span,
body#policySummary a#policySummary span,
body#policyWording a#policyWording span,
body#documentation a#documentation span,
body#acceptableActivities a#acceptableActivities span,
body#faq a#faq span,
body#contactUs a#contactUs span,
body#howWeCompare a#howWeCompare span,
body#makingAClaim a#makingAClaim span,
body#privacyPolicy a#privacyPolicy span,
body#termsAndConditions a#termsAndConditions span,
body#acceptacleActivities a#acceptacleActivities span,
body#howweCompare a#howweCompare span
	 {
	background-image:url(../images/nav/jersey_nav_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;		
}

/* general styles */
img { border:0px}
.clear { clear:both; }


h1, h2, h3, h4, h5, h6 {
	font-size:130%;
	font-weight: bold;
	
	color: #6985B7;
	padding-bottom:10px;
	font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
}
h1 {	
	font-size:medium;
}
h1 span {
	color:#35C4C8;
}
h2 {
	font-size:130%;
}
#faq h2 {
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1d1d1;
	margin-bottom:10px;
*/}
h3 {
	font-size:100%;
}
p {	padding-bottom:15px;
}
#footer  p {
	
}
img#callback {
	padding: 0px 0px 20px 0px;
}


/* special width for retieve details form */
input.retrieve {
	margin-bottom:10px;
	width:100px;
	padding:2px 7px 2px 7px;
}

#retrieveDetails {
	padding-left:20px;
	
}
#retrieveDetails input.button {
	margin-top:0px;
}
#retrieveDetails h2, #progressPanel h2  {
	font-size:120%;
}


/* progress panel */
#progressPanel {
	padding:0px 0px 22px 0px;
}
#progressPanel h2 {
	color: #6984B9;
	padding:0px 0px 0px 0px;
}
#progressPanel #title, #progressPanel #details {
	padding:0px 12px;
}
#progressPanel #title {
	padding-top:10px;
}
#progressPanel #numbers {
	background-color:#FFFFFF;
	color:#000000;		
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#progressPanel #numbers ol{
	list-style-type:none;
	display:inline;
	width:100%;
	margin-left:0px;
}
#progressPanel #numbers li {
	float:left;
	background-color:#DCD9D2;
	color:#FFFFFF;
	font-weight:bold;
	width:26px;
	margin-right:1px;
	/*padding: 2px 0px 2px 0px;	*/
}
body#step1 li#step1,
body#step2 li#step2,
body#step3 li#step3,
body#step4 li#step4,
body#step5 li#step5,
body#step6 li#step6 {
	background-color:#6984B9;
	background-position:bottom;
	background-repeat:no-repeat;
}
#progressPanel #numbers a {
	color:#FFFFFF;
	text-decoration:none;
	width:26px;
	display:block;
	background-color:#DCD9D2;
	
}
#progressPanel #numbers a:hover {
	width:26px;
	background-color:#6984B9;
}

#progressPanel #numbers li.last {		
	width:25px;		
	margin-right:0px;
}
#progressPanel #numbers li.last a {
	width:25px;		
	
}
#progressPanel #numbers li.last a:hover {
	width:25px;		
	
}


#progressPanel #details {	
	padding:12px 12px;
}
#progressPanel #details h3 {
	color: #7D7D7D;
	font-size: 100%;
	font-weight:normal;
	padding:0px 0px 5px 0px;
}
#progressPanel #details p {
	font-size: 100%;
	color: #6984B9;
	font-weight: bold;
	margin:0px 0px 0px 0px;
}
img.calendar {
	vertical-align:top;
}