/* 

STYLE SHEET FOR EMERgency24.com Inside Pages --
Created by Jeffrey Grey - Interactive Designer EM24 - v1.0 Created 23 DEC 2008
http://www.emergency24.com
LAST UPDATED: 20 FEB 2009

Notes - Originally set as inside mail no sidebar, but was later setup as own independent file.

*/


/*****************

* CSS RESET

*****************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
a {
	outline: none;
}
/* -- UNIVERSAL MARGIN RESET --  */
* {
	margin: 0;
	padding: 0;
}


/*****************

* PAGE LAYOUT

*****************/
body {
	background: #0b0b0b url('../images/bg_body.jpg') repeat-x 50% 0;
	color: #aaa; /*font: 80%/140% Arial, Helvetica, sans-serif;*/;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#container {
	min-width: 960px;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#page_content {
	width: 620px;
	line-height: 1.5em;
	margin: 10px 0;
}

#page_content2 {
	width:940px;
	line-height:1.5em;
	margin:10px 0;
}

#pageContent3 {
	width:560px;
	float:left;
	line-height:1.5em;
}

#pageContent4 {
	width:460px;
	float:left;
	line-height:1.5em;
}



/* -- MASTER LINK STYLES -- */
a {
	color: #8ed6ff;
	text-decoration: none;
}
a:hover {
	color: #fff;
}


/*****************

* HEADER

*****************/
#header {
	width: 940px;
	height: 47px;
	margin: 20px 0 0 -2px;
	padding: 0 0 0 5px;
	background: url('../images/header_bg.png') no-repeat;
	position: relative;
}

/* -- CITY LINKS -- */
#topLinks ul {
	position: absolute;
	left: 295px;
	top: 0;
	margin: 15px 30px 0 0;
	font-size: 1em;
	letter-spacing: -1px;
}
#topLinks ul li {
	display: inline;
	margin: 0 5px;
	font: bold 1em/1.5em "Century Gothic";
	text-transform: uppercase;
}
#topLinks ul li a {
	color: #ffc001;
	text-decoration: none;
	font-weight: bold;
}
#topLinks ul li a:hover {
	color: #fff;
}

/*--DEALER LOGIN BUTTON --*/

#dealerLogin {
	position: absolute;
	right: 25px;
	top: 6px;
}
#dealerLogin a {
	background: url('../images/dealerLogin.png') no-repeat 0 0;
	width: 162px;
	height: 35px;
	display: block;
	text-indent: -5000px;
	float: right;
}
#dealerLogin li {
	list-style: none;
}

/** --TOP LOGO--**/
#logoWrapper a {
	display: block;
	height: 47px;
	width: 263px;
	overflow: hidden;
	margin: 0 0 0 5px;
}
#logoWrapper a:hover {
	display: block;
	text-indent: -268px;
}
#logoWrapper a img {
	border: none;

}
/* -- MAIN EYE CANDY DIVE --*/
#mainEyeCandy {
	width: 940px;
	height: 263px;
	margin: 10px 0;
	padding: 0;
}

/* SECURITY CSS IMAGEMAP */
#mainEyeCandy2 {
	width: 940px;
	height: 263px;
	margin: 10px 0;
	padding: 0;
	position: relative;
}
.homeBtn {
	position: absolute; /*remember to set the parent container div to show relative*/;
	top: 220px;
	left: 10px;
}
.homeBtn a {
	background: url(../images/home_btn.png) no-repeat 0 0;
	width: 256px;
	height: 35px;
	display: block;
	border: 0;
	text-indent: -5000px;
}
.homeBtn li {
	list-style: none;
}
.businessBtn {
	position: absolute;
	top: 220px;
	left: 365px;
}
.businessBtn a {
	background: url(../images/business_btn.png) no-repeat 0 0;
	width: 278px;
	height: 35px;
	display: block;
	text-indent: -9999em;
}
.businessBtn li {
	list-style: none;
}
.voipBtn {
	position: absolute;
	top: 220px;
	right: 10px;
}
.voipBtn a {
	background: url(../images/voip_btn.png) no-repeat 0 0;
	width: 183px;
	height: 35px;
	display: block;
	text-indent: -9999em;
}
.voipBtn li {
	list-style: none;
}
/* END SECURITY IMAGEMAP */
/*****************

* NAVIGATION BAR

*****************/
#navbar {
	width: 940px;
	height: 46px;
	margin: 10px 0;
	padding: 0;
	background: url('../images/bg_applinks.png') no-repeat;
}
#navbar ul {
	float: left;
	margin: 15px 0 0 10px;
}
#navbar ul li {
	display: inline;
	margin: 10px;
}
#navbar ul li a {
	text-decoration: none;
	font-weight: bold;
}
#navbar ul li a:hover {
	border-bottom: 1px #800000 solid;
}

/*****************

* DEALER BAR UNDER HEADER

*****************/
#dealerBar {
	width: 940px;
	height: 46px;
	margin: 10px 0;
	padding: 0;
	background: url('../images/bg_applinks.png') no-repeat;
	color:#f77e09;
}
#dealerBar ul {
	float: left;
	margin: 15px 0 0 10px;
}
#dealerBar ul li {
	display: inline;
	margin: 10px;
}
#dealerBar ul li a {
	text-decoration: none;
	color:#f77e09;
	font-weight: bold;
}
#dealerBar ul li a:hover {
	border-bottom: 1px #800000 solid;
	color:#e7e8e8;
}



/*****************

* SIDEBAR

*****************/
#sideform {
	width: 350px;
	float: right;
	margin: 10px 0 10px 20px;
	font-size: 0.9em;
}
#insideSidebar {
	float: right;
	width: 280px;
	margin: 40px 20px 15px 20px;
	padding: 10px;
	color: #fff;
	background: #7a061d;
	font-size: 0.9em;
	border: 4px solid #DF173C;
}

#insideSidebar2 {
	float: right;
	width: 290px;
	padding: 10px 0 10px 10px;
	margin: 0 0 20px -20px;
	color: #fff;
	background: #7a061d;
	font-size: 0.9em;
	border: 4px solid #DF173C;
}


/*centers the dealer login form inside login.htm */
#centerForm {
	width: 350px;
	margin: 0 auto;
}


/* ENDUSER CALL TO ACTION -FIND DEALER BUTTON */
#endUserSell a {
	background: url('../images/endUserSell.png') no-repeat 0 0;
	width: 300px;
	height: 60px;
	display: block;
	border: 0;
	text-indent: -5000px;
	float: right;
	margin: 0 0 10px 0;
	/*border-bottom: 1px #333333 solid;*/
}


#endUserSell a:hover {
	/*border-bottom: 1px #800000 solid;*/
}

#endUserSellPERS a {
	background: url('../images/endUserSellPERS.png') no-repeat 0 0;
	width: 300px;
	height: 60px;
	display: block;
	border: 0;
	text-indent: -5000px;
	float: right;
	margin: 0 0 10px 0;
	/*border-bottom: 1px #333333 solid;*/
}


#endUserSellPERS a:hover {
	/*border-bottom: 1px #800000 solid;*/
}




/* SIDEBAR NAV CLASSES -- */

.navSet1 {
	line-height: 1.5em;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.navSet1 li {
	border-top: 1px solid #fff;
	margin: 5px 0 0 0;
}
.navSet1 a {
	color: #8ed6ff;
	text-decoration: none;
	border-bottom: 1px #333333 solid;
}
.navSet1 a:hover {
	color: #fff;
	border-bottom: 1px #800000 solid;
}


/*****************

* BOTTOM INFOPANEL 

*****************/
#infopanel {
	background: #181818;
	padding: 1.5em 0;
	border-top: 1px solid #1e1e1e;
	margin-bottom: 1.5em;
	color: #aaa;
	font-family: Arial, Helvetica, sans-serif;
}
#infopanel h2 {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 150%;
	line-height: 1.38em;
	margin-bottom: 0.8em;
	color: #fff;
}
.wrap {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	padding: 0 10px;
	min-width: 940px;
	clear: both;
}
.message {
	border-top: 1px solid #333;
	border-bottom: 1px dashed #333;
	padding: .75em 0;
	font-size: small;
	line-height: 1.6em;
	margin-bottom: 1em;
}
.message3 {
	border-top: 1px solid #333;
	padding: .75em 0;
	font-size: small;
	line-height: 1.6em;
	margin-bottom: 1em;
}

/* --FLOAT CLEARING RULES-- */
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

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


/**--COLULM STYLES--**/
#leftCol {
	width: 615px;
	float: left;
}

#rightCol {
	float: right;
	width: 300px;
	margin: 0 10px 0 0;
}

#rightCol5 {
	float: right;
	width: 280px;
	margin: 0 20px 0 0;
	padding: 10px;
	color: #fff;
	background: #7a061d;
	font-size: 0.9em;
	border: 4px solid #DF173C;
}
.leftCol2 {
	width: 48%;
	float: left;
}
.leftCol2 p {
	margin: 0 0 10px 0;
}
.rightCol2 {
	width: 48%;
	float: right;
}
.rightCol2 p {
	margin: 0 0 10px 0;
}

#rightCol7 {
	float: right;
	width: 300px;
	margin: 0 20px 0 0;
}

#rightCol8 {
	float: right;
	width: 300px;
	margin: 0 90px 0 0;
}

#rightCol9 {
	float: right;
	width: 400px;
	margin: 0 90px 0 0;
}



/* -- INFOPANEL GRAPHICS -- */
/*a.nbfaa {
	display: block;
	width: 149px;
	height: 86px;
	background: url(../images/nbfaa.png) no-repeat;
	text-indent: -9999em;
	float: left;
	margin: 0 11px 0 0;
}
*/

/*Added December 23, 2010*/
a.esa {
	display: block;
	width: 146px;
	height: 66px;
	background: url(../images/esa.jpg) no-repeat;
	text-indent: -9999em;
	float: left;
	margin: 0 11px 0 0;
}

a.fm_approved {
	display: block;
	width: 125px;
	height: 84px;
	background: url(../images/fm_approved.jpg) no-repeat;
	text-indent: -9999em;
	float: left;
	margin: 0 11px 0 0;
}
/*end new additions */


a.ul {
	display: block;
	width: 122px;
	height: 56px;
	background: url(../images/ulListed.png) no-repeat;
	text-indent: -9999em;
	float: left;
	margin: 0 11px 0 0;
}
a.csaa {
	display: block;
	width: 168px;
	height: 86px;
	background: url(../images/csaa.png) no-repeat;
	text-indent: -9999em;
	float: left;
	margin: 0 11px 0 0;
}
a.sia {
	display: block;
	width: 88px;
	height: 117px;
	background: url(../images/sia.png) no-repeat;
	text-indent: -9999em;
	float: left;
	margin: 0 11px 0 0;
}

/* -- FOOTER -- */
#footer {
	font-size: 10px;
	margin-bottom: 1.8em;
	color: #444;
	line-height: 1.8em;
	text-transform: uppercase;
}
#footer p {
	font-size: 11px;
}
#footer p strong {
	color: #8ed6ff;
}



/* -- BULLET STYLES -- */
.bullets1 li{
	list-style:none;
	background: url('../images/bullet.png') no-repeat 0 .50em;
	padding-left: 15px;
	line-height:1.5em;
}
.bullets1 li a {
	color: #8ed6ff;
	text-decoration: none;
	border-bottom: 1px #333333 solid;
}
.bullets1 li a:hover {
	color: #fff;
	border-bottom: 1px #800000 solid;
}
.bullets3 {
	list-style: url('../images/bullet.png');
	line-height: 1.5em;
	padding-bottom: 10px;
	margin: 10px 0 0 20px;
}
.bullets3 li {
	margin: 0 0 10px 0;
}


/* -- MISC CLASSES -- */
.headline {
	font: 1.5em/2.2em Georgia, "Times New Roman", Times, serif;
}
.boldText {
	font-weight: bold;
	color: #fff;
}
.footnote {
	font-size: 80%;
}
.newspic {
	float: right;
	background: #F2EFE8;
	width: 410px;
	margin: 15px;
	padding: 5px;
}
.newspic img {
	border: 5px solid #fdfaf4;
}
.newspic p {
	padding: 5px 13px 0 13px;
	color: #000;
	font-size: 85%;
}
#sitemap a:hover {
	border-bottom: 1px #800000 solid;
}

#subcontainer {
	margin: 11px;
	padding: 0;
	font-size: 12px;
}

#persBottom {
	line-height:1.5em;
}

/**--TYPOGRAPHY--**/

/* --H2 REPLACEMENTS-- */
.headline3 {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 165%;
	line-height: 1.38em;
	margin-bottom: 0.8em;
	color: #f77e09;
	border-bottom: 1px solid #d3c9b6;
}
h4 {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 150%;
	line-height: 1.38em;
	margin-bottom: 0.8em;
	color: #fff;
}


h2 {
	font: 2.5em/1em Myriad, sans-serif;
}
h3 {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 126%;
	line-height: 1.38em;
	margin-bottom: 0.8em;
	color: #f77e09;
}
h6 {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 126%;
	line-height: 1.38em;
	margin-bottom: 0.8em;
	color: #fff;
}
/**--IMAGE REPLACEMENT--for  buttons - called by the a.class (ie. <a.getStarted href #></a>)  */
a.learnCEO {
	background: url(../images/learnCEO_btn.png) no-repeat 0 0;
	width: 461px;
	height: 35px;
	display: block;
	text-indent: -9999em;
}
a.submitMe {
	background: url(../images/submit_btn.png) no-repeat 0 0;
	width: 120px;
	height: 35px;
	display: block;
	text-indent: -9999em;
	margin: 0 0 10px 20px;
}
a.growBus {
	background: url(../images/grow_business.png) no-repeat 0 0;
	width: 320px;
	height: 35px;
	display: block;
	text-indent: -9999em;
	margin: 0 0 10px 0;
}

/* -- FORMS STYLES -- */
fieldset {
	margin: 1.5em 0 0 0;
	padding: 0;
	background: #0b0b0b url(../images/bg_fieldset.jpg) top repeat-x;
}
legend {
	margin-left: 1em;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	background: #81061f url(../images/bg_legend.jpg) bottom repeat-x;
	padding: 0.25em 0.5em;
	letter-spacing: -1px;
}
fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
}
fieldset li {
	padding-bottom: 1em;
}
label {
	float: left;
	width: 12em;
	margin-right: 1em;
	text-align: right;
}
fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}
input {
	border-top: 1px solid #95876c;
	border-right: 1px solid #ebe7df;
	border-bottom: 1px solid #ebe7df;
	border-left: 1px solid #95876c;
}

/* -- MISC CLASSES -- */
.htm_logo {
	background:url(../images/htm_logo.gif);
	width:36px;
	height:16px;
}