/*

Title:      DooCare.com base styles

*/



/* ******************************* */
/* general overall style specifics */
/* ******************************* */

@import url("reset.css");
@import url("960.css");

html
{
	font-size: 62.5%;
}

body {
	background: #FFF; 
	color: #333; 
	font: 1.3em Verdana, Helvetica, sans-serif; 
	line-height: 1.4em;
	border-top: 7px solid #5BB223;
}

.a508{
	display: none;	
}

p {
	padding: 0 0 10px 0;
	line-height: 1.5em;
}

.clearboth{
 display:block;
 clear:both;
 margin:0;
 padding:0;
}

.visualbreak {
	height: 21px;
	display: block;
	margin:10px 0;
	background: #ffffff url(bg_hr1.png) no-repeat;
}


/* ******************************* */
/*      Header Styles              */
/* ******************************* */
#header {
	clear: both;
	padding:12px 0;
 	margin:0;
 	/*background:#FFFFFF url(layout.png) repeat-x scroll 0 0;*/
}

#header h1 a {
	display: block;
	background: url(logo-doocare-90.png) no-repeat;
	width:306px;
	height: 104px;
	text-indent:-9999px;
	text-decoration:none;
	border-bottom: none;
}

/* ******************************* */
/*      Admin Nav Styles           */
/* ******************************* */
#admin{
 float:right;
 margin:10px 0 0 0;
 display:inline;
 color: #FD7215;
 width: 100%;
}
#admin a{
 font-size:0.9em;
 white-space:nowrap;
 margin:0 3px !important;
 margin:0;
 color: #FD7215;
 text-decoration: none;
}
#admin a:hover{
 color:#E14E01;
 text-decoration: underline;
}
#admin ul{
 text-align:right;
}
#admin ul li{
 display:inline;
}


/* ******************************* */
/*      Main Nav Styles            */
/* ******************************* */
#nav {
	clear: both;
	float:right;
	display: block;
	width: 441px; /* Had to put in fixed width b/c IE7 */
	margin:10px 0 0 0;
}

#nav li {
	float: left;
	line-height:1.4em;
	padding:0 0 0 6px;
	position:relative;
	width:auto;
	z-index:99;
}


#nav a {
	display: block;
	height:41px;
	text-indent:-9999px;
	width:141px;
}

#nav .residential a {
	background:transparent url('nav_residential.png') no-repeat scroll 0 0;
}

#nav .residential a:hover {
	background:transparent url('nav_residential.png') no-repeat scroll 0 -41px;
}

#nav .commercial a {
	background:transparent url(nav_commercial.png) no-repeat scroll 0 0;
}

#nav .commercial a:hover {
	background:transparent url(nav_commercial.png) no-repeat scroll 0 -41px;
}

#nav .commercial a {
	background:transparent url(nav_commercial.png) no-repeat scroll 0 0;
}

#nav .commercial a:hover {
	background:transparent url(nav_commercial.png) no-repeat scroll 0 -41px;
}

#nav .service a {
	background:transparent url(nav_service.png) no-repeat scroll 0 0;
}

#nav .service a:hover {
	background:transparent url(nav_service.png) no-repeat scroll 0 -41px;
}


/* ******************************* */
/*    Secondary Nav Styles         */
/* ******************************* */
#nav2 {
	margin:5px 0 25px 0;
	font-size: 0.9em;
	/*border-bottom: 3px solid #5BB223;
	border-right: 3px solid #5BB223;*/
	width: 100%;
}

#nav2 li {
	position: relative;
	list-style: none;
	margin: 0;
	border-bottom: 1px dotted #5BB223;
	;
}

#nav2 li a {
	display: block;
	width: 250px; /*Have to have fixed width b/c <=IE7*/
	padding: 5px 0 5px 30px;
	color: #5BB223;
	text-decoration: none;
	margin: 0;
	letter-spacing: 0.1em;
	font-weight: bold;
	background: transparent url(list_nav2.png) no-repeat 10px 30%;
}

#nav2 li a:visited {
	color: #5BB223;
	text-decoration: none;
}

#nav2 li a:hover {
	color: #F96F14;
	background: transparent url(list_nav2_on.png) no-repeat 10px 30%;
}



/* ******************************* */
/*      Home Hero Styles           */
/* ******************************* */
#home_hero, #hero{
	background: #5BB223;
	clear: both;
	float: left;
	width: 100%;
}

#hero{
	background:#5BB223 url(bg_hero.png) repeat-x scroll 0 0;
	border-bottom:8px solid #34740B;
}

.hero_plain {
	padding: 0 0 10px 0;
	clear: both;
	float: left;
	width: 100%;
}

.hero_in_grid {
	position: relative;
	min-height: 75px;
	padding: 25px 0 0 0;
}

.hero_in_grid_plain {
	position: relative;
	padding: 25px 0 0 0;
}

.home_hero_in_grid {
	position: relative;
	min-height: 325px;
	background: transparent url(bg_home_hero.png) no-repeat;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 20px 0 0 0;
}

.home_hero_in_grid p{
	padding: 0px 0 5px 0;
	margin: 0 0 0 7px;
}

.hero_in_grid_content h1 {
	color: #FFF;
	font-size:2.3em;
	line-height: 1em;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.hero_in_grid_content h2 {
	color: #000;
	font-size: 1.4em;
	line-height: 1em;
	margin-bottom: 5px;
	font-weight: normal;
}

#hero_scooping h3 a {
	position: absolute;
	left:600px;
	top:-30px;
	z-index: 99;
	background: url(sign_now_scooping.png) no-repeat;
	width:297px;
	height: 156px;
	text-indent:-9999px;
	text-decoration:none;
	border-bottom: none;
}

#hero_scooping h3 a:hover {
	background: url(sign_now_scooping.png) no-repeat 0 -156px;
}

.home_hero_in_grid_content {
	/*margin-left: 40px;*/
}

#crazy_dog {
	position: absolute;
	left:660px;
	top:-28px;
	z-index: 99;
}

.home_hero_in_grid ul {
	color: #FFF;
	margin: 4px 0 0 40px;
	padding: 0;
	list-style-type: disc;
}

.home_hero_in_grid ul li {
	padding: 3px 0 0 0;
}

.action_service {
	margin:0 auto;
	margin-top: 30px;
	background: url(bg_action_service.png) no-repeat 38px 0;
	height: 78px;
}

.action_service a {
	margin:0 auto;
	display: block;
	background: url(btn_order_service_today.png) no-repeat;
	width:313px;
	height: 55px;
	text-indent:-9999px;
	text-decoration:none;
	border-bottom: none;
}

.action_service a:hover {
	background: url(btn_order_service_today.png) no-repeat 0 -55px;
}

#hdr_reclaim {
	background: url(hdr_reclaim_yard.png) no-repeat;
	width:430px;
	height: 49px;
	text-indent:-9999px;
}

#hdr_with_doo_care {
	background: url(hdr_with_doo_care.png) no-repeat;
	padding-top: 5px;
	width:514px;
	height: 33px;
	text-indent:-9999px;
}


/* ******************************* */
/*      Body Content Styles        */
/* ******************************* */
#content {
	clear: both;
	float: left;
	margin: 0 auto 0 auto;
	padding: 15px 0 50px 0;
	width: 100%;
	min-height: 250px;
	background:#FFFFFF url(layout.png) repeat-x scroll 0 0;
}

p.intro {
color:#000;
font-size:1.1em;
font-weight:bold;
margin-bottom:10px;
}

#content h2{
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 10px 0 5px 0;
	color: #F96F14;
	font-weight: normal;
}

#content h2 a{
	color: #F96F14;
}

#content h3.alternate{
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0px 0 5px 0;
	color: #5BB223;
	font-weight: bold;
}

.price_point a {
	margin:0 auto;
	display: block;
	background: url(price_poop_free_yard_9.gif) no-repeat;
	padding-top: 5px;
	width:140px;
	height: 155px;
	text-indent:-9999px;
}

.movie_wrapper{
	display: block;
	clear: both;
	background-color: #CCCCCC;
	width:100%;
	padding: 10px 25px;
}

blockquote.bq_home{
	color:#5BB223;
	background: none;
	font-family:Georgia, serif;
	font-size:1.1em;
	line-height:1.6em;
	margin:5px 0;
	padding:0;
	text-align:left;
	width:100%;	
}

.bq_home .quote {
	background: none;
	margin:0 0 0 0;
	padding:10px 5px 5px 5px;
}

blockquote {
	background: #F96F14 url(bquote_top.gif) no-repeat scroll left top;
	color:#fff;
	font-family:Georgia, serif;
	font-size:1.1em;
	line-height:1.6em;
	margin:5px 0;
	padding:0;
	text-align:left;
	width:100%;
}

.quote {
	background: url(bquote_bottom.gif) no-repeat scroll right bottom;
	margin:0 0 0 0;
	padding:15px 20px 31px 20px;
}

.author {
	background-color: #fff;
	color:#999999;
	font-size:85%;
	line-height: 1em;
	margin:0;
	padding:5px 0 10px 5px;
	text-align: right;
}

blockquote.full  {
	background: #F96F14 url(bquote_full_top.gif) no-repeat scroll left top;
}

blockquote.full .quote  {
	background: url(bquote_full_bottom.gif) no-repeat scroll right bottom;;
}

ul.service_locations  {
	color: #5BB223;
	font-size: 1.1em;
}

ul.service_locations li {
	padding: 0px 0 0 30px;
	margin: 7px 0 0 0;
	background:url(blt_dog_paw.png) no-repeat 0 0;
	min-height: 30px;
}

ul.service_locations li a{
	color: #5BB223;
	text-decoration: none;
}

ul.service_locations li a:hover{
	color: #5BB223;
	text-decoration: underline;
}

h2.sifr {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	color: #5BB223;
}

h3.content-title{
	font-size: 1.3em;
	color: #FD7215;
	font-weight: normal;
	margin: 10px 0 5px 0;
}

h3.content-title a {
	color: #FD7215;
}

#content ul.checklist {
margin:5px 0 15px;
padding:0 0 0 10px;
}

ul.checklist li {
background:transparent url(list_checklist.png) no-repeat scroll 0 5%;
color: #5BB223;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0;
padding:0 0 10px 25px;
}

#content ul.multicol {
	margin: 15px 0 10px 0;
	
}

ul.multicol li {
	width: 250px;
	float: left;
	font-size: 1.3em;
	padding-bottom: 15px;
}

#content ul.normal {
	list-style-type:disc;
	margin:0 0 0 0;
	padding:0 0 10px 25px;
	line-height: 1.5em;
}

#content ul.normal li {
	padding:10px 0;
}

#content ul.basic {
	
	
}

#content ul.basic li {
	padding:2px 0;
}

#content ul.column-list{
	list-style-type:disc;
	color: #5BB223;
	margin:0 0 0 0;
	padding:0 0 10px 25px;
	line-height: 1.5em;
}

#content ul.column-list li a{
	color: #5BB223;
}

.news  {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}



p.title  {
	font-weight: bold;
	margin: 1px 0 1px 0;
	padding: 0 0 0 0;

}

#content ul.plain {
	margin-bottom: 25px;	
}

ul.plain li {
	color: #000;
}

p.title a {
	font-weight: bold;
	margin: 1px 0 1px 0;
	padding: 0 0 0 0;
	text-decoration: none;
	border-bottom: none;
	color: #333;
}



p.date {
	font-style: italic;
	font-size: 90%;
	color: #666;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}



p.description {
	font-size: 90%;
	color: #666;
}

.facts{
	font-size: 0.9em;
}

.facts strong{
	color:#5BB223;
}

#faqs dl {
	width: 100%;
	margin:15px 0 0 0;
	padding:0;
	width: 100%;
}
#faqs dt {
	width:100%;
	border-bottom:1px dotted #000;
	/*background-color: #FD7215;*/
	color:#000;
	display:block;
	float:none;
	font-size:1.2em;
	font-weight: bold;
	margin:0 0 1px 0;
	padding:7px 0px 7px 3px;
	text-align:left;
	
}

#faqs dt:hover {
cursor:pointer;
background-color: #F0F8EB;
color: #FD7215;
}

#faqs dd {
	margin:0 0 5px 0;
	padding:10px 25px;
}

.expandCollapse {
	display: block;
	border-bottom:1px dotted #000;
	padding:5px;
	text-align:right;
}
.expandCollapse p {
	margin:0;
	padding:0;
}


#pricing {
border-collapse:collapse;
border-left:1px solid #333333;
border-top:1px solid #333333;
}
#pricing th {
background-color:#5BB223;
color:#FFFFFF;
}
#pricing tbody th {
background-color:#FFFFFF;
color:#333333;
}
#pricing tbody td {
text-align:center;
background-color: transparent;
}
#pricing th, #pricing td {
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding:8px;
}
.priceDisclaimer {
color:#999;
font-size:0.8em;
margin:0;
padding:3px 0 0;
}

.credit-card li{
	display: inline;
}

.credit-card li.mc, .credit-card li.vi, .credit-card li.dc, .credit-card li.am{
	display: block;
	float: left;
	width:62px;
	height: 43px;
	text-indent:-9999px;
	margin: 5px 5px 30px 0;;
}

.credit-card li.mc{
	background:transparent url(sprite_cc_logos.png) no-repeat -62px 0;
}

.credit-card li.vi{
	background:transparent url(sprite_cc_logos.png) no-repeat -125px 0;
}

.credit-card li.dc{
	background:transparent url(sprite_cc_logos.png) no-repeat -187px 0;
}

.credit-card li.am{
	background:transparent url(sprite_cc_logos.png) no-repeat 0px 0;
}

img.img_inline{
	float: left;
	padding: 0;
	margin: 0 10px 20px 0;
	border: 1px solid #333;
	
}

.sitemap h4 {
	background-color:#FD7215;
	padding:5px 3px 5px 10px;
	font-size: 1.3em;
	font-weight: normal;
	margin: 5px 0px;
}

.sitemap ul{
	list-style-type:disc;
	margin:0 0 0 15px;
	padding:0 0 10px 15px;
	line-height: 1.5em;
}

.sitemap ul li {
	font-size:1em;
}
.sitemap ul li li {
	font-size:0.9em;
}
.sitemap h4 a:link, .sitemap h4 a:visited {
	color:#FFFFFF;
}

p.chango {
	padding: 0;
	margin: 0;
}
p.chango a:link{
	color:#5BB223;
}


/* ******************************* */
/*      Scrolling Styles	       */
/* ******************************* */
#slider {
	width: 591px;
	margin: 10px auto 0 auto;
	position: relative;
}

.scroll {
	height: 200px;
	overflow: hidden;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
}

.scrollContainer div.panel {
	padding: 1px 10px 20px 1px;
	height: 210px;
	width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}

ul.navigation {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0;
	padding:0 0 8px;
}
ul.navigation li {
	display:inline;
	padding-top: 10px;
	margin-right:5px;
	margin-bottom: 0px;
}
ul.navigation a {
	color:#000000;
	padding:10px 15px;
	text-decoration:none;
	background-color:#F6F6F6;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
ul.navigation a:hover {
	background-color:#F0F8EB;
}
ul.navigation a.selected {
	color: #ffffff;
	background-color:#5BB223;
	font-weight: bold;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
}

.scrollButtons {
	cursor:pointer;
	position:absolute;
	top:50px;
}
.scrollButtons.left {
	left:-20px;
}
.scrollButtons.right {
	right:-20px;
}

/* ******************************* */
/*      VCARD Styles	           */
/* ******************************* */
#content .vcard {
	font-weight: bold;
}

#content .vcard .adr {
	padding: 0 0 0 40px;
	background: transparent url(icon_cnt_mail.png) no-repeat top left;
	min-height: 30px;
}

#content .vcard .tel {
	padding: 5px 0 0 40px;
	background: transparent url(icon_cnt_phone.png) no-repeat top left;
	min-height: 30px;
}



/* ******************************* */
/*      FORM Styles	           	   */
/* ******************************* */
	
form {
	margin:0px;
	padding:0px;
	border: 3px solid #ccc;
	background: #e5e5e5;
}

select {
	font-size:1.4em;
}

fieldset {
	border:none;
	margin:5px 0 10px 0;
	padding:10px;
	display:block;
}

legend{
	display: none;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	color: #5BB223;
	font-weight: normal;
}

form input[type="text"]{
	font-size: 1.4em;
	width: 14em;
}

form input[type="text"]:focus,
form textarea:focus, 
form select:focus {
	border: 2px solid #5BB223;
	background-color: #C9ECB3;
}

form textarea {
	font-family: verdana;
	font-size: 1.2em;
	width: 20em;
	height: 10em;
}

#leadForm dl, #form1 dl {
	margin:15px 0px 0px 0px;
	padding:0px;
	width:auto;
	clear:both;
}

#leadForm dt, #form1 dt {
	clear: both;
	float:left;
	text-align: right;
	width:200px;
	margin:0px 10px 5px 0px;
	font-size: 1.3em;
	padding: 5px 0 10px 0;
}

#leadForm dd, #form1 dd {
	text-align: left;
	margin:0px 10px 5px 200px;
	padding: 5px 0 10px 0;
}

.required {
    font-weight: bold;
}


.button {
	clear:both;
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 5px 10px;
	background-color: #FD7215;
	color: #FFF;
	font-size: 1.5em;
	text-decoration: none;
	border: 2px solid #EF6102;	
	text-transform:uppercase;
}


#ValidationSummary1 {
background:transparent url(icon_error.gif) no-repeat scroll 10px 4px;
border:3px solid #CC0000;
color:#CC0000;
padding:5px 10px 10px 45px;
margin: 10px;
}
#ValidationSummary1 ul {
margin:5px 10px;
padding:0;
}
#ValidationSummary1 ul {
line-height:1.25em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:5px 0 0;
}
#ValidationSummary1 ul li {
background:transparent none repeat scroll 0 0;
}


/* ******************************* */
/*      Footer Content Styles      */
/* ******************************* */
#footer {
	clear:both;
	float:left;
	font-size:1em;
	margin:0px auto 0 auto;
	padding:10px 0;
	width:100%;
	background-color: #5BB223;
}

#footer_illustration {
	clear:both;
	background: #ffffff url(ftr_dog_scene.gif) no-repeat top left;
	height: 57px;
	margin: 0 auto 0 auto;
}

#footer ul {
	font-size:1.3em;
	line-height:1.5em;
	margin:0;
	padding:0 0 5px;
	color: #FFF;
}

#footer li {
	border-bottom: 1px dotted #fff;
	padding: 5px 0;
}

#footer li.last {
	border-bottom: none;
}

#footer li a {
	color: #FFF;
	text-decoration: none;
}

#footer li a:hover {
	color: #FFD403;
}

#footer .guarantee {
	background: transparent url(paw_of_approval_yellow.png) no-repeat 0 0;
	margin: 50px 0 0 0;
	padding: 0 0 0 90px;
	color: #FFD403;
	float: right;
}

#footer .guarantee h4 {
	font-size: 1.2em;
	padding: 0 0 5px 0;
}

#footer .guarantee p {
	font-size: 0.85em;
	color: #FFF;
	line-height: 1.5em;
}

#footer2 {
	background-color:#34740B;
	clear:both;
	color:#FFFFFF;
	float:left;
	font-size:0.85em;
	margin:0;
	padding:10px 0 5px 0;
	width:100%;
}

#footer2 ul {
	width: 100%;
	line-height:1.5em;
	margin:0;
	color: #FFF;
}

#footer2 li {
	float: left;
	padding: 0 10px 5px 0;
}

#footer2 li a {
	color: #FFF;
	text-decoration: none;
}

#footer2 li a:hover {
	color: #FFD403;
}

#footer2 p{
	clear: both;
	padding: 0px 0;
	margin: 0;
}

#footer2 .phone_contact {
	text-align: right;
	color: #FFD403;
}

#footer2 .phone_contact h4 {
	font-size: 2.5em;
	letter-spacing: -1px;
	padding: 12px 0 5px 0;
}