@charset "utf-8";
/* CSS Document */
/* global.css   */
@import url(/fdide/css/initial.css);
@import url(/fdide/css/960.css);

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

html, body, form, fieldset {
    color: #333333;
    font: 14px arial,helvetica,sans-serif;
}

body {
    background: #ededed url(/images/bg.gif) repeat-x;
    text-align: center;

}

a:link, a:visited {
    color: #3a80b3;
    cursor: pointer;
}

a:hover, a:active {
    color: #479ad7;
    cursor: pointer;
}

img {
    border: none;
}

/* Headlines, fonts, etc */
h1, h2, h3, h4 {
    font-weight: normal;
}

h1 {
    margin: 20px 0;
    font-size: 30px;
    line-height: 1.10;
    color:#90ba45;
}

h2 {
    font-size: 18px;
}

h4 {
    margin: 12px 0 2px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 125%;
}

hr {
    border:0;
    border-top:1px dashed #d9d9cc;
    margin: 20px 0;
    width: 100%;
    color: #FFFFFF;
    height: 1px;
}

.smallText {
    font-size: 11px;
}

/* Global Containers */

#container {
    padding: 0;
    background: url(/images/bg-shadow.gif) no-repeat center top;
}

#containerInner {
    padding: 20px 10px;
    width: 960px;
    margin: 0 auto;
    background: #fff;
    text-align: left;
    min-height: 670px;
}


/* Footer */

#footer {
    padding: 30px 10px;
    margin: 0 auto;
    background-color:#77a730;
    width:960px;
    color:#ffffff;
    font-size:12px;
    text-align:left;
}

#footer a, #footer a:link, #footer a:visited {
    color:#ffffff;
    text-decoration:none;
}
#footer a:hover, #footer a:active {
    text-decoration:underline;
}

#footer #copyright {font-size:11px;}

#footer #phone {font-size:20px;font-weight:bold;margin:0 0 10px 0;}


/* Header */
#logo {
    margin-top: 15px;
}

#header {
    text-align: left;
    position:relative;
    margin-bottom:10px; 
}
#vine {
    position:absolute;
    top:0;
    left:360px;
}

#headerPhone {
    color:#999999;
    font-size:28px;
    text-align:right;
    margin:2px 0;
}
#headerPhoneSub{
    color:#999999;
    font-size:14px;
    text-align:right;
    margin:2px 0;
}

#headerLocationName {
    text-align:left;
    padding:78px 0 0 20px;
    color:#999999;
}



/* Navigation */
#globalNav {
    width:982px;
    margin:0 auto;
    background-color:#ffffff;
}

#globalNav ul, #globalNav ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#globalNav ul li {
    float: left;
    margin-right:53px;
}



#globalNav ul li a {
    display: block;
    outline: none;
    height:42px;
}

#philosophy {background: url(/images/our-philosophy.gif) no-repeat;width:141px;height:42px;}
#philosophy a:hover, #philosophy a:active, #philosophy a.on {background:url(/images/our-philosophy_on.gif) no-repeat;width:141px;height:42px;}

#services {background: url(/images/services.gif) no-repeat;width:74px;height:42px;}
#services a:hover, #services a:active, #services a.on {background:url(/images/services_on.gif) no-repeat;width:74px;height:42px;}

#products {background: url(/images/products.gif) no-repeat;width:80px;height:42px;}
#products a:hover, #products a:active, #products a.on {background:url(/images/products_on.gif) no-repeat;width:80px;height:42px;}

#faq {background: url(/images/faq.gif) no-repeat;width:29px;height:42px;}
#faq a:hover, #faq a:active, #faq a.on {background:url(/images/faq_on.gif) no-repeat;width:29px;height:42px;}

#location {background: url(/images/your-local-ecomaids.gif) no-repeat;width:202px;height:42px;}
#location a:hover, #location a:active {background:url(/images/your-local-ecomaids_on.gif) no-repeat;width:202px;height:42px;}

#estimate {background: url(/images/request-an-estimate.gif) no-repeat;width:202px;height:42px;}
#estimate a:hover, #estimate a:active {background:url(/images/request-an-estimate_on.gif) no-repeat;width:202px;height:42px;}


#globalNav  a, #globalNav a:link, #globalNav a:visited {
    color: #a4a4a4;
    text-decoration: none;
    text-transform: lowercase;
    font-weight:bold;
    text-indent:-9999px;
}

#globalNav .button {padding:0;margin-right:0px;}

#headerBar {
    width: 100%;
    margin-bottom: 15px;
    text-align: left;

}

ul#toolLinks, ul#toolLinks li {
    margin:0;
    padding:0;
    list-style:none;
}

ul#toolLinks {
    margin: 10px 0;
    float: right;
}

ul#toolLinks li {
    float: left;
    border-right: 1px dotted #ededed;
    padding: 2px 10px;
    font-size: 12px;
}

ul#toolLinks li.last {
    border: 0;
}

ul#toolLinks li.last, ul#toolLinks li.last a {padding-right:0;}

ul#toolLinks a, ul#toolLinks a:link, ul#toolLinks a:visited {
    text-decoration: none;
}

ul#toolLinks a:hover, ul#toolLinks a:active {
    text-decoration: underline;
}



/* Subnavigation */
#subnav { 
    margin: 20px 0;
}
#subnav ul, #subnav ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#subnav ul li {margin-bottom:2px;}
#subnav ul li a, #subnav ul li a:link, #subnav ul li a:visited {
    display:block;
    padding:10px;
    background-color:#666666;
    color:#ffffff;
    font-family:arial,helvetica,sans-serif;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
}
#subnav ul li a:hover, #subnav ul li a:active, #subnav ul li a.on {
    background-color:#888888;
}



/* POD Styles */
.pod {
}

.pod h3 {
    margin-top: 0;
    font-style:italic;
}


#locationPod, #addressPod {
    background-color:#82ae32;
    padding:10px;
    border:10px solid #eaebe5;
    height:231px;
    color:#ffffff;
    text-align:center;
}

#addressPod {
    text-align:left;
    font-size:16px;
}

#locationPod a, #locationPod a:link, #locationPod a:visited {
    color:#ffffff;
    text-decoration:underline;
}

#locationPod a:hover, #locationPod a:active {
    color:#beff48;
}


#locationPod h3 {
    text-transform:uppercase;
    font-style:normal;
    color:#ffffff;
    font-size:14px;
}
#locationPod p {margin:10px 0;}
#locationPod #locationName a {
    color:#ffffff;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
}
#locationPod #locationName a:hover, #locationPod #locationName a:active {
    text-decoration:underline;
}

#locationPod #phone {
    font-size:24px;
    color:#ffffff;
    font-weight:bold;
}
#locationPod #citylist, #locationPod #changelocation {
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
}

#franchisePod, #giftcardPod, #opportunityPod{margin-top:20px;}
#seals img {display:inline;}

#opportunityPod {
    background-color:#f6f5f0;
    padding:10px;
    border:1px solid #ebebe5;
}

/* lookup pod */

.podBorder {
    background-color:
}

#lookupPod {
    background-color:#82ae32;
    padding:10px;
    border:10px solid #eaebe5;
    height:231px;
    color:#ffffff;

}
#lookupPod h3 {
    color:#ffffff;
    font-style:normal;
    font-weight:normal;
    font-size: 24px;
    line-height:27px;
    margin-bottom:5px;
}

#lookupPod .inputText {border:1px solid #4e7309;padding:5px;color:#666666;float:left;margin-top:7px;width:110px;}
#lookupPod .inputSubmit {float:left;padding:0;}
#lookupPod #phone {font-size:24px;font-weight:bold;}
#lookupPod a, #lookupPod a:link, #lookupPod a:visited {color:#ffffff;}
#lookupPod a:hover, #lookupPod a:active {color:#beff48;}

/* location page */

#locationHeader {
    background-color:#f6f5f0;
    padding:10px 0;
    height:240px;
    border-bottom:10px solid #ebebe5;
    position:relative;
}
#locationHeader #photo {
    position:absolute;
    top:0px;
    left:0px;
}

#leftcolumn {
    border-right:1px dashed #d9d9cc;
    padding-right:20px;
}
#hours td {
    font-size:11px;
    padding:3px;
    border-bottom:5px solid #ffffff;
}
#hours tr {
    background-color:#f6f5f0;
}
#localOwner {
    margin-top:20px;
}

/* /locations/[state_name] */
ul#servicedCities {
   margin:20px 0 0;
   padding:0;
   list-style:none;
}
ul#servicedCities li {
    margin:0;
    padding:10px 0;
    display:block;
    border-bottom:1px dashed #D9D9CC;
}
ul#servicedCities li a:link, ul#servicedCities li a:visited {
    text-decoration:none;
}
ul#servicedCities li a:hover, ul#servicedCities li a:active {
    text-decoration:underline;
}
ul#servicedCities li a.cityLink {
    display:block;
    float:left;
    
}
ul#servicedCities li span.franchiseFriendlyName {
    display:block;
    float:left;
    margin-left:5px;
}
ul#servicedCities li span.franchiseNumber {
   display:block;
    float:right; 
}
ul#servicedCities li a.estimateLink {
    display:block;
    float:right;
    margin-left:10px;
}


/* Misc */
#localOwner {
    text-align: center;
}

#crumbs {
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
}


/* products */
.productDisplay {
    float: left;
    margin-right: 30px;
    width: 200px;
    margin-bottom: 30px;
    text-align: center;
}

.productDisplay img {
    margin: 0 auto;
}

.clear {
    clear: both;
}

.clearMargin {
    margin: 0;
}

.price {
    font-weight: bold;
    line-height: 18px;
}

.prodDescription {
    padding-bottom: 5px;
    font-size: 10px;
}

#productDetail {
    float: left;
    width: 420px;
}

#productDetail h3 {
    color: #000000;
    font-weight: bold;
}

#productDetail h1 {
    margin-top: 0;
    margin-bottom: 10px;
}



 /*services */

.serviceDisclaimer {font-style:italic;background-color:#ededed;padding:10px;margin:30px 0 0 0;font-size:11px;}

/* coupons */

.coupon {border-bottom:1px dashed #d9d9cc;margin:20px 0; }
.couponHeadline {font-weight:bold;}
.couponLowerHeadline {}

/* social media links */

.socialNetworkLink {
	display:block;
	text-indent:-9999px;
	width:32px;
	height:32px;
	margin-right:5px;
}
.facebookLink {
	background:url(../images/facebook_32.png) no-repeat;
}
.twitterLink {
	background:url(../images/twitter_32.png) no-repeat;
}
.tumblrLink {
	background:url(../images/tumblr_32.png) no-repeat;
}
.yelpLink {
	background:url(../images/yelp_32.png) no-repeat;
}
.linkedinLink {
	background:url(../images/linkedin_32.png) no-repeat;
}
.blogspotLink {
	background:url(../images/blogger_32.png) no-repeat;
}