/* 

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

*/

/* --------- 1. defaults  --------- */

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

* 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;
}

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;
}


/*  --------- 2. structure  --------- */

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

* PAGE LAYOUT

*****************/
#container {
	min-width: 960px;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	position: relative; /* set for the positioning of the dealer login button */
}

#page_content {
	width: 610px;
	line-height: 1.5em;
	margin: 10px 0;
}

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

* 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;
}

/*--TOP 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;
}

/* -- NAVBAR -- */
#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 UPNDER 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;
}


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

/** -- COLULM RULES-- **/
#leftCol {
	width: 615px;
	float: left;
}
#rightCol {
	float: right;
	width: 300px;
	margin: 0 10px 0 0;
}
#rightCol a {
	border-bottom: 1px #333333 solid;
}
#rightCol a:hover {
	border-bottom: 1px #800000 solid;
}
#right_col {
	width: 300px;
	float: right;
	margin-top: -10px;
	margin-right: 20px;
}
#right_col p.community {
	background: url('../images/communityAction.png') no-repeat;
	width: 300px;
	height: 99px;
	text-indent: -9999em;
	margin: 10px 0 0 0;
}

/** --SIDEBARS-- **/
#insideSidebar {
	float: right;
	width: 272px;
	margin: 10px 0 15px 0;
	padding: 10px;
	color: #fff;
	background: #7a061d;
	font-size: 0.9em;
	border: 4px solid #DF173C;
}
/*Contact Us Dealer Call to Action Button */
#sideBar4 a {
	background: url('../images/dealerSell.png') no-repeat;
	width: 300px;
	height: 87px;
	display: block;
	text-indent: -9999em;
	margin: 10px 0;
}
#sideBar4 li {
	list-style: none;
}

/* --ENDUSER CALL TO ACTTION 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;
}
#endUserSell li {
	list-style: none;
}

/* 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 */



/*-- INFOPANEL-- */
#infopanel {
	background: #181818;
	padding: 1.5em 0;
	border-top: 1px solid #1e1e1e;
	margin-bottom: 1.5em;
	color: #aaa;
}
#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: 940px;
	padding: 0 10px;
	min-width: 940px;
	clear: both;
}
.message {
	border-top: 1px solid #333;
	border-bottom: 1px dashed #333;
	padding: .75em 0;
	font-size: 13px;
	text-shadow: #181818 1px 1px 0;
	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;
}

/* -- INFOPANEL GRAPHICS -- */

/*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;
}


/* --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;
}


/* ---------- 3. links and navigation ---------- */


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

* TEXT STYLES

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

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

* HEADINGS

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

/* -- H RULE  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;
}
.blogTitles {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 126%;
	line-height: 1.38em;
	margin-bottom: 0.8em;
	color: #fff;
	border-bottom: 1px solid #d3c9b6;
}


/* ---------- 4. fonts ---------- */

h4 {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 150%;
	line-height: 1.38em;
	margin-bottom: 0.8em;
	color: #fff;
}
h6 {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 126%;
	line-height: 1.38em;
	margin-bottom: 0.8em;
	color: #fff;
}

/* -- MISC 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;
}
.message3 {
	border-top: 1px solid #333;
	padding: .75em 0;
	font-size: 13px;
	text-shadow: #181818 1px 1px 0;
	line-height: 1.6em;
	margin-bottom: 1em;
}
.boldText {
	font-weight: bold;
}

/* -- BULLET STYLES -- */

.bullets1 li{
	list-style:none;
	background: url('../images/bullet.png') no-repeat 0 .50em;
	padding-left: 15px;
	line-height:1.5em;
}

.bullets1 a {
	color: #8ed6ff;
	text-decoration: none;
	border-bottom: 1px #333333 solid;
}
.bullets1 a:hover {
	color: #fff;
	border-bottom: 1px #800000 solid;
}


/** --IMAGE REPLACEMENT -- for buttons - called by the a.class (ie. <a.getStarted href #></a>)  */
a.getStarted {
	background: url('../images/getStarted_btn.png') no-repeat 0 0;
	width: 461px;
	height: 35px;
	display: block;
	border: 0;
	text-indent: -5000px;
	margin: 0;
}
a.contactUs {
	background: url('../images/contactUs_btn.png') no-repeat 0 0;
	text-indent: -9999em;
	width: 164px;
	height: 38px;
	display: block;
	margin: 10px 0 0 0;
	float: right;
}
a.learnMore {
	background: url('../images/learnMoreBtn.png') no-repeat 0 0;
	text-indent: -9999em;
	width: 169px;
	height: 39px;
	display: block;
	margin: 10px 0 0 0;
	float: right;
}