/* -------------------------------------------------------------- 
  	TABLE OF CONTENTS 
	
	1. Cross-browser Reset
	2. Standard elements defaults - Default styles for standard HTML elements. See /style-guide.html for markup examples.
	3. Style Library - Styles repeated through site but aren't structural elements.
	4. Main Structure - Includes header, main navigation, main wrapper, footer, etc
	5. Main Structure Alternative Styles - Styles for main structure elements that have different styles in different templates
	6. Template Styles - Specific styles for the different templates
	7. Page Specific Styles - If a page has unique styles not found anywhere else on the site they would go here
	
	STYLE SHEET COMMENT DEFINITIONS
	
	CF -- Denotes a style that is used as a clear fix
	PFD (Prevent float drop) -- Denotes a fix for ie6 to prevent layout from breaking with oversized content
	IE{.css} -- Denotes a css property that is used for a bug fix in IE7 and below. NOTE if .css is present check alternative style sheet
	IE6{.css} -- Denotes a css property that is used for a bug fix in IE6. NOTE if .css is present check alternative style sheet
	IE8.css -- Denotes a style that has an alternative version in the ie8.css style sheet
	HL (hasLayout) -- Denotes a hasLayout fix for IE
	DMB (Double margin bug) -- Denotes double margin fix for ie6
	SL - Denotes that a element draws most of its styles from style library
	
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
  	1. Cross-browser reset 
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects */
a, object { outline: none; }

/* -------------------------------------------------------------- 
  	2. Standard elements defaults 
-------------------------------------------------------------- */

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; color: #00334D; font-weight: bold; text-transform: uppercase; font-family: arial, sans-serif; }

h1 { font-size: 2.5em; font-family: "arial black", sans-serif; text-transform: none; }
	#mainSection h1 { margin-top: 5px; margin-bottom: 0.25em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.417em; }
h4 { font-size: 0.917em; }
h5 { font-size: 0.917em; text-transform: none; }
h6 { font-size: 0.833em; font-weight: normal; }

h1 span { display: block; text-transform: uppercase; font-family: arial, sans-serif; font-size: 0.7em; }

h1 a, h1 a:link,
h2 a, h2 a:link,
h3 a, h3 a:link,
h4 a, h4 a:link,
h5 a, h5 a:link,
h6 a, h6 a:link { color: #80B2CC; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #FFAA00; }

/* Text Elements
-------------------------------------------------------------- */

body		{ color: #000000; font: 62.5% arial, helvetica, sans-serif; }
p 			{ margin: 0 0 1em; line-height: 1.5; font-size: 1.167em; color: #333333; }
p.summary  	{ color: #333333; font: bold italic 1.5em "helvetica neue", helvetica, arial, sans-serif; margin-bottom: 0.75em; }

a 			{ text-decoration: underline; }
a,a:link 	{ color: #006699; }
a:visited 	{ color: #808080; }

a:hover,
a:active,
a:focus 	{ color: #999999; }

blockquote  	{ margin: 0 0 1.5em 0; color: #888888; }
blockquote p 	{ font-size: 1.167em; font-style: italic; color: #888888; }
strong 			{ font-weight: bold; }
em  			{ font-style: italic; }
p small 		{ font-size: 0.846em; }

/* Following six styles generally do not need to be edited */

sup, sub    { line-height: 0; }
dfn 		{ font-style: italic; }
del 		{ color:#666; }
pre 		{ white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists
-------------------------------------------------------------- */

ul			{ margin: 0 1.5em 1.5em 1.5em; }
ol          { list-style-type: decimal; margin: 0 1.5em 1.5em 1.5em; }

li			{ margin-bottom: 1em; line-height: 1.5; font-size: 1.167em; }

li ul, 
li ol       { margin: 0 1.5em; padding-top: 1em; }
li li 		{ font-size: 1em; }

ul ol li 	{ background: none; padding-left: 0; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em; }

/* Tables
-------------------------------------------------------------- */

table       	{ margin-bottom: 1em; width: 100%; border: 1px solid #CCCCCC; border-bottom: none; border-right: none; }
th          	{ background: #e8e8e8 url(../images/design/th-bg.gif) 0 0 repeat-x; font-weight: bold; border-right: 1px solid #D9D9D9; }
th,td,caption 	{ padding: 6px; }
td				{ border-bottom: 1px dashed #ABABAB; border-right: 1px solid #CCCCCC; }
tr.odd td  		{ background: #FBFBFB; }
tfoot       	{ font-style: italic; }
tfoot td		{ border-bottom: 1px solid #CCCCCC; }
	
caption     	{ background: #eee; text-align: center; }

/* Forms
----------------------------------------------------------- */
fieldset 			{ padding: 1em 0; border: 0; background: url(../images/design/dark-blue-horizontal-line.gif) 0 100% repeat-x; /* ie7.css and ie6.css inherits */ }
fieldset.last 		{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; background: none; }

/* Individual Field Styles */

.fieldArea 			{ margin-bottom: 0.833em; }
.fieldArea input,
.fieldArea textarea { width: 147px; background: #F2F2F2; border: 1px solid #D1D1D1; font-size: 0.917em; padding: 3px 0; }
.fieldArea textarea { height: 65px; overflow: auto; /* IE - Prevents scroll bars */}
.fieldArea label	{ font: normal 14px arial, sans-serif; float: left; margin-right: 10px; width: 50px; color: #00334D; }
.lastField			{ margin-bottom: 0; }

/* Checkbox Styles */

.checkBoxField label,
.radioField label 		{ float: none; width: auto; font-size: 1.083em; }

.checkBoxField input,
.radioField input		{ float: left; width: auto; margin: 1px 7px 0 0; }

/* Misc Styles */

.error label			{ color: red; }
.required label			{ font-weight: bold; text-transform: uppercase; }
.whatFieldsAreRequired	{ color: #00334D; font-size: 1.25em; }

/* Submit Button Styles */

.submitArea 			{ margin-top: 15px; padding: 10px 0 10px 220px; background: url(../images/design/dark-blue-horizontal-line.gif) 0 50% repeat-x; }
.submitBtn				{ background: #FFFFFF; padding: 0 10px; float: left; }
input.submit 			{ cursor: pointer; border: 0; }
input.reset				{ cursor: pointer; color: #579ABC; font: normal 0.833em verdana, sans-serif; text-transform: uppercase; text-decoration: underline; border: none; background: none; outline: none; }

/* Error Box Styling */

div#errors 		{ background: #FFF5E6 url(../images/design/form-error.gif) 0.0833em 6px no-repeat; border: 1px solid #FFEBCC; margin: 1em 0 1.5em 0; padding: 0.5em 10px 0.5em 50px; }
div#errors h4 	{ color: #FFB612; font: bold 0.917em arial, sans-serif; }
div#errors p 	{ margin-bottom: 0.25em; color: #990000; font-size: 0.917em; }
div#errors ul 	{ margin: 0 0 0 15px; }
div#errors li 	{ margin-bottom: 0.5em; font-size: 0.917em; color: #000000;  }

/* -------------------------------------------------------------- 
	3. Style Library
----------------------------------------------------------- */

/* Misc Styles
----------------------------------------------------------- */

.btn 				{ background: url(../images/design/btn-bg.gif) 0 0 repeat-x; color: #00334D; font: bold 0.917em verdana; padding: 4px 6px; text-transform: uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.btn:hover 			{ background: url(../images/design/btn-bg-hover.gif) 0 0 repeat-x; color: #FFFFFF; }

.listing 			{ clear: both; margin: 0; padding: 1em 20px 1em 172px; border-bottom: 1px dashed #00334D; }
.listing img 		{ float: left; margin-left: -172px; border: 1px solid #DBDDDE; border: 1px solid #00334D; }
.listingLast		{ border-bottom: none; }
	
img.frame 			{ border: 1px solid #00334D; }

a.localNavCallout 	{ display: block; margin-left: 15px; }

.imageWithCaption 	{ width: 170px; margin-left: 10px; }
.imageWithCaption p { color: #333333; font-size: 0.917em; }

.callout { text-align: center; }

a.yellowBtn { 
	padding: 5px 14px; color: #000; background: #ffaa00 url(../images/design/yellow-gradient.gif) 0 0 repeat-x; display: block;
	font: bold 1.083em "helvetica neue", helvetica, arial, sans-serif; 
	text-decoration: none; color: #00334D; text-transform: uppercase; text-align: center; 
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; 
}

a.yellowBtn:hover { background: #ffc654 url(../images/design/yellow-gradient-hover.gif) 0 0 repeat-x; -moz-box-shadow: #ffc654 0px 0px 10px; -webkit-box-shadow: #ffc654 0px 0px 10px; }
	
#generalAsideInner .summary { color: #00334D; font: italic bold "helvetica neue", helvetica, arial, sans-serif; padding-bottom: 1em; margin-bottom: 0.75em; border-bottom: 1px dashed #668594; }

/* Text Lightbox
----------------------------------------------------------- */

#overlay { width: 860px; padding: 20px; background: #FFF; display: none; }

	#overlay h2 { text-align: left; }

	#overlay ul { float: left; margin: 0 20px 0 0; padding-left: 18px; width: 100px; margin-right: 30px; }
	
	#overlay ul.last { margin-right: 0; }
	
		#overlay li { margin-bottom: 3px; font-size: 1em; text-align: left; }

/* Video Styles
----------------------------------------------------------- */

.video { float: left; width: 163px; margin-left: 27px; display: inline; /* DMB */ }
	
	.videoFrame { padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #000 url(../images/design/video-frame-bg.gif) 0 -15px repeat-x; margin-bottom: 1em; }
	
		.videoFrame img { display: block; border-top: 1px solid #000; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #000; }
		
	.video h3 { font-size: 1.167em; }

/* Float Styles
----------------------------------------------------------- */

.floatLeft 		{ float: left; }
.floatRight 	{ float: right; }
.clearLeft 		{ clear: left; }
.clearRight 	{ clear: right; }
.clear 			{ clear: both; }

img.floatLeft 	{ margin: 0 1.5em 1em 0; }
img.floatRight 	{ margin: 0 0 1.5em 1.5em; }

/* Easy Clearing Styles
----------------------------------------------------------- */

/* @font-face
----------------------------------------------------------- */

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/League_Gothic.eot');
	src: local('League Gothic'), local('LeagueGothic'), url('../fonts/League_Gothic.woff') format('woff'), url('../fonts/League_Gothic.ttf') format('truetype'), url('../fonts/League_Gothic.svg#LeagueGothic') format('svg');
}

.group:after,
#citiesServed:after,
.listing:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* CF, IE.css, IE6.css */

/* -------------------------------------------------------------- 
	4. Main Structure
----------------------------------------------------------- */

body { text-align: center; background: #000 url(../images/design/body-bg.jpg) 0 10px repeat-x;  padding-top: 11px; }

	#page { min-height: 600px; background: url(../images/design/page-bg-normal.jpg) 50% 0 no-repeat; }
		
		/* Alt Style */
			
			body.house #page 	{ background: url(../images/design/page-bg-home.jpg) 50% 0 no-repeat; }
			body.about #page 	{ background: url(../images/design/page-bg-about.jpg) 50% 0 no-repeat; }
			body.contact #page	{ background: url(../images/design/page-bg-contact.jpg) 50% 0 no-repeat; }
			body.refer #page	{ background: url(../images/design/page-bg-refer.jpg) 50% 0 no-repeat; }
			
		/* End Alt Style */
		
		#wrapper { width: 920px; margin: 0 auto; text-align: left; padding: 0 0 0 0; font-size: 1.2em; /* 62.5% + 1.2em = 12px */ }
		
			#header { position: relative; height: 131px; }
			
				#logo { display: block; height: 81px; width: 370px; background: url(../images/design/logo.jpg) 0 0 no-repeat; position: absolute; top: 13px; left: -24px; text-indent: -9999px; }
				
				/* Alt Style */
				
				body.house #logo { background-image: url(../images/design/logo-home.jpg); }
				
				/* End Alt Style */
				
				#phoneNumber { position: absolute; color: #FFAA00; font: bold 1.33em "helvetica neue", helvetica, arial, sans-serif; margin: 0; line-height: 1; left: 406px; top: 37px; }
				
					#phoneNumber strong { display: block; font-size: 2em; color: #FFF; } 
				
				#myAccount { 
					position: absolute; right: 0; top: -5px; padding: 0.833em 14px; -moz-border-radius: 6px; 
					-webkit-border-radius: 6px; background: #000; font: bold 1.25em "helvetica neue", helvetica, arial, sans-serif; 
					text-decoration: none; text-transform: uppercase; color: #FFAA00;					
				}
				
				#myAccount:hover { background: #000 url(../images/design/my-account-hover.gif) 50% 0 no-repeat; }
				
				#header .yellowBtn { position: absolute; right: 0; top: 60px; width: 103px; }
				
			#navigation { list-style: none; position: relative; z-index: 100; /* ie6 z-index issue with dropdowns */  }
			
				#navigation ul { list-style: none; background: #00334D; margin: 0; padding: 0 0 0 12px; } 
			
				/* Alt styles */
				
				body.refer #navigation ul,
				body.contact #navigation ul { background: none; }
			
					#navigation li { float: left; margin-bottom: 0; margin-right: 10px; }
				
						#navigation li a { padding: 10px 5px; display: block; color: #FFF; font: bold 13px "helvetica neue", helvetica, arial, sans-serif; text-decoration: none; }
						
						#navigation li a:hover { color: #FFAA00; }
						
						#navigation li.active a { background: url(../images/design/navigation-active.gif) 50% 0 no-repeat; }
						
						/* Specific width for individual navigation items. Will need to be adjusted if text for navigation changes */
						
						#home a { width: 45px; text-align: center; }
						
						#homeAlarm a { width: 118px; }
										
						#businessSecurity a { width: 118px; }
						
						#medicalAlerts a { width: 61px; }
						
						#alarmMonitoring a { width: 75px; }
						
						#about a { width: 60px; text-align: center; }
						
							#about li a { text-align: left; }
						
						/* Dropdown Styles */
						
						#navigation li.hasChildren { position: relative; }
						
							#navigation li.hasChildren:hover a { padding-left: 5px; padding-right: 5px; background: #597A8B url(../images/design/navigation-sub-top.png) 0 100% repeat-x; color: #FFAA00; }
							
							#navigation li.hover a { padding-left: 5px; padding-right: 5px; background: #597A8B url(../images/design/navigation-sub-top.png) 0 100% repeat-x; color: #FFAA00; }
							
							#navigation li.hasChildren ul { display: none; position: absolute; width: 150px; padding: 0; background: url(../images/design/navigation-sub-bottom.png) 0 0 repeat-x !important; }
							
								#navigation li.hasChildren li { display: block; float: none; margin: 0; color: #fff; border-bottom: 1px solid #007DB2; }
								
									#navigation li.hasChildren li a { display: block; font: normal 1.214em arial, sans-serif; padding: 5px 10px; color: #fff; background: none; width: auto; }
								
									#navigation li.hasChildren:hover li a,
									#navigation li.hover li a { background: none; color: #fff; }
									
									#navigation li.hasChildren li a:hover { background: #007DB2; color: #fff; }
							
							#navigation li.hasChildren:hover ul { display: block; }
							
							#navigation li.hover ul { display: block; }
							
			/* Alt Style */
			
			body.house #navigation { margin-bottom: 45px; }
			
				body.house #navigation ul { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
				
			body.about #navigation { margin-bottom: 0; }
			
			/* End Alt Styles */
						
			#mainSection { background: #FFF; }
			
				#localNav { margin: 0 0 1em 0; list-style: none; }
				
					#localNav li { margin: 0; padding: 0; border-bottom: 1px solid #335C71; } 
					
						#localNav a { display: block; padding: 6px 20px; color: #00334D; font: bold 1em "helvetica neue", helvetica, arial, sans-serif; text-decoration: none; text-transform: uppercase; }
						
					#localNav li.active a { color: #FFF; }	
						
						#localNav a:hover { color: #FFF; }
						
						#localNav li.hasChildren a { color: #00334D; zoom: 1; }
			
						#localNav li.hasChildren ul { margin: 0; padding: 0; list-style: none; }
						
							#localNav li.hasChildren ul li { border-bottom: none; }
							
							#localNav li.hasChildren ul li a { font-size: 0.857em; padding-left: 30px; padding-bottom: 12px; background: url(../images/design/grey-bullet.gif) 21px 12px no-repeat; }
							
							#localNav li.hasChildren ul li a:hover,
							#localNav li.hasChildren ul li.active a { background-image: url(../images/design/white-bullet.gif); color: #FFF; }
							
				/* Alternate localnav style */
						
				body.myAccount #localNav { list-style: none; margin: 0; padding: 20px; }
	
				body.myAccount #localNav a { 
					color: #fff; font: bold 1em "helvetica neue", helvetica, arial, sans-serif; 
					text-align: center; text-transform: uppercase; background: #01344d url(../images/design/btn-myaccount.gif) 0 0 repeat-x; 
					-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
					display: block; padding: 10px 0; text-decoration: none;
				}
				
				body.myAccount #localNav li { margin-bottom: 1em; border: none; /* ie6.css */ }
			
					body.myAccount #localNav a:hover { background: #527486 url(../images/design/btn-myaccount-hover.gif) 0 0 repeat-x; }
			
				body.myAccount #localNav li.active { background: url(../images/design/btn-myaccount-active.gif) 100% 50% no-repeat; margin-right: -20px; }
		
					body.myAccount #localNav li.active a { background: #00334D;  margin-right: 20px;}
				
					body.myAccount #localNav li.last-child { padding-bottom: 1.5em; border-bottom: 1px dashed #00334D; }
					
				/* End Alternate localnav style */
				
			#footer { border-top: 3px solid #668594; color: #999; padding-top: 1.5em; margin-bottom: 4em; }
			
				#footer p { color: #999; margin-bottom: 0; }
				
				#footer a.designCredit { color: #606060; }
			
				#address { float: left; width: 370px; }
				
					#address p { font-size: 0.75em; }
					
						#address .adr { display: block; }
				
				#phone { float: left; width: 220px; font-size: 0.75em; }
				
					#phone .tel { display: block; }
				
				#links { float: left; width: 330px; }
				
					#links ul { margin: 0; list-style: none; text-align: right; }
					
						#links li { float: left; margin: 0 5px 0 0; line-height: 1; }
						
							#links a { text-align: right; font-size: 0.75em; }
	
/* -------------------------------------------------------------- 
	5. Main Structure Alternative Styles
----------------------------------------------------------- */

body.house #mainSection { background: none; padding-left: 265px; }

body.general #mainSection 	{ background: url(../images/design/main-section-general-bg.gif) 0 0 repeat-y; }
body.wide #mainSection		{ background: url(../images/design/main-section-alt.gif) 0 0 repeat-y; }

body.asideThin #generalAsideInner { padding: 40px 20px 0 22px; }

body.contact #mainSection,
body.refer #mainSection { background: none; padding-left: 265px; }

/* -------------------------------------------------------------- 
	6. Template Styles
----------------------------------------------------------- */

/* Shared Styles
----------------------------------------------------------- */

#videoAside,
#accountAside,
#generalAside { background: url(../images/design/general-aside-bg.gif) 0 0 no-repeat; float: left; min-height: 550px; /* ie6.css */ overflow: hidden; /* IE6 PFD */ width: 265px; padding-bottom: 120px; position: relative; }

	#videoAsideInner,
	#accountAsideInner,
	#generalAsideInner { padding: 27px 10px 0 10px; } 

#videoContent,
#accountContent,
#generalContent { float: left; width: 655px; overflow: hidden; /* IE6 PFD */ }

	#videoContentInner,
	#accountContentInner,
	#generalContentInner { min-height: 400px; background: #FFFFFF url(../images/design/general-content-bg.gif) 0 0 no-repeat; padding: 10px 14px 2em 28px; }
	
/* My Account Styles
----------------------------------------------------------- */

#accountInfoTop { margin: -9px 0 1.5em 0; background: url(../images/design/account-info-top-bg.gif) 365px 0 repeat-y; border-bottom: 1px dashed #00334D; padding: 25px 255px 1em 0; }

	#reminders { float: right; margin-right: -255px; /* ie7.css and ie6.css inherits */ display: inline; width: 235px; padding-top: 10px; }
	
		#reminders h2 { color: #FFAA00; font-size: 1.5em; }
		
		#reminders li { font-size: 1em; margin-bottom: 0.5em; }
		
#accountInfoBottom { padding-bottom: 2em; }

	#accountInfoBottom .section { width: 189px; float: left; margin: 0 10px 1em 0; }

		#accountInfoBottom .section h3 { font: bold 1.167em "helvetica neue", helvetica, arial, sans-serif; }
	
			#accountInfoBottom .section h3 a { color: #006699; }
	
		#accountInfoBottom .section p { font-size: 1em; margin-bottom: 0.5em; }
		
p.contactPassword { color: #000; padding: 0 30px; font-size: 1em; }
		
	p.contactPassword em { color: #FFF; font-size: 1.25em; font-weight: bold; }
	
/* -------------------------------------------------------------- 
	7. Page Specific Styles
----------------------------------------------------------- */

/* Shared Styles
----------------------------------------------------------- */

#contactDetails { margin-bottom: 1em; color: #333333; border-bottom: 1px dashed #668594; padding-bottom: 1em; margin-bottom: 1em; }
		
	#contactDetails h3 { color: #006699; font-size: 1.167em; }
	
	#contactDetails span { display: block; }
	
	#contactDetails span.phone { background: url(../images/design/icon-phone.gif) 0 2px no-repeat; padding-left: 17px; }

	#contactDetails span.email { margin-bottom: 1em; }
				
/* Home Page
----------------------------------------------------------- */

#homeIntro h1 { float: left; margin-right: 30px; width: 341px; height: 147px; background: url(../images/design/header-home.png) 0 0 no-repeat; text-indent: -9999px; }

#homeIntroInner { float: left; width: 272px; }

	#homeIntro p { color: #D9D9D9; }
		
#callForInfo { clear: left; background: url(../images/design/home-call-info-bg.png) 0 100% no-repeat; padding-top: 30px; height: 126px; position: relative; }

	#callForInfo h2 { position: absolute; color: #4C94B8; font-size: 1.75em; left: 160px; top: 55px; width: 182px; text-align: right; }
	
	#callForInfo p { position: absolute; left: 398px; top: 54px; color: #FFF; font: bold 2.583em "helvetica neue", helvetica, arial, sans-serif; margin: 0; line-height: 1; }

	#callForInfo .yellowBtn { position: absolute; top: 102px; left: 409px; width: 170px; font-weight: bold; text-align: center; }

#callouts { border-top: 1px solid #668594; padding: 1em 0 1.25em 0; clear: left; margin: 0; margin-left: -275px; width: 920px; overflow: hidden; /* PFD */}

	#callouts li { background: none; padding-left: 120px; width: 175px; margin: 0 10px 0 0; float: left; }
	
		#callouts a { float: left; margin-left: -119px; }
	
			#callouts img { border: 1px solid #FFF; }
		
		#callouts p { color: #FFF; margin: 0; font: 2.667em "LeagueGothicRegular", "helvetica neue", helvetica, arial, sans-serif; }
		
			#callouts p span { font: normal 0.344em "helvetica neue", helvetica, arial, sans-serif; color: #4C94B8; text-transform: uppercase; display: block; }
			
			#callouts p small { font: normal 0.281em verdana, sans-serif; color: #4C94B8; display: block; text-align: right; }

/* About Page
----------------------------------------------------------- */

#aboutWHS { background: url(../images/design/about-bg.gif) 10px 0 repeat-y; }

	#aboutWHSInner { background: url(../images/design/about-inner-bg.gif) 10px 0 no-repeat; padding: 20px 0 0 20px; }
		
		#aboutImage { margin-bottom: 10px; }
		
		#aboutContent { float: left; background: url(../images/design/grey-gradient.gif) 0 0 no-repeat; width: 362px; margin-right: 30px; padding-left: 10px; }
		
		#aboutContent h1 { margin-bottom: 0.25em; line-height: 1.2; }
	
			#dispatchArchive { border-top: 1px dashed #00334D; padding-top: 1em; }
			
				#dispatchArchive h3 { color: #FFAA00; font-size: 1.167em; text-transform: uppercase; }
				
				#dispatchArchive ul { list-style: none; margin: 0; padding: 0.5em 0 1.5em 0; }
				
					#dispatchArchive li { width: 165px; float: left; margin: 0 10px 0 0; }
				
						#dispatchArchive h4 { color: #80B2CC; font-size: 1.083em; text-transform: uppercase; padding-left: 22px; background: url(../images/design/icon-pdf.gif) 0 2px no-repeat; }
					
						#dispatchArchive p { font-size: 0.917em; margin-bottom: 0; }
						
		#aboutAside { float: left; width: 206px; }
		
		#aboutAside p { font-size: 1em; } 
		
			#aboutAside .caption { color: #00334D; font: normal 0.833em verdana, sans-serif; padding-bottom: 0.833em; margin-bottom: 1.5em; border-bottom: 1px dashed #00334D; }

/* Home Alarm Security Systems
----------------------------------------------------------- */

#costGraph { float: right; width: 264px; margin-left: 20px; }

/* Home Alarm Security Packages
----------------------------------------------------------- */

#homeAlarmAside { float: left; width: 195px; background: url(../images/design/narrow-nav-bg.gif) 0 0 no-repeat; overflow: hidden; /* PFD */ }

	#homeAlarmAsideInner { padding: 60px 15px 0 15px; }
	
		#homeAlarmAsideInner h2 { 
			font: bold 1.333em "helvetica neue", helvetica, arial, sans-serif; color: #00334D; 
			text-transform: uppercase; padding-bottom: 1em; border-bottom: 1px dashed #668594; 
			margin-bottom: 0.75em; text-align: center;
		}
		
		#homeAlarmAsideInner ul { margin-bottom: 1em; }
		
		#homeAlarmAsideInner li, 
		#homeAlarmAsideInner p { font-size: 0.917em; } 
		
		#homeAlarmAsideInner li { margin-bottom: 0.5em; }
		
#homeAlarmContent { float: left; width: 725px; overflow: hidden; /* PFD */ }

	#homeAlarmContentInner { padding: 10px 14px 0 28px; background: url(../images/design/wide-content-bg.gif) 0 0 no-repeat; overflow: hidden; /* IE6 PFD */ }
	
	#homeProducts { clear: both; margin: 0 -14px 0 -28px; overflow: hidden; /* IE6 PFD */ border-top: 1px solid #E8E8E8; padding: 3px 0 2em 6px; background: url(../images/design/home-product-bg.gif) -150px 0 repeat-y; }
		
			#homeProducts .productInfo { clear: left; border-top: 1px dashed #668594; padding: 1em 0 0 0; }
			
			#homeProducts h3 { color: #006699; margin-bottom: 0.25em; }
			
			#homeProducts span.price { color: #FFAA00; font: bold 1.33em "arial black", arial, sans-serif; display: block; }
			
			#homeProducts a.requestInfo { font-size: 0.75em; }
			
			#homeProducts ul { float: left; width: 135px; margin: 0 2px 0 18px; /* ie7.css and ie6.css inherits */ padding-top: 0.75em; }
				
				#homeProducts li { font-size: 1em; margin-bottom: 0.5em; /* ie7.css and ie6.css inherits */ }
				
		.eliteCoverage,
		.deluxeCoverage,
		.basicSystem { background: url(../images/design/grey-gradient.gif) 4px 5px no-repeat; padding-top: 25px; }
		
		.basicSystem { float: left; width: 162px; margin-right: 18px; padding-left: 9px; overflow: hidden; /* PFD */ }
		
			.basicSystem ul { float: none; }
			
			.basicSystem img { margin: 0 0 1em 20px; }
			
		.deluxeCoverage { float: left; width: 162px; padding-left: 9px; margin-right: 18px; overflow: hidden; /* PFD */ }
		
			.deluxeCoverage ul { float: none; }
			
			.deluxeCoverage img { margin: 0 0 1em 20px; }
		
		.eliteCoverage { float: left; width: 162px; padding-left: 18px; overflow: hidden; /* PFD */ }

/* Video Page
----------------------------------------------------------- */

#videoAsideInner { padding-top: 290px; } 
	
	#videoAsideInner h1 { position: absolute; top: 30px; left: 10px; }
	
	#mainVideo { position: absolute; top: 80px; left: 10px; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #000 url(../images/design/video-frame-bg.gif) 0 0 repeat-x; }

		#mainVideo img { border-top: 1px solid #000; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #000; display: block; }

	#videoAsideInner h2 { font-size: 1.333em; color: #fff; }

		#videoAsideInner h2 a { color: #fff; }
	
		#videoAsideInner h2 a:hover { color: #FFAA00; }
			
#videoContentInner { padding-top: 40px; }

	#videoContentInner .video { margin-bottom: 1em; }

/* FAQ Page
----------------------------------------------------------- */

#faq { border-top: 1px dashed #00334D; border-bottom: 1px dashed #00334D; list-style: none; margin: 0; padding: 0; }

	#faq li { padding: 0.5em 0; margin: 0; border-bottom: 1px solid #E8E8E8; background: #FFFFFF; }

		#faq h3 { 
			color: #006699; text-transform: none; text-decoration: underline; padding: 0 28px; background: url(../images/design/faq-arrow-blue.gif) 10px 3px no-repeat; 
cursor: pointer; font: bold italic 1.071em "helvetica neue", helvetica, arial, sans-serif;
		}
		
			#faq h3:hover { color: #FFAA00; background-image: url(../images/design/faq-arrow-yellow.gif); }
	
			#faq .answer { padding: 0 28px; }
	
				#faq .answer p { margin-bottom: 0; font-size: 1em; }
			
	#faq li.open { background: #FFFFFF url(../images/design/faq-bg.gif) 0 0 no-repeat; }
	
		#faq li.open h3 { color: #808080; background-image: url(../images/design/faq-arrow-grey.gif); }
		
			/* JS Styles */
			
			body.jsEnabled #faq .answer { display: none; }
			
/* -------------------------------------------------------------- 
	8. Form Pages
----------------------------------------------------------- */

/* Shared Styles
----------------------------------------------------------- */

form h2 { color: #006699; font: bold 1.25em arial, sans-serif; text-transform: uppercase; }

.interestListOne 	{ float: left; width: 185px; margin-right: 18px; }
.interestListTwo 	{ float: left; width: 185px; margin-right: 18px; }
.interestListThree 	{ float: left; width: 185px; }

.checkBoxField 			{ padding-left: 20px; }
.checkBoxField input 	{ margin-left: -20px; display: inline; /* IE6 DMB */ background: none; border: 0; }

.radioField input		{ background: none; border: 0; }
	
/* Contact Us Page
----------------------------------------------------------- */

body.contact #generalContentInner { background: #FFF url(../images/design/general-content-contact-bg.gif) 0 0 no-repeat; }

	#contactUs h1 { margin-bottom: 0; background: url(../images/design/dark-blue-horizontal-line.gif) 0 100% repeat-x; padding-bottom: 5px; }

	#contactUs .whatFieldsAreRequired { float: right; margin: 16px 0 0 0; }

		#contactUs .fieldArea input,
		#contactUs .fieldArea textarea { width: 117px; }

		#contactUs .fieldArea label { width: 63px; }
		
	#contactUs #contactInfoOne { float: left; width: 195px; margin-right: 15px; }

	#contactUs #contactInfoTwo { float: left; width: 195px; margin-right: 12px; }

	#contactUs #contactInfoThree { float: left; width: 195px; }
	
		#contactUs .phoneTypeField label { width: 80px; }
	
		#contactUs .phoneTypeField input { width: 103px; }
	
		#contactUs .bestTimeCallField label { float: none; width: auto; display: block; margin: 0 0 5px 0; }
	
		#contactUs .bestTimeCallField input { width: 192px; }
	
	#contactUs .checkBoxField input { width: auto; }
	
	#contactUs .otherField input.text { width: 105px; float: none; margin: 0; }
	
	#contactUs .commentsField { margin-bottom: 0; }
	
		#contactUs .commentsField textarea { width: 450px; height: 85px; }
	
	#contactUs .submitArea { margin-top: 0; }
	
/* Change Battery Page
----------------------------------------------------------- */

	#batteryIntro h1 { float: left; width: 145px; margin-right: 20px; }

	#batteryIntro p.summary { float: left; width: 437px; }

	#batteryVideos { clear: left; padding: 18px 0; background: url(../images/design/dark-blue-horizontal-line.gif) 0 0 repeat-x; border-bottom: 1px solid #00334D; } 
		
		#batteryVideos h3 { margin-bottom: 0; }
	
#batteryOrder { padding-top: 18px; }

	#batteryOrder #intro { float: left; width: 165px; margin-right: 15px; }
	
		#battery #intro p { font-size: 1.083em; }
	
	#batterySectionOne { float: left; width: 428px; }
	
		#batterySectionOne fieldset { width: 428px; background: none; }
	
		#batterySectionOne h2 { padding-bottom: 7px; background: url(../images/design/dark-blue-horizontal-line.gif) 0 100% repeat-x; }
		
		#batterySectionOne .whatFieldsAreRequired { float: right; }
		
		#batterySectionOne .fieldArea input,
		#batterySectionOne .fieldArea textarea { width: 127px; } 
		
		#batterySectionOne #contactInfoOne { float: left; width: 206px; margin-right: 10px; }
		
		#batterySectionOne #contactInfoTwo { float: left; width: 206px; }
		
			#batterySectionOne label { width: 63px; }
	
	#batterySectionTwo { background: url(../images/design/dark-blue-horizontal-line.gif) 0 0 repeat-x; padding-bottom: 0; clear: left; }
	
		#batterySectionTwo table { width: 570px; border: 0; }
		
			#batterySectionTwo table th { background: none; border: 0; color: #00334D; font-size: 1em; text-transform: uppercase; text-align: left; padding: 8px 0; }
			
			#batterySectionTwo table td { border-right: 0; font-size: 0.917em; padding: 8px 0; }
			
			#batterySectionTwo table input { border-right: 0; font-size: 0.917em; background: #F2F2F2; border: 1px solid #D1D1D1; width: 56px; }
			
			#batterySectionTwo table td.price { text-align: center; }
			
			#batterySectionTwo table tr.odd td { background: none; }
			
		#batterySectionTwo p small { font-size: 0.714em; text-align: right; }
		
	#batteryOrder .submitArea { margin-top: 0; }
	
/* Refer a Friend Page
----------------------------------------------------------- */

body.refer #generalContentInner { background: #FFF url(../images/design/general-content-refer-bg.gif) 0 0 no-repeat; }

#referIntro { background: url(../images/design/dark-blue-horizontal-line.gif) 0 100% repeat-x; }

	#referHeader { float: left; width: 205px; margin-right: 30px; }
	
	#referInfo { float: left; width: 375px; }
	
		#referInfo p { font-size: 1.083em; color: #00334D; }
	
		#credit { list-style: none; margin: 0; padding: 0; }
		
			#credit li { width: 184px; float: left; font-size: 1.083em; color: #00334D; margin-bottom: 0; } 
			
				#credit li span { font-weight: bold; }
			
#referAFriend { clear: left; }

	#referAFriend .fieldArea label { width: 65px; }

	#referAFriend .fieldArea label.daytime { background: url(../images/design/icon-phone-white.gif) 100% 3px no-repeat; }
	
	#referAFriend .fieldArea input,
	#referAFriend .fieldArea textarea { width: 120px; }

	#referAFriend #contactInfoOne { float: left; width: 199px; margin-right: 5px; }

	#referAFriend #contactInfoTwo { float: left; width: 202px; margin-right: 5px; }
	
	#referAFriend #contactInfoThree { float: left; width: 202px; }
	
#referAFriend h3 { color: #006699; font-size: 0.917em; padding-left: 75px; }

	#referAFriend .referral { float: left; width: 200px; margin: 0 6px 15px 0; }
	
	#referAFriend .rowLast { margin-right: 0; }
	
	#referAFriend #commentsFields { background: none; }
	
		#referAFriend #commentsFields p { float: right; width: 212px; margin-left: 20px; font-size: 1em; }
		
		#referAFriend #commentsFields textarea { width: 300px; }
		
#referAFriend .submitArea { margin-top: 0; }
		
/* Request Information Page
----------------------------------------------------------- */

#mapArea { margin-bottom: 1em; }

	#map { border: 1px solid #00334D; width: 223px; height: 210px; margin-bottom: 5px; }
	
	#mapArea p { text-align: right; font-size: 0.917em; }

		#mapArea p a { color: #00334D; text-decoration: none; }
		
		#mapArea p a:hover { color: #00334D; text-decoration: underline; }
	
#requestInformation h1 { margin-bottom: 0; background: url(../images/design/dark-blue-horizontal-line.gif) 0 100% repeat-x; padding-bottom: 5px; }

#requestInformation .whatFieldsAreRequired { float: right; margin: 16px 0 0 0; }

#requestInformation fieldset { clear: both; }

	#requestInformation fieldset h2 { color: #006699; font: bold 1.25em arial, sans-serif; text-transform: uppercase; }

	#requestInformation #intro { float: left; width: 153px; margin-right: 20px; }
	
		#requestInformation #intro p { font-size: 1.167em; color: #333333; }
	
		#requestInformation #intro img { margin: 0 5px 0 0; }
		
	#requestInformation #contactInfoOne { float: left; width: 212px; margin-right: 15px; }
	
	#requestInformation #contactInfoTwo { float: left; width: 212px; }
	
		#requestInformation .phoneTypeField label { width: 100px; } 
		
		#requestInformation .phoneTypeField input { width: 100px; } 
		
		#requestInformation .commentsField label,
		#requestInformation .bestTimeCallField label { display: block; float: none; width: auto; margin-bottom: 7px; }
		
		#requestInformation .commentsField textarea, 
		#requestInformation .bestTimeCallField input { width: 210px; }
		
		#requestInformation .otherField input.text { width: 105px; float: none; margin: 0; }
	
/* Site map
----------------------------------------------------------- */		
body.siteMap #sitemapConent { width: 655px;}

#citiesServed li { float: left; width: 140px; display: block; margin-bottom: 0.1em; font-size: 0.9em; }