@charset "utf-8";
/* ==================== Reliable Main Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Defaults
	 2.Header
	 3.Navigation
	 4.Quote Form
	 5.Content
	 6.Locations
	 7.Footer
*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body {background: #D9D9D9 url(../images/bg-main.jpg) repeat-x; font:11px Arial, Helvetica, sans-serif; color:#666;}

h1 {font-size:1.8em;}

h2 {font-size:1.2em; line-height:160%;}

h1,h2 {margin-bottom:6px; color:#000;}

a, a:hover, a:active, a:focus {text-decoration:none; outline:none;}

img {border:none;}
	
ul {list-style:none;}
	
.clear {clear:both;}

#page .img-clear {clear:both; display:block; padding-top: 6px;}
	
.err {color: #F00; font-weight: bold;}

.img-left {float:left; margin-right:15px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-top:5px; margin-bottom:5px; padding:3px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:15px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:15px; padding:3px; border:#CCC 1px solid;}
	
#wrapper {width:950px; margin: 0px auto;}

/* ==================== 2.Header ==================== */

#header {width:950px; height:110px; float:left; color:#666; background:url(../images/logo-allied.gif) no-repeat 520px 30px;}
#header #reviewstars {margin:35px 0 0 35px;}

#header img {float:left; margin-top:10px;}

#header p { color:#e76a00;}

#header p.topheader {padding-top: 8px; font-size:1.6em; font-weight:bold; padding-bottom: 6px;}

#header span {font-weight:bold; color:#363636;}


#header div {float:right; padding-right:25px; padding-top:5px; text-align:right;}


#header em {font-size:1em; color:#363636; display:block; font-weight:bold;}

#header em b {font-style:normal;}


p#phone {font-size:2.4em; font-weight:bold; color:#FC0;}
	
#header a {color:#333; font-weight:bold;}
	
#header a:hover {color:#000; text-decoration:underline;}
	
/* ==================== 3.Navigation  ==================== */

#navigation {width:950px; height:40px; float:left; background:url(../images/bg-navigation.jpg) repeat-x; font-weight:bold; color:#FFF; font-size:1.1em;}
	
#navigation li {float:left; position:relative;}

#navigation a {float:left; color:#FFF; background:url(../images/btn-spacer.jpg) no-repeat top right;}

#navigation a:hover {background:url(../images/btn-hover.jpg) no-repeat top right;}

#navigation .active {background:url(../images/btn-active.jpg) no-repeat top right;}

#navigation a, #navigation a:hover {display:block; padding:0px 27px;}
	
#navigation a, #navigation span, #navigation a:hover span {line-height:40px;}

a:hover#Home {background:url(../images/btn-home-hover.jpg) no-repeat top left;}

a.active#Home {background:url(../images/btn-home-active.jpg) no-repeat top left;}

a#Locations {background:none;}

a:hover#Locations {background:url(../images/btn-locations-hover.jpg) no-repeat top right;}

a.active#Locations {background:url(../images/btn-locations-active.jpg) no-repeat top right;}

/* ==================== 4.Quote Form ==================== */
	
#quote-form {width:946px; height:242px; float:left; padding-top:30px; border:#FFF 2px solid; background:url(/images/bg-header-image.jpg) no-repeat center top;}
#quote-form-commercial {width:946px; height:242px; float:left; border:#FFF 2px solid; background:url(/images/bg-header-image-commercial.jpg) no-repeat center top; text-align:right;}
#quote-form-commercial a {float:right; color:#fff; font-size:1.5em; font-weight:bold; display:block; padding:5px 22px;}
#quote-form-commercial a:hover {color:#333997; text-decoration:none;}

#quote-form a { color:#ff8127; padding-left:17px;}

#quote-form a:hover { text-decoration:underline;}

#quote-form #quote-container {float:right; padding-right:30px;}

#quote-form table {border-collapse:collapse; color:#FFF; font-weight:bold;}

#quote-form table td {height:34px; vertical-align:top;}

#quote-form table th {color:#FC0; font-weight:bold; font-size:1.5em; height:40px;}

#quote-form label { font-weight:bold; text-align:right; display:block; padding-right:5px;}


#quote-form input {width:133px; margin-bottom: 15px; margin-right:5px;}

#quote-form select {width:138px;}
#utilityp {padding-top: 15px;}

#quote-form .btn-continue {width:104px; height:27px; border:none; float:right;}



/* ==================== 4.Quote Form INTERNATIONAL ==================== */
	
#quote-form-intl {width:946px; height:272px; float:left; border:#FFF 2px solid; background:url(../images/bg-header-international.jpg) no-repeat center top;}

#quote-form-intl table {width:675px; border-collapse:collapse; float:right; position:relative; top:25px; right:18px; color:#FFF; font-weight:bold; display:block;}

#quote-form-intl table td {text-align:left; height:37px;}

#quote-form-intl table th {color:#FC0; font-weight:bold; font-size:1.7em;}

#quote-form-intl label {margin-right:10px;}

#quote-form-intl input, #quote-form select {margin:0px 6px 0px 2px; padding:2px; border:#CCC 1px solid; float:right; width:133px; font-size:1em;}

#quote-form-intl input {width:133px; margin-right:25px;}

#quote-form-intl select {width:140px;}

#quote-form-intl .btn-continue {width:104px; height:27px; border:none; float:right;}

/* ==================== 5.Content ==================== */
	
#content-container {width:920px; padding:15px 15px 0px 15px; float:left; background-color:#FFF; height:auto; min-height:525px;}
	
* html #content-container {height:525px;}

/* ==================== 6.Locations ==================== */

#locations_image{width:737px; height:100px; float:left; background:#000 url(../images/bg-footer.gif) top no-repeat;}
	
#locations {width:950px; padding:10px 0px 20px 0px; background-color:#000000; float:left; font-size:.9em;}
	
#locations #title {font-size:1.2em; padding-bottom:12px; padding-left:20px; font-weight:bold; color:#fe9601;}
	
#locations ul {display:block; font-size:1.1em; line-height:160%; float:left; width:210px; margin:0px 10px 0px 20px;}

#locations ul.last {width:170px; margin-right:0px; }
	
#locations li {background: url(../images/bullet-footer.gif) no-repeat left; padding-left:12px;}
	
#locations a {color:#00b2f0;}

#locations a:hover {text-decoration:underline;}

#bbb{float:right; width:213px; height:100px; display:block; background-color:#FFFFFF;}

/* ==================== 7.Footer ==================== */

#footer {width:910px; padding:20px; color:#666; clear:both; background:url(../images/logo-affiliates.gif) no-repeat 400px;}

#footer p{line-height:160%;}
	
#footer a {color:#F60;}
	
#footer a:hover {color:#666; text-decoration:underline;}
	
p#spectrum a {color:#666;}
	
p#spectrum a:hover {color:#F60;}

#footer #social {float:right; width:500px; text-align:right;}

#footer #social img {margin-left:6px;}

#footer .hideshow {display:none;}

.call-to-action-small {color:#00b2f0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold;}
.call-to-action-large {color:#00b2f0; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold;}
.call-to-action-orange {color:#e76a00; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold;}

#featuresbenefitsleft ul {display:inline; font-size:1.0em; line-height:160%; float:left; width:200px; margin:0px 5px 0px 5px;}
#featuresbenefitsright ul {display:inline; font-size:1.0em; line-height:160%; float:right; width:200px; margin:0px 5px 0px 5px;}	
#featuresbenefitsleft li {background: url(../images/bullet.gif) no-repeat left; padding-left:8px;}
#featuresbenefitsright li {background: url(../images/bullet.gif) no-repeat left; padding-left:8px;}
	
