/* Completely Different Solutions */
/* Developed By: David Gillard */
/* dgillard@cds.net.uk */

#picture {
	width:auto;
	float:left;
	padding-right:10px;
	}

input {
font-size:11px;


}

textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}

select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}

.copyImage {
border:1px solid #CCCCCC;

}


li.largeBodyCopy {

font-size:11.5px;
line-height:1.4em;
margin-top:5px;
}

.largeBodyCopy {

font-size:11.5px;
line-height:1.4em;
}

.largeBodyCopy ul {

font-size:11.5px;
line-height:1.4em;
}

.largeBodyCopy ul li {

font-size:11.5px;
line-height:1.4em;
}

.largeBodyCopy ol {

font-size:11.5px;
line-height:1.4em;
}

.largeBodyCopy ol li {

font-size:11.5px;
line-height:1.4em;
}

/*body * { font-size:11.5px; line-height:1.4em; }


/* ///////////////////////////////////// PLAIN BOX (FOOD)/////////////*/
		
	.plainBoxFood {
		padding:0px;
		background-color:#FFFFFF;
		/*border: 1px solid #CCCCCC;*/
	}

	.plainBoxFood td {
		padding:7px 5px 5px 5px;
	}
	
	.plainBoxFoodHeader {
		font-weight: bold;
		color:#333333;
	
	}
	
	.plainBoxFoodHeader a {
		/*	color:#4FA994; */
	}
	
    .plainBoxFoodHeader td {
		border-bottom:1px solid #FD7700;
		color:#FD7700;
	}
	
	.plainBoxFoodBody {
	
	}
	
	.plainBoxFoodLinkHolder {
		font-weight:normal;
		padding-right:10px;
	}
	

/* Gallery */
.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
          .gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:31.8%;
            margin:0 0 10px 1%; padding:10px 0;
            height:133px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
            background:url(45degree.png);
          }
            .gallery a,
            .gallery img{
              display:block;
              width:100%;
            }

            a img{ border:none; } /* A small fix */

            .gallery a:link,
            .gallery a:visited,
            .gallery a:focus,
            .gallery a:hover,
            .gallery a:active{
              padding:3px;
              background:#eeefef;
              width:125px; height:125px;
              border:1px solid #eeefef; /* We blend the border with the bg, as if it isn't there */
              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin:-62px 0 0 -62px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
            }
            .gallery a:hover{
              border-color:#dfdfdf;
            }

            
            .gallery{
              /*border-bottom:2px solid #000;*/
              padding-bottom:10px;
              margin-top:10px;
            }


/* ///////////////////////////////////// PLAIN BOX */
		
	.plainBox {
		padding:0px;
		background-color:#FFFFFF;
		/*border: 1px solid #CCCCCC;*/
	}

	.plainBox td {
		padding:7px 5px 5px 5px;
	}
	
	.plainBoxHeader {
		font-weight: bold;
		color:#333333;
	
	}
	
	.plainBoxHeader a {
		/*	color:#4FA994; */
	}
	
    .plainBoxHeader td {
		border-bottom:1px solid #E3E3E3;
	
	}
	
	.plainBoxBody {
	
	}
	
	.plainBoxLinkHolder {
		font-weight:normal;
		padding-right:10px;
	}
	
	

body {
  background-color: #FFFFFF;
  font: normal 10px Verdana, Arial, Georgia, sans-serif; 
  color:#333333;  
  padding:0;
  margin:0;
  text-align: center;
  background-color:#cacaca;
}
/* background: url(/assets/images/bkRepeat.png) repeat-x; */

td {
vertical-align:top;

}

a { color:#0066FF; text-decoration:none; }
a:hover { color:#0099FF; }


label { font-weight: bold; font-size:10px; }

hr {
	color: #CCCCCC;
	height: 1px;
	margin:0px;
	padding:0px;
}


#mainbody {
	text-align: left;
	vertical-align: top;
	padding:0px;
	width: 762px;
	height: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 14px;
	margin-left: auto;

}


#mainbody #header { padding:0px; margin:0px; }
#mainbody #header #headerGraphicPlate { background:url(/assets/images/frontpage/logo_bar.jpg) no-repeat;  height:84px; padding:0px; margin:0px; }
#mainbody #header #headerGraphicPlate #safeHeader { display:none; }
#mainbody #header #headerGraphicPlate #homeButton { border:none; margin:25px 0px 0px 15px; width:130px; height:50px;  }

#mainbody #header #primaryNav { background: url(/assets/images/menu_strip.jpg); height:30px; margin:0px; padding:0px 0px 0px 30px; vertical-align:top; }
#mainbody #header #primaryNav div { padding: 6px 10px 0px 10px; height:22px; margin:0px; float:left; }

#mainbody #header #primaryNav #GroupHome { background: url(/assets/images/brown_button.jpg); width:38px;  }
#mainbody #header #primaryNav #GroupPrices { background: url(/assets/images/brown_button.jpg); width:44px;  }
#mainbody #header #primaryNav #GroupWalkies	 { background: url(/assets/images/brown_button.jpg); width:65px;  }
#mainbody #header #primaryNav #GroupGrooming { background: url(/assets/images/brown_button.jpg); width:65px;  }
#mainbody #header #primaryNav #GroupTestimonials { background: url(/assets/images/brown_button.jpg); width:85px;  }
#mainbody #header #primaryNav #GroupHoundsForHoming { background: url(/assets/images/brown_button.jpg); width:50px;  }
#mainbody #header #primaryNav #GroupContact { background: url(/assets/images/brown_button.jpg); width:55px;  }



#mainbody #header #primaryNav div a { font-size:12px; color:#333333; font-weight:bold; text-decoration:none; }
#mainbody #header #primaryNav div a:hover { font-size:12px; color:#999999; font-weight:bold; text-decoration:none; }


#mainbody #header #secondaryNav { background-color:#F6F6F6; border-bottom:1px solid #999999; margin:0px 4px 0px 4px; padding:3px 0px 5px 27px; }
#mainbody #header #secondaryNav a { font-size:10px; color:#333333;  text-decoration:none; }
#mainbody #header #secondaryNav a:hover { font-size:10px; color:#0066FF;  text-decoration:underline; }
#mainbody #header #secondaryNav #selectedColourIndex { float:left; padding-right:10px; }

#mainbody #header #pageInfo { padding:10px 0px 0px 30px; }
#mainbody #header #pageInfo h3 { font-size:14px; font-weight:bold; margin:0px; padding:0px; }
#mainbody #header #pageInfoDate { float:right; color:#999999; font-weight:bold; padding:15px 10px 0px 0px; }




#body { padding:0px; 
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color:#cdab85;
	border-left-color:#cdab85;
	margin:0px;
	background-color:#FFFFFF;
	 }
	
#body #bodyGrad	{  padding:0px; margin:0px 0px 0px 9px; }

#body #bodyGrad #content {
	width:auto;
	margin:0px 5