/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */

/**
 * Garland, for Drupal 6.x
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net`
 *
 * If you use a customized color scheme, you must regenerate it after
 * modifying this file.
 */

/**
 * Generic elements
 */
body {
  margin: 0;
  padding: 0;
  font: 12px/170% Helvetica, Arial,  sans-serif;
  line-height: 16px;
  color: #494949; 
  background: #B5B5B5 url(../images/body-bg.gif) repeat-x;
}

img {
  border: none;
}

input {
  font: 12px/100% Verdana, sans-serif;
  color: #494949;
}

textarea, select {
  font: 12px/160% Verdana, sans-serif;
  color: #494949;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 170%; 
  margin-bottom: 20px;
}

h2 {
  font-size: 160%;
  line-height: 130%;
}

h1.page-heading {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px; 
  padding-bottom: 5px;  
  color: #A01306;
}

h3 {
  font-size: 140%;
  margin-bottom: 10px;  
  color: #000;
}

h3.sec {
  background-color: #efefef;
  border-bottom: 1px solid #ccc;
  padding: 5px 3px 3px 3px;
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 110%;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
} 

p.first {
  margin-top: 0;
} 

p.last {
  margin-bottom: 0;
}

a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}

a:hover {
  color: #A01306;
  text-decoration: underline;
}

a:active, a.active {
  color: #5895be;
}  

a:active {
  outline: none;
} 

table {
  border-collapse: collapse;
} 

table tbody td{
  padding: 4px 2px; 
  border: 2px solid #fff;
} 

td.form {
  background-color: #efefef;
} 

td.form2 {
  background-color: #DEE1E8;
}


.clear {
  clear: both;
}             

.left {
  float: left;
}            

.right {
  float: right;
} 

.bold {
  font-weight: 700;
}                 

.underline {
  border-bottom: 1px solid #ccc;
} 

.hidden {
  display: none;
}

ul {
  margin: 0;
}

/**
 * Container Hack.
 **/

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

* html .contain {
 height: 1%;
}


/**
 * Layout
 */ 
 
 #wrap {
   width: 978px;
   margin: 0 auto;
 }
 
.page-top {
  height: 9px; 
  margin: 0 auto;
  background: transparent url(../images/page-top.png) no-repeat;
} 

.page-bot {
  width: 100%;
  height: 17px;
  margin: 0 auto;
  background: transparent url(../images/page-bot.png) no-repeat;
}

#page {
  padding: 0 9px;
  background: transparent url(../images/page-bg.png) repeat-y;
} 

#page-inner { 
  background: transparent url(../images/pattern.gif);
}   

#header { 
  margin: 0 auto;  
  position: relative;
  width: 940px;
  height: 131px;
  background: transparent url(../images/header-bg.png) no-repeat;
} 

#content {
  margin: 5px 0; 
} 


#footer {  
  width: 940px; 
  margin: 0 auto;
  height: 100px;
  background-color: #a01306; 
  position: relative;
}  

/* Front Page */   

#content-lower {
  margin: 10px 0;
}

#services {
  width: 220px;
}  

#testimonials { 
  margin: 0 20px;
  width: 300px;
}


#recent-blog {
  width: 380px; 
}
      
/* Header */
#logo {
  padding: 12px;
  width: 301px;
}  

#navbar {  
  position: absolute;
  bottom: 4px;
  right: -4px;
  width: 571px;
  height: 47px;
  background: transparent url(../images/navbar-bg.png) no-repeat;
} 

/* Social Network buttons */

div#soc-net {
  position: absolute;  
  top: 10px;
  right: 5px;
}                    

#soc-net ul li {
  float: left;
  list-style: none;
  padding: 0 3px;
}  

#soc-net ul li a {  
 text-align: -9999em;
 font-size: 0;
 line-height: 0;
 display: block; 
 width: 22px;
 height: 22px;
 background: transparent url(../images/social-networking2.png) no-repeat;
}
     
#soc-net ul li#mysp a {
  background-position: -25px 0;
}

#soc-net ul li#twitter a {
  background-position: -50px 0;
}  

#soc-net ul li#fbook a {
  background-position: -75px 0;
} 

#soc-net ul li#rss a {
  background-position: -100px 0;
}

/* Navigation */  

#navbar ul {
  margin: 20px 0 0 0;
  padding-left: 10px;
}

#navbar ul li {
  list-style: none;
  float: left;
  padding: 0 10px; 
  border-right: 1px solid #5b5b5b;
}  
  
#navbar ul li.last {
  padding-right: 0;
  border-right: 0;
}
#navbar ul li a {
  color: #fff;  
  font-size: 12px;
}

/* The Rest */
.backing { 
  padding: 10px;
  width: 362px;
  height: 121px; 
  background: transparent url(../images/backing.jpg) no-repeat;
}

/* Homepage */
#homepage {
  padding: 10px;
  background-color: black;   
  background: transparent url(../images/black-bar-bg.jpg) repeat-x;
}     

#homepage #slideshow { 
  margin-top: -2px;
  width: 522px;
  height: 282px;   
  padding: 6px 10px;
  background: transparent url(../images/slideshow-bg.png) no-repeat;
} 

#homepage .backing {
  margin-bottom: 10px;
}

.slideplay {
  width: 522px;
  height: 282px; 
}

/* Free Quote box */  

#quote img.boxhead{
  margin: 3px;
}   

#quote .form {
  position: relative; 
  margin-top: 10px;
}

#quote .form .ZipHelp{
	margin-left:100px;
	font-size:10px;
}

#quote .form label#zip {
  display: block;
  float: left;   
  font-size: 16px;
  margin-left: 20px;
  margin-right: 20px; 
  margin-top: 8px;
}   

#quote .form input#zip-input {
  background: transparent url(../images/quote-input.gif) no-repeat;
  border: 0;    
  width: 132px; 
  padding: 6px 5px; 
  font-size: 16px;
  color: gray;
}

#quote .form input#zipcode-submit {
  background: transparent url(../images/next-btn.gif) no-repeat;
  border: 0;
  text-indent: -9999em;
  font-size: 0;
  line-height: 0;
  width: 71px;
  height: 29px; 
  position: absolute; 
  top: 0;
  right: 40px;
}     

#quote .form .radios {
  margin-left: 65px;  
  margin-top: 0px;
}  

#quote .form .radios input {
  margin-left: 15px;
}   

/* Glossary */ 

#glossary {
  position: relative;
  font-size:10px;
}

#glossary dl {
  margin-left: 10px;
}  

#glossary dt {
  font-size: 20px; 
  color: #000;
}   

#glossary dd {
  margin: 5px 0 0 0; 
  font-size: 14px;
  color: gray;
} 

#glossary .glossary-btn a {
  display: block;
  text-indent: -9999em;
  font-size: 0;
  line-height: 0;
  background: transparent url(../images/glossary-btn.gif) no-repeat;
  border: 0;
  width: 104px;
  height: 29px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/* Midsection */
#midsection {
  margin: 20px 0 10px 0;
} 

#midsection .heading {  
  border-bottom: 1px solid #ccc;
}  

#midsection .heading img {
  margin-bottom: 3px;
} 

/* Services */

#services li, #services ul {
  list-style: none;
  padding: 5px 0;
  margin: 0;
}  

#services li a {
  display: block;  
  text-indent: -9999em;
  width: 222px;
  height: 85px; 
  background: transparent url(../images/services-btns.gif) no-repeat;
} 

#services li#residential a {
  background-position: 0 -85px;
}

#services li#commercial a {
  background-position: 0 -170px;
}

/* Testimonials */

.testimonial {
  margin: 10px 0;
} 

.testimonial .info {
  margin-left: 80px;
} 

.testimonial .info .author {   
  text-align: right;
  color: #000;
  font-weight: 700; 
  padding-top: 5px;
  font-style: italic;
}

/* Recent Blog */   

#recent-blog .heading {
  position: relative;
}                    

#recent-blog .view-all {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
}

.view-all a {
  color: gray;    
}

#recent-blog .blog-list { 
  margin-top: 10px;
}

#recent-blog .blog {
  height: 55px;
  position: relative;  
  
}             

#recent-blog .even {
  background-color: #e9ecf0;
} 

.blog .blog-info {
  width: 80px;
}

.blog .post {
  margin-left: 10px;
} 

.blog .post .title a {
  color: #000; 
  font-weight: 700;
} 

.blog .date {
  font-size: 14px;
  color: #c41a08;
  margin: 2px;
} 

.blog .comments {
  margin-left: 17px; 
  margin-top: 5px;
  width: 19px;
  height: 19px;
  color: #fff;
  font-size: 14px; 
  padding: 3px 6px;
  background: transparent url(../images/comment-bubble.gif) no-repeat; 
  text-align: center;
}   

#blog .blog .comments {
  margin-top: 5px;
  width: 19px;
  height: 19px;
  color: #fff;
  font-size: 14px; 
  padding: 3px 6px;
  background: transparent url(../images/comment-bubble.gif) no-repeat; 
  text-align: center;
  margin-left: 0;
}


.blog .readmore {
  position: absolute;
  right: 2px;
  bottom: 2px;   
  font-size: 11px;
  font-weight: 700;
}

/* Home Bottom */

#home-bottom {
  width: 100%;  
  border-top: 1px solid #ccc; 
  padding: 15px 0;
} 

.vehicles {
	font-size:12px;
  margin-top: 5px;
  margin-left:15px;
  float: left;
}  

.vehicles ul {
  margin: 0;
  list-style: none;
  padding: 0;
  width: 100px;
} 

.vehicles ul a {
  color: #333;
}
.vehicles ul a:hover{
	color:#A01306;
}

#cities {
  margin-top: 5px;
  float: left;
  font-weight:bold;
}  

#cities ul {
  margin: 0;
  list-style: none;
  padding: 0;
  width: 125px;
} 

#cities ul a {
  color: #333;
}
#cities ul a:hover{
	color:#A01306;
}

#network {   
  float: right;
  width: 227px;
  height: 111px;
  padding-top: 30px;
  padding-left: 15px;    
  font-size: 11px;
  line-height: 15px;
  background: transparent url(../images/join-network.png) no-repeat;
} 

/* Footer */

div.copy {
  color: #fff; 
  position: absolute;
  top: 45px;
  left: 20px;
} 

div.foot-nav { 
  width: 550px;
  position: absolute;
  top: 45px;
  right: 20px;
}

div.foot-nav ul {
  margin: 0;
}  

div.foot-nav ul li {
  list-style: none;
  float: left;
  padding: 0 5px;
  border-right: 1px solid #333;
}     

.foot-nav ul li.last {
  border-right: 0;
}

div.foot-nav ul li a {
  color: #fff;
}
   
/* Quote Form pages */ 

div#quote-form {
  width: 820px;
  margin: 20px auto;
}

div#col-1 {
  width: 380px;
  margin-right: 20px; 
  padding: 10px 10px 0 0;
}  

div#col-2 { 
  padding: 10px;
  width: 380px;
} 

div#bottom-info { 
  padding: 10px 0;
  margin-top: 10px;
  border-top: 1px solid #ccc;
}

div.steps {
  width: 401px;
  height: 99px;
  margin-bottom: 10px;
  background: transparent url(../images/quote-steps.gif) no-repeat;
} 

#step-2 {background-position: 0 -99px;}   
#step-3 {background-position: 0 -198px;}  

div.steps h3 {
  font-size: 26px; 
  line-height: 30px; 
  padding-left: 90px; 
  padding-top: 20px;
}

div.steps strong {
  color: #1f9000;
}

#why-repair {
  margin-top: 30px;
}


.forms {
  width: 392px;  
  margin-bottom: 10px;
} 

.forms .q-top { 
  width: 392px;
  height: 35px;
  background: transparent url(../images/q-form-top.gif) no-repeat;
}

.forms .q-body {
  padding: 10px;  
  position: relative;
  background: transparent url(../images/q-form-body.gif) repeat-y;
}

.forms .q-bot {
  background: transparent url(../images/q-form-bot.gif) no-repeat;
  height: 8px;
}  

.forms .q-top h3 {
  padding: 13px 0 0 13px;
  color: #fff;
}

#quoteform #cantfind{  
  position: absolute;
  top: 0;
  right: 10px; 
  
} 

#quoteform .form-item {
  margin-bottom: 10px;
} 

#quoteform input[textfield]{
  width: 200px; 
  border: 1px solid #ccc;
  padding: 3px;
} 

#quoteform input[textfield]:focus {
  background-color: #DAF6F6; 
}

#quoteform label { 
  float: left;
  width: 125px;
  display: block; 
  color: #000;
  font-weight: 700;
} 

#quoteform label.nofloat {
  float: none;
  width: 100%; 
  clear: both;
}

#quoteform textarea {
  width: 100%;
  height: 120px;
}

#submit {
  width: 200px;
  margin: 20px auto;
}  

#submit input.submit-btn { 
  text-indent: -9999em;
  font-size: 0;
  line-height: 0;
  background: transparent url(../images/quote-btn.gif) no-repeat;
  border: 0; 
  width: 126px;
  height: 46px; 
  cursor: pointer;  
  display: block;
}

.center-align { 
  margin: 20px 0;
  text-align: center;
} 

.border { 
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
} 

div.checkboxes {
  margin-top: 3px;
}


#received-yes,
#received-insurance-yes {
  display: none;
} 

ul#services-incl {
  margin: 0;
  padding: 0; 
  font-size: 14px; 
  list-style: none;
}            

ul#services-incl li { 
  padding: 3px 0;
  border-bottom: 1px dotted #ccc; 
}

/* Specific Fields */

#quoteform input#zipcode-field {
  width: 100px;
}  


/* Blog Listing */ 

#blog img {
  margin: 20px 0 0 0;
}

#content-main {
  padding: 5px; 
  width: 626px; 
  margin-right: 20px;
  float: left;
  margin-top: 15px;
}

#sidebar-right{
  width: 274px;
  padding: 10px;
} 

img.heading {  
  margin-top: 20px;
  margin-bottom: 0px;
  padding-left: 5px;
}

.content-top {
  width: 626px;
  height: 20px;
  background: transparent url(../images/blog-top.png) no-repeat;
}

.content-body {
  background: transparent url(../images/blog-body.png) repeat-y; 
  padding: 0 10px; 
  width: 606px;
  
}

.content-bot {
  background: transparent url(../images/blog-bot.png) no-repeat;
  height: 36px;
}  

#content-main .blog {
  padding-bottom: 25px;
}

#content-main .blog .date {
  width: 68px;
  height: 75px;  
  padding: 10px 5px;
  background: transparent url(../images/blog-date.jpg) no-repeat;
}  

#content-main .blog .date span {
  display: block;  
  text-align: center;
}

#content-main .blog .date span.month {
  font-size: 20px;  
  text-transform: uppercase;
  color: #8e0000;
  line-height: 28px;
} 

#content-main .blog .date span.day {
  font-size: 32px;
  line-height: 35px;
  color: #000;
  font-weight: 700;
} 

#content-main .blog .date span.year {
  color: gray;
}

#content-main .blog .entry {
  margin-left: 93px;
} 

#content-main .blog .tags {
  margin-bottom: 10px;
  color: gray;
}

#content-main .entry .actions {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}  

#content-main .entry .com-text {
  text-align: bottom; 
  display: block; 
  margin-top: 8px; 
  margin-left: 35px; 
  width: 101px;
}  

#content-main .actions .share {
  margin-top: 7px;
}  


/* Recent Comments Block */

#recent-comments .comment {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}  

#recent-comments .comment p {
  margin: 2px 0; 
  color: #000;
}  

#recent-comments .comment .date {
  color: gray;
  font-size: 16px;
} 

/* Services Block */

#sidebar-right #services {
  margin: 0 auto;
}

/* Site Map */

.sitemap .menu{  
  width: 180px;
  margin-right: 20px;
} 
  
.sitemap ul {
  padding-left: 15px;
}   

.sitemap ul li {
  padding: 3px;
}

/* Blog comments */

#comments-detail {
  margin-top: 25px;
}

#comments-detail .com {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #efefef;
} 

#comments-detail .com .posted{
  color: gray;   
  margin-bottom: 5px;
}   

#comments-detail .posted strong {
  color: #000;
} 

/* Locations  Page */

ul#locations li,
ul#vehicles li { 
  width: 185px;
  float: left;
  padding: 3px 0;
} 

/* Affiliate Signup */   

div.affil-form {
  margin-right: 20px;    
  width: 325px;
}

p.affil-stmt {
  padding: 3px;
  background-color: #efefef;
  border: 1px solid #ccc; 
  margin-left: 335px;
  font-size: 14px;
  line-height: 18px;
}


form#affiliate-form .form-item {
  margin-bottom: 5px;
} 

form#affiliate-form .last {
  margin-bottom: 0;
}

form#affiliate-form label {
  display: block;
  float: left;
  width: 150px;
}

form#affiliate-form input.affil-submit {     
  margin-top: 10px;
  background: transparent url(../images/submit-btn.gif) no-repeat;
  border: none;
  width: 71px;
  height: 29px;
  text-indent: -9999em;
  font-size: 0;
  line-height: 0;
  display: block;
}
.error{
	background-color:#FFEBE8;
	border-color:#CC0000;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-style:solid;
	border-width:1px;
	margin:0 0 16px 8px;
	padding:12px;
}
.success{
	background-color:#98FB98;
	border-color:#228B22;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-style:solid;
	border-width:1px;
	margin:0;
	padding:12px;
}