@charset "utf-8";
/* CSS Document 

	Ellisinsurance.ca Screen Styles

	Table of Contents 
		layout
		typography
		forms
*/

/* layout */


* 					{margin:0;padding:0;}
body 				{background:#484245 url(images/bkrnd.jpg) repeat-x; margin-bottom:20px;}
#page 				{margin-top: 20px;}
#wrapper 			{width:953px; background:#FFF; text-align:left; margin:0px auto; position:relative; border-left:10px solid white; border-right:12px solid white; border-bottom: 10px solid white;}
#header 			{text-align:center; width:953px; height:102px;margin:0px auto; position:relative; background: #fff url(../images/header.jpg) no-repeat 0px 10px;}
#nav 				{width:953px; height:25px; margin:0px auto; margin-top: 10px;margin-bottom: 12px; text-align:center; background:#79260E url(images/nav/NAV_bkrnd.jpg) repeat-x;}

#mainContent a:link, #mainContent a:visited {
	color: #6F230D;
	text-decoration: none;	
}

/* Table formatting 
----------------------------------------------- */

#mainContent table, #mainContent td, #mainContent tr {
	
}

#mainContent table p {
	margin-bottom:0px;
	padding:5px;
	line-height:1.3em;
}

.tableFormat {background: #FCFBF8;}
.tableFormat td {border: 1px solid #842A0F;}
.tableFormat p {margin-top:0px;}

#mainContent .tableHeading {
	background: #842A0F url(../images/table_heading.jpg) repeat-x;
	color: #fff;
	font-weight: bold;
}

#mainContent .tableHeading p {
	margin-top:3px;	
	color: #fff;
	
}
#mainContent .tableGrid {margin-top: 10px;margin-bottom: 25px;background: #FAFAEF}
#mainContent .tableGrid h5 {
	font-size: 14px;
	font-weight: normal;
}
#mainContent .tableGrid td {
	padding:4px;
	font-size: 13px;
	border-bottom: 1px dashed #EDE8C9;
}

#mainContent a:hover, #mainContent a:active {
	color: #FF9900;
	text-decoration: underline;
}
	
hr {
color: #D1E4EE;
background-color: #D1E4EE;
height: 5px;
border: none;
margin-bottom: 10px;
}

#pageImage {}

#mainContent {
	padding-left: 10px;
	padding-top:10px;
	padding-right: 15px;
	width: 630px;
	float: left;
	background: #fff;
}

#secondaryContent {
	width: 282px;
	float: right;
}

#getaquote {
	width: 269px;
	height:172px;
	margin-bottom: 8px;
}

#sideNav {width:269px;margin-bottom: 8px;}

#footer {
	width: 953px;
	padding-top: 10px;
	height: 32px;
	text-align: left;
	margin: 0px auto;
	background: #79260E  url(images/footer_url.gif) no-repeat 789px 0px;
}

#footer .email {
	float: left;
	width: 300px;
}

#footer .wwwaddress {
	float: right;
	width:300px;
	text-align: right;
	margin-right: 10px;
}



.clear {clear:both;}

.imageAlignRight {
	float: right;
	display:inline;
	margin-left: 10px;
	margin-bottom: 10px;	
}

.imageAlignLeft {
	float: left;
	margin-right: 10px;
}

/* Typography
---------------------------------------------------------------------------------// */

body {font-size: 62.5%; font-family:Arial, Helvetica, sans-serif;}

h1 {font-size:2em;}  /* displayed at 24px */
H2 {font-size:1.5em;}  /* displayed at 18px */
H3 {font-size:1.25em;}  /* displayed at 15px */
H4 {font-size:1em;}  /* displayed at 12px */


p {	line-height: 1.4em;	margin: 0.5em 0 1.5em 0; }


#headerContactInfo {
	width: 400px;
	float: right;
	margin: 80px 18px 0px 0px;
	text-align: right;
}
#headerContactInfo ul {
	list-style-type: none;
}
#headerContactInfo ul li {
	display: inline;
	padding: 0px 7px 0px 5px;
	margin: 0px 0px 0px 0px;
}



#headerContactInfo a, #headerContactInfo li  {
	text-decoration: none;
	color: #6F230D;
	font-size: 12px;
	font-weight: bold;	
}

#headerContactInfo li.first {
	border-right: 1px solid #AC9F77;
}

#mainContent p {
	margin-right: 10px;
	line-height: 1.7em;
	font-size: 1.3em;
	text-align:left;
	color: #000;
}


#mainContent h1 {
	color: #6F230D;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left:-3px;
	font-size: 32px;
	letter-spacing: -.05em;
	font-weight: normal;
	margin-bottom: -5px;
}

#mainContent h2 {
	color: #6F230D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	line-height: 1.4em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: -2px;
	letter-spacing: -.05em;
}

#mainContent h3 {
	color: #6F230D;		
	font-weight: bold;
	border-bottom: 1px dashed #C5A69D;
	margin-bottom: 10px;
	margin-right:25px;
	text-transform: uppercase;

}

#mainContent h4 {
	font-size: 22px;
	color: #333;
	font-weight: normal;
	letter-spacing: -.03em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: -5px;
}

/* Styles bullets in mainContent area */

#mainContent ul {
	list-style-type: none;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 40px;
}

#mainContent ul ul {
	margin-bottom: 0px;
}

#mainContent ul li {
	font-size: 12px;
	line-height: 1.5em;
	padding-left: 20px;
	background: url(../images/bullet.png) no-repeat 0px 3px;
	margin-top: 10px;
}


#mainContent ul li li {
	font-size: 12px;
	background: none;
	padding-left: 20px;
	margin-left:-20px;
	background: url(../images/bullet_tiny.gif) no-repeat 0px 3px;
	margin-top: 10px;
}


#mainContent ol {
	margin-bottom: 22px;
	margin-left: 40px;
	margin-top: 10px;
	margin-right: 40px;
	list-style-type: decimal;
}

#mainContent ol li {
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 2em;
	padding-left: 10px;
	background: none;
}


#secondaryContent #getaquote h1 {
	background: #fff;
	border: none;
	color: #333333;
	font-size: 21px;
}

#secondaryContent #getaquote p {
	font-size: 12px;
}

#secondaryContent p {
	font-size: 12px;
	line-height: 1.7em;
	padding-left:10px;
	padding-right: 10px;
	color: #000;
}


#secondaryContent h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #75250E;
	padding-top: 6px;
	padding-left:10px;
	padding-bottom:6px;
	font-size: 20px;
	line-height: 1.4em;
	letter-spacing: -0.05em;
	color: #fff;
	font-weight: normal;
	border-bottom: 6px solid #C29F95;	
}

#secondaryContent h2 {
	color: #3F82A9;
	margin-bottom: -3px;
}

#secondaryContent ul {
	padding-left: 30px;
}


/* Styles four buttons with icons on sidebar */

#sideNav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#sideNav ul a {
	display:block;
	width: 282px;
	height: 44px;
	line-height: 45px;
	color: #810000;
	font-weight: bold;
	text-decoration:none;	
	text-indent: -5000px;	
}
/* because both these buttons appear first they need top border to show*/
#sideNav .btn_claim a {
	background: #EBE8DF url(../images/button_claim.jpg) no-repeat left bottom;
	height: 45px;
	line-height: 45px;
}
#sideNav .btn_cert a  {
	background: #EBE8DF url(../images/button_cert.jpg) no-repeat left bottom;
	height: 45px;
	line-height: 45px;
}

#sideNav .btn_auto a  {
	background: #EBE8DF url(../images/button_auto.jpg) no-repeat left bottom;
	height: 45px;
	line-height: 45px;
}

#sideNav .btn_home a {background: #EBE8DF url(../images/button_home.jpg) no-repeat left bottom;}
#sideNav .btn_tuneup a {background: #EBE8DF url(../images/button_tuneup.jpg) no-repeat left bottom;}
#sideNav .btn_makepayment a {background: #EBE8DF url(../images/button_makepayment.jpg) no-repeat left bottom;}
#sideNav .btn_appointment a {background: #EBE8DF url(../images/button_appointment.jpg) no-repeat left bottom;}
#sideNav a:hover, .selected a {background-position: right bottom;color:#810000;}

/* End sideNav ------------------------------------------------------------------------ */


/* Navcontainer --------------------------------------------- */


#navcontainer {width: 282px;margin-bottom: 25px;}
#navcontainer ul {
      margin-left: 0px;
	  margin-top:-3px;
      padding-left: 0;
      list-style-type: none;
      font-family: Arial, Helvetica, sans-serif;
	  background: url(../images/sidebar_bkrnd.jpg) no-repeat top left;
}

#navcontainer li {
	  color:  #6F230D;
  	  font-weight: bold;  	  
	  line-height: 2em;    
	  padding: 8px 9px 4px 10px;
  	  font-size: 12px;      
	  border-bottom: 1px dashed #CCCCCC;
}


#navcontainer a {
      display: block;	 

      width: 263px;
      font-family: Arial, Helvetica, sans-serif; 
}

#navcontainer a:link, #navcontainer a:visited {
      color:  #6F230D;
      text-decoration: none;
}

#navcontainer a:hover {
      background:  #f7f6f0;
      text-shadow: 2px 2px 3px #551302;
      color: #FF9900;
}
#navlist a:link#current {
      text-shadow: 2px 2px 3px #551302;
      background: #666666;
      color:#FF9900;
}
/* end navcontainer */

#footer p {
	color: #FFF;
	font-size: 16px;	
	margin-top: 0px;
	margin-left: 10px;
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#secondaryContent .authorInfo {
	color: #666666;
	size: 9px;
	letter-spacing: -.03em;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: .8em;
}

.authorInfo a:link, a:visited {
	color: #666666;
}

.authorInfo a:hover, a:active {
	color: #666666;
}

.continueArticle {
	font-size: 11px;
	margin-left:1px;
	text-decoration:none;
	font-weight: bold;
	background: url(http://www.ellisinsurance.com/images/icon_arrow.gif) no-repeat top right;
	padding-right: 20px;
}

a:link.continueArticle, a:visited.continueArticle  {
	color: #6F230D;
}

a:hover.continueArticle, a:active.continueArticle  {
	color: #FF9900;
	text-decoration: underline;
}

#mainContent .captainHighlighter {
	background: #FFFF99;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration:blink;
	
}

#mainContent .considerThis {
	background: url(../images/bkrnd_considerthis.jpg) no-repeat top left;
	margin-left:20px;	
	padding-bottom: 10px;
}	

#mainContent p.considerThis  {
	padding-left:12px;
	padding-top:45px;
	padding-right:35px;
	font-size:11px;
	font-weight: bold;
	color: #666666;
}

#mainContent .tip {
	background: url(../images/bkrnd_tip.jpg) no-repeat top left;
	margin-left:20px;
	padding-bottom: 10px;
}	

#mainContent p.tip  {
	padding-left:12px;
	padding-top:40px;
	padding-right:35px;
	padding-bottom:20px;
	font-size:11px;
	font-weight: bold;
	color: #666666;
}

#mainContent .quote {
	background: url(../images/bkrnd_quote.jpg) no-repeat top left;
	width: 400px;
	margin-left:100px;
}

#mainContent .relatedCoverage {
	background: #F8F6EE url(../images/bkrnd_relatedcoverages.gif) no-repeat top left;
	width: 520px;
	margin-bottom: 20px;
	margin-left: 30px;
	padding-bottom: 10px;
}

#mainContent .relatedCoverage ul {
	padding-top:40px;
	margin-left: 50px;
}
#mainContent .relatedCoverage ul ul {
	padding-top:0px;
	margin-left: 18px;
}

#mainContent p.quote {
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size:14px;	
	#font-weight: bold;
	letter-spacing: -.03em;
	#font-style:italic;
	text-align: left;
	padding-left:18px;
	padding-top:50px;
	padding-right:20px;
	padding-bottom:20px;
	color: #666666;
}

#mainContent .footnote {
	font-size:9px;
	letter-spacing: 0px;
}

#mainContent a[href$=".xls"] {
	background: url(http://www.ellisinsurance.com/images/icon_excel.gif) no-repeat right 3px;
	padding-right: 15px;
}

#mainContent a[href$=".doc"] {
	background: url(http://www.ellisinsurance.com/images/icon_word.gif) no-repeat right 3px;
	padding-right: 15px;
}

#mainContent a[href$=".pdf"] {
	background: url(http://www.ellisinsurance.com/images/icon_pdf.gif) no-repeat right top;
	padding-right: 22px;
}

#mainContent a[href$=".ppt"] {
	background: url(http://www.ellisinsurance.com/images/icon_ppt.gif) no-repeat right top;
	padding-right: 15px;
}


/*End of Typographical Area-----------------------------------*/

/* forms
----------------------------------------------- */

#subscribeForm fieldset {
	border: solid 0 transparent;
	margin-left:4px;
	padding:5px;
}

#subscribeForm p {
	padding:0;
	margin:0;
}

#subscribeForm input[type="text"] {
	width:230px;
	padding: 2px;
	font-size: 12px;
	background: #fff;
	color: #000;
	border: 1px solid #6F230D;
}

#subscribeForm .button {
	margin-left: 80px;
	margin-top: 5px;
	border: none;
    width: 99px;
	height: 28px;
	background: url(../images/btn_submit.jpg) no-repeat top left; 
}

#subscribeForm .button:hover {
    border: none;
    background: url(../images/btn_submit_f2.jpg) no-repeat top left;
    padding: 2px 8px;
}

#subscribeForm input.checkbox {
	float: left;
	margin-right: 5px;
}

#subscribeForm label {
	display: block;	
	margin-bottom: 0px;
}

/*For DHTML Menu - adds a border to submenu items
----------------------------------------------- */
.mmbord{
	border-bottom:1px solid #fff;
	text-decoration:none;
	font-size:10px;
	padding-left:5px;
	padding-top:0;
	padding-bottom:0;
	padding-right:15px;
}

.mmborMember{
	border-bottom:1px solid #fff;
	text-decoration:none;
	font-size:10px;
	padding-left:5px;
	padding-top:0;
	padding-bottom:0;
	padding-right:15px;
}

/*----------Makes font bigger ------------------------- */

div.slider {
	width: 200px;
	height: 16px;
	background: #eee;
	float: right;
}
div.slider div.knob {
	background: #000;
	width: 16px;
	height: 16px;
}
div#fontSize {
	height: 50px;
}

div.advanced {
	width: 400px;
	margin: 5px 0;
	background: url(images/slider.png) 0 center repeat-x;
}
div.advanced div.knob {
	background: no-repeat center center;
	cursor: pointer;
}
div#red div.knob {
	background-image: url(images/red.png);
}
div#green div.knob {
	background-image: url(images/green.png);
}
div#blue div.knob {
	background-image: url(images/blue.png);
}