/* ------------------- GLOBAL ------------------- */

html, body  {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	background-color: #EF8122;
	overflow-y:auto;
	overflow-x:hidden;
	padding: 0px;
}
a {
	color: #41211C;
	text-decoration: underline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border:0;	
}
a:hover {
	color: #EF8122;
	text-decoration: underline;
}

p {
	margin: 0 0 1.2em;
	padding: 0;
}
ul {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	list-style-image: none;
	list-style-type: none;
}
li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 12px;
	line-height: 16px;
}
strong {
	font-weight: bold;
}
.hr {
	text-align: center;
	background-image: url(assets/divider.gif);
	background-repeat: no-repeat;
	height: 30px;
	background-position: center center;
	width: 150px;
}


/* ------------------- TYPOGRAPHY ------------------- */


.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #41211C;
	text-decoration: none;
	line-height: 25px;
	font-weight: normal;
}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #EF8122;
	text-decoration: none;
	line-height: 22px;
	font-weight: normal;
}
.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
}
.h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #41211C;
	text-decoration: none;
	line-height: 15px;
	font-weight: normal;
}

.smallprint {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	text-align: left;
	color: #605654;
}


/* ------------------- CONTENT ------------------- */

#container {
	margin-right: auto;
	margin-left: auto;
	width: 840px;
	margin-top: 20px;
	margin-bottom: 0px;
	clear: both;
	background-color: #dbccba;
	background-position: center center;
	background-image: url(assets/cf_bg.gif);
	padding: 10px;
	float: none;
	position: relative;
	overflow: auto;
}
#header {
	text-decoration: none;
	background-position: center center;
	height: 155px;
	width: 830px;
	background-image: url(assets/cf_header.jpg);
	position: relative;
	float: none;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
}
#feature {
	height: 360px;
	width: 830px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#featureimage {
	width: 625px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	height: 345px;
	position: relative;
	background: url(assets/spring_feature.jpg) 0 0 no-repeat;
	background-image: url(assets/spring_feature3.jpg);
}
.homepanels {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: left;
	background-color: #EDDFCE;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	width: 175px;
	color: #605654;
}
#homepanels {
	width: 830px;
	background-image: url(assets/home_panel_modules2.gif);
	background-color: #eddfce;
	height: 250px;
	padding-top: 45px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
}
#homepanel1 {
	width: 207px;
	background-color: #EDDFCE;
	float: left;
	height: 200px;
}
#homepanel2 {
	width: 207px;
	background-color: #EDDFCE;
	float: left;
}
#homepanel3 {
	width: 207px;
	background-color: #EDDFCE;
	float: left;
	height: 200px;
}
#homepanel4 {
	width: 207px;
	background-color: #EDDFCE;
	float: left;
	height: 200px;
}
#undermodules {
	margin-left:5px;
	background-color: #EDDFCE;
	float: left;
	width:830px;
}
#rightcolumn, #rightcolumn2 {
	text-decoration: none;
	background-image: url(assets/scrap_home_right_t.gif);
	background-repeat: no-repeat;
	width: 200px;
	float: left;
	background-position: center top;
	text-align: left;
	background-color: #EDDFCE;
	height: auto;
}

#rightcolumn2 {
	/*position: fixed;
	top: 202px;
	left: 50%;
	margin-left: 204px;
	z-index: 20;*/
	
}

#rightcontent {
	text-decoration: none;
	float: left;
	text-align: left;
	padding-left: 18px;
	padding-top: 45px;
	color: #605654;
	padding-right: 5px;
}
#rightmodule {
	text-decoration: none;
	float: left;
	text-align: left;
	padding-left: 22px;
	color: #605654;
	height: auto;
	width: 150px;
	padding-top: 50px;
}
.module {
	width: 540px;
	float: none;
	clear: none;
	padding-left: 22px;
	padding-top: 15px;
	height: auto;
	padding-bottom: 15px;
	padding-right: 20px;
}
#contactlist1 {
	width: 260px;
	float: left;
	padding-right: 20px;
	position: relative;
}
#contactlist2 {
	width: 260px;
	padding-right: 20px;
	float: left;
	position: relative;
}

.store_hours {
	width: 260px;
	float: left;
	padding-right: 20px;
}

#contactblock {
	position: relative;
	font-size: 11px;
	line-height: 15px;
	clear: both;
	float: none;
	width: 565px;
}
#stores {
	text-decoration: none;
	background-image: url(assets/home_panel_stores.gif);
	background-repeat: no-repeat;
	width: 200px;
	float: left;
	background-position: center 10px;
	text-align: left;
	height: 360px;
	position: relative;
}
#storescontent  {
	text-decoration: none;
	padding-top: 42px;
	width: 179px;
	float: none;
	clear: left;
	padding-left: 18px;
	color: #605654;
	padding-right: 5px;
	position: relative;
}
#contentmod1 {
	width: 565px;
	padding-top: 50px;
	margin-right: 20px;
	background-image: url(assets/contentpanelhead.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	color: #41211C;
	background-color: #EDDFCE;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	padding-bottom: 20px;
}
#contentmod2 {
	width: 605px;
	padding-top: 30px;
	margin-right: 20px;
	background-image: url(assets/intro.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	color: #41211C;
	padding-right: 0px;
	position: relative;
	background-color: #F1DFCC;
	padding-left: 0px;
	padding-bottom: 20px;
}
.break {
	background-image: url(assets/scrap_section.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 605px;
	float: none;
	background-color: #EDDFCF;
	clear: right;
	padding: 0px;
}


/* ------------------- NAVIGATION ------------------- */

#homeButton {
	position: absolute;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	bottom: 0px;
	left: 0px;
}

#navbar {
	width:595px;
	height:51px;
	right: 0px;
	position: absolute;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	bottom: 0px;
}

#homeButton ul li {
	display:block;
	float:left;
	list-style-type:none;
	}
	
#homeButton ul li a {
	display:block;
	height:146px; width:234px;
	background:transparent url(assets/home_button.png) no-repeat 0 0;
	text-indent:-9000px;
	}

#navbar ul li {
	display:block;
	float:left;
	list-style-type:none;
	}
	
#navbar ul li a {
	display:block;
	height:51px; width:62px;
	background:transparent url(assets/navigation_new.gif) no-repeat 0 0;
	text-indent:-9000px;
	}
	
#navbar ul li#garden a {
	width:84px;
	background-position: -62px 0;
	}

#navbar ul li#pool a {
	width:69px;
	background-position: -146px 0;
	}
	
#navbar ul li#dogwash a {
	width:119px;
	background-position: -215px 0;
	}
	
#navbar ul li#news a {
	width:84px;
	background-position: -334px 0;
	}
	
#navbar ul li#ourstory a {
	width:72px;
	background-position: -418px 0;
	}
	
#navbar ul li#contactus a {
	width:105px;
	background-position: -490px 0;
	}

/* ------------------- NAVIGATION ROLLOVER ------------------- */
	
#homeButton ul li a:hover {
	background-position: -234px 0;
	}

#navbar ul li a:hover {
	background-position: 0 -51px;
	}
  
#navbar ul li#garden a:hover {
	background-position: -62px -51px;
 	}
	
#navbar ul li#pool a:hover {
	background-position: -146px -51px;
 	}
	
#navbar ul li#dogwash a:hover {
	background-position: -215px -51px;
 	}
	
#navbar ul li#news a:hover {
	background-position: -334px -51px;
 	}
	
#navbar ul li#ourstory a:hover {
	background-position: -418px -51px;
 	}
	
#navbar ul li#contactus a:hover {
	background-position: -490px -51px;
 	}
	
	
#dogWashNav {
	margin-left:22px;
}
	
#dogWashNav ul li {
	display:block;
	float:left;
	list-style-type:none;
	padding-left: 20px;
	padding-right:10px;
	margin-bottom: 5px;
	background-image: url(assets/icon_1.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	}




/* ------------------- LISTS ------------------- */

.listgeneral {
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;
	margin-left: 1px;
	padding-top: 10px;
}
.listgeneral li {
	margin-bottom: 5px;
	background-image: url(assets/icon_1.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	padding-left: 18px;
}

.listprodmod {
	float: right;
	width: 190px;
	position: relative;
	padding-left: 20px;
	padding-bottom: 20px;
}

.listprod {
	list-style-type: none;
	font-size: 11px;
	margin-left: 1px;
	padding-top: 10px;
}
.listprod li {
	margin-bottom: 5px;
	background-image: url(assets/icon_3.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	padding-left: 12px;
	line-height: 13px;
}


/* ------------------- IMAGES ------------------- */


.img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.imgmore {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 9px;
}
.imgleft {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}
.imgbl {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	right: 0px;
	bottom: 0px;
	position: absolute;
	padding-top: 25px;
}
.imgright {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
}
.imgintro {
	padding-left: 22px;
}
.imganimheader {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	clear: none;
	padding-right: 195px;
}


/* ------------------- FOOTER ------------------- */


#footer {
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center -15px;
	color: #f7c091;
	background-color: #EF8122;
	font-weight: normal;
	text-align: center;
	background-image: url(assets/footer.gif);
	background-repeat: no-repeat;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	height: 25px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;
	margin-bottom: 0px;
	clear: both;
	margin-top: 0px;
}
#footer   a {
	color: #98511f;
}
#footer   a:hover {
	color: #41211C;
}

/*--------------------STORE LOCATOR------------------------ */

#pCodeEntry {	
	width:80px;
	border-collapse:collapse;
	border:1px solid #A4642B;
}

#goPCode {
	color:#603A1A;
}

#storeName {
	color:#FFB03C;
	font-weight:bold
}

#storeDetails {
	color:#603A1A;	
}

#noStores {
	color:#603A1A;
}

#loadingDiv {
	background:url(images/spinner.gif) no-repeat;
}

#storeLocator { 
	height:88px; 
	overflow:auto; 
}

#storeBox { 
	margin-bottom: 8px; 
}


/* ============== dogwash area stuff here ============== */

#dw_contentmod2 {
	width: 605px;
	padding-top: 30px;
	margin-right: 20px;
	background: url(assets/dw_intro.gif) left top no-repeat #fbfbe3;
	float: left;
	color: #41211C;
	padding-right: 0px;
	position: relative;
	padding-left: 0px;
	padding-bottom: 20px;
}

#dogwash-hdr {
	position: relative;
	top: -23px;
	border: 0;
}

#dogwash-nav {
	position: absolute;
	left: 50%;
	height: 69px;
	width: 156px;
	margin: 0 0 0 100px;
	padding: 0;
	list-style: none;
	top: 24px;
}

#dogwash-nav li {
	margin: 0;
	padding: 0;
}

#dogwash-nav li a {
	height: 23px;
	line-height: 23px;
	display: block;
}


#dogwash-nav li a#story {
	background: url(assets/dogwash_nav.gif) 0 0 no-repeat;
}

#dogwash-nav li a#story:hover {
	background: url(assets/dogwash_nav.gif) 0 -98px no-repeat;	
}

#dogwash-nav li a#services {
	background: url(assets/dogwash_nav.gif) 0 -22px no-repeat;
}

#dogwash-nav li a#services:hover {
	background: url(assets/dogwash_nav.gif) 0 -120px no-repeat;	
}

#dogwash-nav li a#booking {
	background: url(assets/dogwash_nav.gif) 0 -43px no-repeat;
}

#dogwash-nav li a#booking:hover {
	background: url(assets/dogwash_nav.gif) 0 -141px no-repeat;	
}

#dogwash-nav li a#learn {
	background: url(assets/dogwash_nav.gif) 0 -67px no-repeat;
}

#dogwash-nav li a#learn:hover {
	background: url(assets/dogwash_nav.gif) 0 -165px no-repeat;	
}


#dogwash-nav li a#add_franchisee {
	background: url(assets/admin_dogwash_nav.gif) 0 0 no-repeat;
}

#dogwash-nav li a#add_franchisee:hover {
	background: url(assets/admin_dogwash_nav.gif) 0 -48px no-repeat;	
}

#dogwash-nav li a#admin_logout {
	background: url(assets/admin_dogwash_nav.gif) 0 -24px no-repeat;
}

#dogwash-nav li a#admin_logout:hover {
	background: url(assets/admin_dogwash_nav.gif) 0 -72px no-repeat;	
}



#dogwash-nav li a span {
	display: none;
}

#dogwash-nav-btm {
	height: 52px;
	width: 377px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#dogwash-nav-btm li {
	margin: 0;
	padding: 0;
	float: left;
}

#dogwash-nav-btm li a {
	height: 52px;
	line-height: 52px;
	display: block;
}

#dogwash-nav-btm li a#services-btm {
	background: url(assets/dogwash_nav_bottom.jpg) 0 0 no-repeat;
	width: 117px;
}

#dogwash-nav-btm li a#services-btm:hover {
	background: url(assets/dogwash_nav_bottom.jpg) 0 -52px no-repeat;	
}

#dogwash-nav-btm li a#learn-btm {
	background: url(assets/dogwash_nav_bottom.jpg) -117px 0 no-repeat;
	width: 114px;
}

#dogwash-nav-btm li a#learn-btm:hover {
	background: url(assets/dogwash_nav_bottom.jpg) -117px -52px no-repeat;	
}

#dogwash-nav-btm li a#booking-btm {
	background: url(assets/dogwash_nav_bottom.jpg) -231px 0 no-repeat;
	width: 146px;
}

#dogwash-nav-btm li a#booking-btm:hover {
	background: url(assets/dogwash_nav_bottom.jpg) -231px -52px no-repeat;	
}

#dogwash-nav-btm li a span {
	display: none;
}

#dog-bg {
	width: 233px;
	height: 293px;
	position: absolute;
	left: 50%;
	top: 123px;
	margin: 20px 0 0 70px;
}

* html #dog-bg {
	background: url(assets/dog.gif) 0 0 no-repeat!important;
}

.dogwash h4 {
	font-size: 14px;
}

p.intro {
	width: 370px!important;
	font-weight:normal;
 }
 
 p.intro2 {
	width: 460px!important;
 }

#dogwash_form ul {
	margin: 1ex 0;
}

#dogwash_form li {
	margin: 0 0 5px 0;
}

.right {
	float: right;
}

#top-bg {
	background: url(assets/indent.jpg) right 10px no-repeat;
}

#dogwash_form {
	background: url(assets/form-bg.gif) 0 0 no-repeat;
	height: 463px;
	width: 516px;
	padding: 50px 30px;
}

#dogwash_form li {
	clear: both;
	padding: 6px 0 0 3px;
	height: 25px;
}

#dogwash_form form label {
	float: left;
	width: 190px;
	display: block;
}

#dogwash_form form input {
	background: url(assets/booking-input.jpg) 0 0 no-repeat;
	width: 184px;
	height: 25px;
	border: 0!important;
	padding: 6px 0 0 3px;
	font-size: 14px;
	float: left;
}

#dogwash_form form input.sm-txt {
	background: url(assets/booking-input-sm.jpg) 0 0 no-repeat;
	width: 96px;
}

#booking-man {
	background: url(assets/booking-man.png) 0 0 no-repeat;
	width: 250px;
	height: 379px;
	position: absolute;
	left: 50%;
	top: 130px;
	margin: 0 0 0 90px;
	z-index:99;
}

* html #booking-man {
	background: url(assets/booking-man.gif) 0 0 no-repeat!important;
}

#go-btn {
	background: url(assets/go-btn.gif) 0 0 no-repeat;
	width: 47px;
	height: 28px;
	display: block;
}

#go-btn:hover {
	background: url(assets/go-btn.gif) 0 -28px no-repeat;
}

#prod-list li {
	margin: 0 0 10px 0;
}

/*====== Backyard rewards form =======*/

#error_box {
	background: #c40200;
	width: 300px;
	padding: 15px 10px;
	text-align: center;
}

#error_box p {
	color: #fff;
	font-size: 1em;
	margin: 0;
	padding: 0;
}	

#contentmod_wide {
	width: 836px;
	background: url(assets/br_intro.jpg) 0 0 no-repeat #F1DFCC;
	float: left;
	color: #41211C;
	position: relative;
	padding: 0 0 20px 0;
}

#winter_catalogue {
	background: url(assets/winter_catalogue.png) 0 0 no-repeat;
	width: 198px;
	height: 228px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 122px;
	top: 200px;
	z-index: 2;
}

#winter_catalogue a {
	display: block;
	width: 198px;
	height: 228px;
}
	

#form_holder, #form_holder2 {
	background: url(assets/br_form_repeat.jpg) 0  0 repeat-y;
	width: 772px;
}

#form_holder2 {
	height: 560px;
	overflow: hidden;
}

#br_form {
	background: url(assets/br_form.jpg) 0  0 no-repeat;
	width: 614px;
	padding: 40px 40px 40px 118px;
	min-height: 768px;
}

#br_form h2 {
	margin: 20px 0 0 0;
	padding: 0;
	height: 45px;
}

#br_form p {
	color: #f1dfcc;
}

#terms a {
	color: #e5a119!important;
}

#br_header {
	position: absolute;
	z-index: 3;
	height: 278px;
	width: 781px;
	background: url(assets/rewards.png) 0  0 no-repeat;
	top: -1px;
}

* html #br_header {
	background: url(assets/rewards.gif) 0  0 no-repeat;
}

#contentmod_wide h1 {
	text-indent: -999em;
	height: 200px;
	display: block;
	margin: 0;
	padding: 0;
}

#br_form ul {
	margin: 0;
	padding: 0;
}

#br_form ul li {
	margin: 2ex 0;
	clear: both;
	height: 33px;
}

#br_form ul li input {
	height: 33px;
	line-height: 33px;
	margin: 0 5px 0 0;
	padding: 0 0 0 1px;
	border: 2px solid #000;
	background: url(assets/text_bg.jpg) 0 0 repeat-x;
	color: #9f816e;
}

#pets_table input, select {
	height: 25px;
	line-height: 25px;
	margin: 0 5px 0 0;
	padding: 0 0 0 1px;
	border: 2px solid #000;
	background: url(assets/text_bg.jpg) 0 0 repeat-x;
	color: #9f816e;
}

#age {
	padding: 0 0 0 10px;
}

#furry_friends {
	padding: 0 0 0 10px;
}

#pets_table_div {
	background: none;
	width: 543px;
	min-height: 110px;
	padding: 15px 0 0 15px;
}

#pets_table table {
	border-collapse: collapse;
}

.clear {
	clear: both;
}

#add_pet {
	padding: 8px 0 0 0;
}

#disc {
	list-style: disc;
	padding: 0 0 0 30px;
	margin: 1ex 0;
}

#pets_table_div table th, #pets_table_div table td {
	color: #f1dfcc;
	text-align: left;
	padding: 2px;
}

#pets_table_div table tr.dark {
	background: #552b14;
}

#terms {
	height: 34px;
	line-height: 34px;
	color: #f1dfcc;
}

#terms a {
	color: #fbb62d;
}

#checkbox {
	background: url(assets/checkbox.jpg) 0 0 no-repeat;
	width: 34px;
	height: 33px;
	display: block;
	float: left;
}

#checkbox_tick {
	background: url(assets/checkbox_tick.jpg) 0 0 no-repeat;
	width: 34px;
	height: 33px;
	display: block;
	float: left;
}

#submit {
	float: right;
	margin: 0 50px 0 0;
}

#padlock {
	background: url(assets/padlock.jpg) 0 0 no-repeat;
	padding-left: 40px;
}

#thankyou {
	width: 490px;
}

#thankyou h2 {
	padding: 0 0 10px 0;
}

#thankyou p {
	padding: 0 0 0 8px;
}
/*
#featureimage {
	background: url(assets/clearance_sale.gif) 0 0 no-repeat;
	text-align: right;
}
*/
#featureimage p {
	padding: 227px 25px 0 48px;
}

#featureimage a {
	color: #fff;
}

#cow {
	position: absolute;
	left: 430px;
	margin-top: -60px;
}

#storescontent .listgeneral {
	padding-top: 0px;
	margin-top: 0px;
}
