/*-------------------------------*\
| STYLESHEET INFO:                |
| Project: DoodyMaster.com        |
| Date: Dec 09 2006               |
| Author: Robert BAJAN            |
| http://www.uncommonsite.com     |
\*-------------------------------*/
@import "reset.css";
@import "dolphin.css";
@import "tables.css";
@import "links.css";

/*--- SECTION 01: PAGE LAYOUT ---*/
body {
	font-family:"Trebuchet MS",Arial,Verdana,sans-serif;
	font-size:13px;
	margin:0 auto;
	}
	
[if IE] body {
	background: #000;
	}

form {
	clear:	both;
	}

#container {
	margin: 0px auto;
	margin-top:10px;
	width: 760px;
	}

	#header {
		position:relative;
		height: 94px;
		margin-bottom: 5px;
		background: url("../img/header-1.jpg") no-repeat;
		}

		#navigation ul li {
			display: block;
			float: left;
			width: 16%;
			text-align: center;
			background: blue;
		}

		#navigation ul li.first,
		#navigation ul li.last {
			width: 18%;
		}

		#navigation ul li a {
			display: block;
			border-right: 1px solid #fff;
			color: #fff;
			font-size: 1.2em;
			font-weight: bold;
			}
		#navigation ul li.last a {
			border: none;
			}
		#navigation ul li a:hover {
			text-decoration: none;
			}
			
		#logo {
			float: left;
			width: 180px;
/*			height: 127px; */
/*			background: url('../img/dm_logo.gif') no-repeat left top; */
			margin: 0px;
			text-indent: -9999px;
			}
		
		#phones {
			float: left;
			width: 580px;
			height: 87px;
			font-size: x-large;
			text-align: left;
			margin: 0px;
			}
		
		#serving {
			float: right;
			margin: 0px;
			width: 460px;
			height: 40px;
			font-size: large;
			text-align: center;
			margin: 0px;
			}

	#page {
		margin: 0px;
		width: 760px;
		border-bottom: 1px solid #76b900;
		/* background: url('../img/bg_page.gif') repeat-y left top; */
		}

		#content {
			margin:2px;
			float: left;
			width: 480px;
			}
			
			#plans {
				float: left;
				font-weight: 500;
				width:145px;
				font-weight: bold;
				font-size:120%;
				text-align: right;
				}
				
			#prices {
				float: left;
				width:67px;
				font-weight: bold;
				font-size:120%;
				text-align: center;
				}

			#selected_prices {
				border: 1px dashed #CC0000;
				background: yellow;
				float: left;
				width:65px;
				font-weight: bold;
				font-size:120%;
				text-align: center;
				}
			
			#areas_list {
				float: left;
				width: 250px;
				padding-right: 5px;
				}
				
			#map {
				float: right;
				width: 495px; 
				height: 450px;
				}

		#subnav {
			margin:2px;
			float: right;
			width: 266px; 
			}

		#full {
			padding:10px;
			float: left;
			margin: 0px;
			width: 740px;
			}

			#testimony {
				padding:10px;
				float: left;
				margin: 0px;
				width: auto;
				}

	#footer {
		padding: 10px;
		text-align: center;
		clear: both;
		border-top:1px solid #CC0000;
		}
		
#popup {
	padding:5px;
	margin-left: 10px;
	margin-right: 10px;
	width: 520px;
	}



/*--- SECTION 02: OBJECTS ---*/

h2 {
	font-size:18px;
	font-weight:bolder;
	color: #2f6831;
	display:block;
	border-bottom:1px solid #CC0000;
	padding-top:15px;
	clear: both;
	}

h3 {
	font-size:14px;
	font-weight: bold;
	color: #CC0000;
	font-weight: bold;
	margin-top:5px;
	clear: both;
	}

img {
	float:left;
	border: 0;
	margin-right: 5px;
	margin-bottom: 2px;
	}
	
img.icon {
	float:left;
	border: 0;
	margin-right: 5px;
	margin-bottom: 2px;
	}


a {
	color: #CC0000;
/*	text-decoration: underline; */
	}

a:hover {
	color: #CC0000;
	}

blockquote {
	border: 1px dashed #CC0000;
	color: #4d5a11; 
	padding: 10px;
	}
	
strong {
	font-weight: bolder;
	color:#4d5a11;
	}
	
p {
	margin-bottom:5px;
}

q {
	font-style: italic;
}

ol { 
	list-style-type: decimal;
	margin-left:20px;
	margin-bottom: 0.7em;
}

fieldset {
	clear: both;
	margin: 1px;
	border: 1px solid #2f6831;
	padding-top: 1.5em;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background: #9cdadc;
	position: relative;
	}

legend {
	[if IE 8] position: absolute;
	[if IE 8] top: -0.8em;
	left: 0.5em;
	border: 1px solid #FFFFFF;
	background: #2f6831;
	color: #FFFFFF;
	margin: 2px;
	}

/*--- SECTION 03: CLASSES ---*/
#content select.full {
	width: 390px;
	clear: right;
}

#store ul li {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}
		
#aiya ul li {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}

	.town {
	float: left;
	width: 174px;
	padding-right: 2px;
}


.state {
	float: left;
	width: 30px;
	padding-right: 2px;
}

.zip{
	float: left;
	width: 59px;
	padding-right: 0px;
}

.testimonial {
	display: block;
	float: left;
	width:480px;
	height: 150px;
	padding: 1px;
	background: url('../img/testimony.gif') no-repeat left top;
	margin-bottom: 5px;
	}

.intro {
	font-weight: bold;
	font-style: italic;
	}

.button {
	width: auto;
	float: right;
	margin-top:2px;
	margin-bottom:10px;
	}

input.links {
	width: 375px;
}

select.links {
	width: 100%;
}

textarea.links {
	width: 	375px;
	height:	10.0em;
}

textarea.outlink {
	width: 100%;
}

#areas_list label {
	float: left;
	width: 75px;
	text-align: right;
	padding-right: 5px;
	}

#page p input {
	width: 435px;
}

#footer div.social {float:left;}
#footer div.social img {margin:0 1px;}
#footer div.apaws {margin: 0 auto; width: 116px}
#footer div.bbb{float:right;}
#footer a {
	text-decoration:none;
	color: #4d5a11;
	}

#subnav ul {
	list-style: none;
	margin: 0 auto; 
	}

#subnav li {
	margin: 0 auto;
	}

#subnav img {
	border: 0;
	padding-bottom: 10px;
	}

#subnav label,input {
	display: block;
	width: 140px;
	float: left;
	margin-bottom: 10px;
}

#subnav label {
	text-align: right;
	width: 70px;
	padding-right: 10px;
}

#subnav br {
	clear: left;
}

#subnav input.phone1 {
	width: 34px;
	padding-right: 4px;
}

#subnav input.phone2 {
	width: 55px;
	padding-right: 0px;
}


#content p.testimony {
	font-family: "Courier", Arial;
	font-size: 14px;
	padding-left:5px;
	padding-right:5px;
	margin:0 auto;
	}

#content h3.testimony {
	font-family: "Courier", Arial;
	font-size: 14px;
	padding-left:5px;
	padding-right:5px;
	margin:0 auto;
	}

#content p.signature {
	font-weight: bold;
	text-align: right;
	padding-right:10px;
	}

#container p.slogan,
#content p.slogan {
	color: #CC0000;
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	}

#content a.slogan {
	color: #CC0000;
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	text-decoration: none;
	}

#content a.advert {
	color: 						#00529B;
	background-color: 			#FFFFFF;
	border: 					1px solid;
	margin: 					30px 0px 10px 0px;
	padding:					5px 10px 5px 0px;
	display: 					block;
	font-size: 					1.2em;
	text-align:					left;
	}

#content a.advert img {
	margin: 					-25px 0 0 -25px;
}

#content a.advert .ad_title {
	display: block;
	border-bottom: 1px solid;
	color: #CC0000;
}

#content a.advert .ad_message {
	font-size: 0.9em;
}

#content label,input,select {
	display: block;
	float: left;
	margin-bottom: 5px;
}

#content label {
	text-align: right;
	width: 75px;
	padding-right: 10px;
}

#content select {
	width: 138px;
}

#content br {
	clear: left;
}

#content input.phone1 {
	width: 32px;
	padding-right: 4px;
}

#content input.phone2 {
	width: 54px;
	padding-right: 0px;
}

#content input.address {
	width: 132px;
	padding-right: 2px;
}

#content input.town {
	width: 132px;
	padding-right: 2px;
}

#content label.radio {
	float: left;
	width: auto;
	display: inline;
	margin-left: 5px;
}

#content input.radio {
	float: left;
	display: inline;
	width: 10px;
	margin-top: 5px;
	margin-right: 5px;
}

#content label.dog {
	width: 40px;
}

#content input.dog {
	width: 120px;
}
#content textarea.comments {
	margin-left: 50px;
	padding-right: 10px;
}

#content input.google {
	width: auto;
	padding-right: 4px;
}

#content ul {
	padding-left: 3em;
	list-style-type: square;
	margin-bottom: 0.7em;
}

#content li {
/*	list-style: dashed; */
	margin: auto;
}

#full label,input,select {
	display: block;
	width: 133px;
	float: left;
	margin-bottom: 10px;
}

#full label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

#full br {
	clear: left;
}

#menu {
	float: right;
	}
	
#menu ul {
	list-style: none;
	margin: 0 auto;
	}

#menu li {
	display: block;
	margin: 0 auto;
	}

#menu a {
	text-decoration: none;
	color: #4d5a11;
	}

#menu img {
	float: none;
	border: 0;
	margin: 0 auto;
	}

#plans ul {
	padding-left: 0em;
	list-style: none;
	margin: 0 auto; 
	}

#plans li {
	font-size: 70%;
	padding-top:10px;
	display: block;
	margin: 0 auto;
	margin-bottom:10px;
	padding: 2px 4px;
	}

#plans li.header {
	font-size: 79%;
	}
	
#prices ul {
	padding-left: 0em;
	list-style: none;
	margin: 0 auto; 
	}

#prices li {
	font-size: 80%;
	padding-top:10px;
	display: block;
	margin: 0 auto;
	margin-bottom:10px;
	padding: 2px 2px;
	}

#prices li.header {
	font-size: 79%;
	}
	
#selected_prices ul {
	padding-left: 0em;
	list-style: none;
	margin: 0 auto; 
	}

#selected_prices li {
	font-size: 80%;
	padding-top:10px;
	display: block;
	margin: 0 auto;
	margin-bottom:10px;
	padding: 2px 4px;
	}

#selected_prices li.header {
	font-size: 79%;
	}

.warning {
	display: block;
	text-align: center;
	font-weight: bolder;
	color: #b30000;
	border: 1px solid #b30000;
	background: #E0E0E0;
	}
	
.movie {
	width: 100%;
	margin: 10px 0px 10px 0px;
	}
	
.service_description {
	color: #FFFFFF;
	font-size: 0.8em;
}

.phone_number {
	font-weight: bold;
	font-size: 1.0em;
	color: #2f6831;
}

.www {
	font-style: italic;
	margin: 0 0 0 10px;
}

.business_motto {
	font-style: italic;
	font-size: 0.9em;
}

.product-options {
	overflow: auto;
	width: auto;
	float: left;
	clear: right;
}

.product {
	clear: both;
	}
		
.googlecart-add-button {
	float: right;
	margin: 0 10px;
	}
	
.price {
	float: right;
	margin: 0 20px;
	color: #CC0000;
	font-weight: bold;
	font-size: 1.5em;
	}
	
.product-weight {
	display: none;
}

#googlecart-widget, #googlecart-widget-spacer {
   font-size: 14.78px;
	float: right;
  }
  
.override #googlecart-widget-head {
    width: 266px;
}
.override #googlecart-widget-body {
    width: 266px;
}
.override #googlecart-arrow {
	float: left;
	margin: 8px 10px 0 5px;
 }
 
.invisible {
	display: none;
	}
	
.red {
	color: red;
	font-weight: bold;
	}
	
a.social {
         vertical-align: bottom;
}

a.social p {
}

a.social img {
        opacity: 0.75;
        margin: 0;
        padding: 0;
}

a.social img:hover, a.social img:active {
        opacity: 1;
        }
        
.clear {
       clear: both;
       margin-bottom: -12px;
}

input[type="image"] {
	width: auto;
}