/**** REMOVES DEFAULT BROWSER STYLES - CHANGE AND DIE !! ****/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  p, blockquote, td, th
{
	margin:  0;
	padding : 0;
	font-family: Arial, Helvetica, sans-serif;

}

/* Removes list-styles from lists  */
ol, ul
{ list-style : none; }

/* Normalizes font-style and font-weight to normal  */
address, caption, cite, code, dfn, em,  th, var
{font-style : normal; font-weight : normal; }



/* Removes  border from fieldset and img */
fieldset, img
{border : 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align : left; }

/* Removes  quotation marks from q  */
q:before, q:after
{ content : '' ; }

*{
	padding: 		0;
	margin: 		0 0 0 0;
}	

/* MAIN PAGE STYLES START HERE */

body {
	width:930px;
	text-align : left;
	margin-right: auto;
	margin-left: auto;
	background-color: #E1E3E4;
}

h1,h2,h3,h4,h5,h6, .numbertxt  {
font-weight: normal;
}

p,a {
	font-weight: normal;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	
}


h1 {
	font-size: 29px;
	font-weight: normal;
	padding-top: 18px;
	color: #000000;
	margin-left: 25px;
	margin-right: 30px;
	font-family: "Times New Roman", Times, serif;
	padding-bottom: 8px;
}

h1.home-header{
	font-size: 33px;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	color: #2B4197;
}

/* container */

#container {
	width:930px;
	margin-bottom: 10px;
	height: 1%;
}

/* header */

#header-wrapper {
	width:930px;
	height: 111px;
	background-image: url(../graphics/header-bg.jpg);
	margin-top: 8px;
}

#header-wrapper img{
	padding-left: 15px;
	padding-top: 15px;
}

#logo {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6C9FBA;
	width: 195px;
}

#phone-numbers{
	height: 106px;
	width: 195px;
	float: right;
	background-color: #0E3B5F;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6C9FBA;
}

#phone-numbers p{
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 18px;
	padding-top: 17px;
	line-height: 18px;
}

/***************** large image or flash on home page *****************/

#main-pics{
margin-left: 1px;
}



/***************** good morning etc on home page *****************/

.home-page{
	font-size: 22px;
	padding-top: 20px;
}


/* top navigation bar */


#top-navbox{
	color: #FFFFFF;
	width: 900px;
	float: left;
	background-repeat: repeat-x;
	background-image: url(../graphics/topnav-bg.gif);
	background-position: top;
	background-color: #930317;
	height: 28px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


/* top drop-down navigation */

#nav-wrapper{
	width: 100%;
	float: left;
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 30px;
}

#navigation {
	float: left;
	width: 840px;
	color: #333;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 26px;
	cursor: hand;
}

#navlist99{
	z-index: 1;
}

#navlist99, #subs ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #990000;
	background-image: none;
}

#navlist99 a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 16px;
	padding-bottom: 4px;
	padding-left: 16px;
	font-weight: bold;
}



#navlist99 a:hover{
	display: block;
	
	
	
	
	background-image: url(../graphics/topnav-bg2b.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


#navlist99 #subs a:hover{
	display: block;
	color: #FFFFFF;
	
	
	
	font-weight: bold;
	background-image: none;
	background-color: #6A0000;
}





#navlist99 li {
	float: left;
	background-image: url(../graphics/topnav-pipe.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#navlist99 li ul {
	position: absolute;
	left: -999em;
	width: 155px;
}

#navlist99 li:hover ul {
	left: auto;
	width: 150px;
	padding-top: 0px;
	
}


#navlist99 li:hover ul, #subs li.sfhover ul {
	left: auto;
}

#navlist99 .smaller-sub a{
	font-size: 11px;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 150px;
	background-color: #990000;
	font-weight: bold;
	padding-right: 16px;
	padding-left: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CC6666;
}


#navlist99 li ul ul {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}


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

#navlist99 li:hover ul ul, #navlist99 li.sfhover ul ul {
	left: -999em;
}

#navlist99 li:hover ul, #navlist99 li li:hover ul, #navlist99 li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}






/* column wrapper */

#col-wrapper {
	width: 900px;
	height: 1%;
	float: left;
	background-image: url(../graphics/colwrapper-bg.gif); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

/* left column */

#left-col {
	width: 184px;
	height: 1%;
	float: left;
	padding-bottom: 176px;
	background-image: url(../graphics/leftcol-bg3.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#left-col img{
}


/* side pics in left col */

#featured {
	width: 173px;
	margin-left: 10px;
}

/* properties-col */

#properties-col{

}

/* middle-col */

#middle-col {
	height: 1%;
	width: 705px;
	background-image: url(../graphics/middlecol-bg4.jpg);
	background-position: right 10px;
	background-repeat: no-repeat;
	float: left;
	padding-bottom: 16px;
}

#middle-col p{
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 18px;
	padding-left: 25px;
	padding-right: 25px;
	color: #000000;
	font-size: 13px;
}

#middle-col h2{
	padding-top: 6px;
	padding-bottom: 6px;
	color: #9D0319;
	font-weight: bold;
	font-size: 15px;
	padding-left: 25px;
	padding-right: 25px;
}





/* right column */

#right-col {
	height: 1%;
	width: 195px;
	float: right;
}

#right-col p{
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 16px;
	padding-left: 25px;
	padding-right: 30px;
	color: #262626;
}

#right-col h2{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 30px;
	color: #810925;
	font-weight: bold;
	font-size: 21px;
	background-image: url(../graphics/mini-leaf.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 25px;
	padding-left: 30px;
}


/* picture box for under header pic */

#pics-box{
	
	margin-bottom: 15px;
	
}

#gallery-box{
	margin-left: 26px;	
}

#gallery-box img{
	margin-right: 10px;
	padding: 6px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;	
}

#flash-box{
	height: 207px;
	background-color: #FFFFFF;
	width: 388px;
	float: left;
}

#middle-col ul {
	margin-left: 34px;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#middle-col li {
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 10px;
	background-image: url(../images/bullet_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2px;
	list-style-type: square;
	font-size: 12px;
	line-height: 18px;
}

/* footer */

#footer {
	text-align: center;
	clear: both;
	width: 900px;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
	padding-top: 7px;
	background-color: #DFE1CB;
	padding-bottom: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#footer p{
	text-align: center;
	color: #61775f;
	font-size: 11px;
}

#footer a{
	text-align: center;
	color: #61775f;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11px;
}


#copyright {
	width:930px;
	text-align: center;
	clear: both;
	float: left;
	color: #666666;
	font-size: 11px;
	background-image: url(../graphics/copyright-bg.gif);
	background-repeat: no-repeat;
	height: 15px;
	background-position: top;
	margin-bottom: 12px;
}

#copyright a {
	text-decoration: underline;
	color: #666666;
	font-size: 11px;
}

A:link	{
	text-decoration:underline;
	font-weight: normal;
	color: #003399;
}
A:visited	{ text-decoration:underline; font-weight: normal; color: #003399}
A:hover	{ text-decoration:underline; font-weight: normal; color: #000000 }
A:active	{
	text-decoration:underline;
	color: #003399;

}

/* map page */

#map{
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 1px solid #CCCCCC;
	width: 525px;
	background-color: #FFFFFF;
	padding: 4px;
}


/* contact page */

.tickboxtext{
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.checkboxpadding{
	margin-right: 2px;
	margin-left: 4px;
}


label
{
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	width: 5em;
}

.mort-submit input
{
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin-left: 225px;
	border: 1px solid #297DA6;
	background-color: #CDDCE4;
} 




.submit input
{
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
} 

fieldset
{
	border: 1px solid #CCCCCC;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 350px;
	padding: 10px;
}

fieldset p
{
	padding-left: 4px;
}


legend
{
	color: #000000;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;	
}

#contact-form{
	margin-left: 28px;
	padding-left: 1px;
	margin-bottom: 22px;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}

#contact-form p{
	font-size: 12px;
	color: #333333;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

/* sections on forms */

.section{
	border: 1px solid #CCCCCC;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.submit-button{
	text-align: center;
}


.pic-border{
	border: 1px solid #CCCCCC;
	margin-right: 8px;
	margin-top: 4px;
	padding: 4px;
	float: left;
	margin-bottom: 20px;
}
		
/* floats images in content */

img.floatLeft { 
	float: left;
	padding: 4px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 4px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
}
img.floatRight {
	float: right;
	padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 9px;
	border: 1px solid #CCCCCC;
}

img.floatRightMap{
	float: right;
	padding: 4px;
	margin-top: 0px;
	margin-right: 75px;
	margin-bottom: 4px;
	margin-left: 9px;
	border: 1px solid #CCCCCC;
}

img.nofloat {
padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 1px solid #CCCCCC;
}


.clearboth {
	clear: both;
}

#product-table{
	margin-left: 14px;
	margin-top: 0px;
	margin-bottom: 12px;
}

#side-logos{
	margin-left: 6px;
	margin-top: 5px;
}

#side-logos img{
	padding-bottom: 5px;
}

#side-address{
	margin-left: 20px;
	font-size: 13px;
	color: #FFFFFF;
	margin-top: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #C36058;
	margin-bottom: 5px;
	background-color: #72001B;
}

#side-address p{
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 17px;
}

.redtxt{
	color: #960318;
}

.greentxt{
	color: #044A02;
}

.testimonials{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-right: 25px;
	margin-left: 25px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 12px;
	margin-top: 12px;
}

#side-pics{
	float: right;
	margin-top: 22px;
	margin-right: 15px;
	width: 170px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#side-pics img{
	border: 1px solid #CCCCCC;
	margin-bottom: 4px;
	padding: 4px;
}

.download-button{
	margin-left: 40px;
}

.rightmove-logo{
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 10px;
}

/***************** useful links page *****************/

#link-box{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 550px;
	margin-left: 23px;
}
 
 #link-box img{
	border: 1px solid #999999;
	margin: 4px; 
 }

.right-pic{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#properties-col{

}

.right-logos{
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 6px;
}

/***************** right borders on top nav *****************/

.border{
	background-image: url(../graphics/topnav-pipe.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.no-border{

}

/***************** client editable section on the properties wanted page *****************/

#notice-board{
	margin-left: 25px;
	margin-right: 25px;
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFCC;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
}

.choice{
	padding-left: 200px;
}

#notice-board p{
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}

#home-blocks{
	width: 900px;
	height: 221px;
	float: left;
	z-index: 2;
}

#home-blocks img{
	float: left;
}


#home-address{
	height: 200px;
	width: 237px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	float: left;
	background-image: url(../graphics/address-bg2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 21px;
}

#home-address p{
	color: #FFFFFF;
	padding-bottom: 10px;
	padding-left: 38px;
	line-height: 20px;
	font-weight: bold;
}

#home-address a{
	color: #FFFFFF;
}

#two-col-wrapper{
	width: 690px;
	height: 1%;
	margin-bottom: 8px;
}

#col-1{
	width: 345px;
	height: 1%;
	float: left;
}

#col-2{
	height: 1%;
	width: 345px;
	float: right;
}

#clearer{
	clear: both;
}

/***************** vetsnow / emergencies page *****************/

.vetsnow-map{
	padding: 8px;
	border: 1px solid #CCCCCC;
	margin-left: 24px;
	background-color: #FFFFFF;
	margin-top: 4px;
}

/***************** relocation page *****************/

#pics-box{
	margin-left: 26px;
}

#pics-box img{
	margin-right: 14px;
	padding: 4px;
	border: 1px solid #CCCCCC;
}

#staff-wrapper{
	width: 620px;
	margin-left: 26px;
	height: 1%;
	padding-bottom: 12px;
}

#staff-wrapper .staff-pic{
	float: left;
	width: 640px;
	height: 1%;
}

.staff-pic img{
	float: left;
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 14px;
}

.staff-pic p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#times{
	font-size: 12px;
	margin-left: 26px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#times td{
	padding: 2px;
}

#times h2{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}

#times h3{
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #005302;
}

#worming-table{
	font-size: 12px;
	margin-left: 26px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#worming-table td{
	padding: 2px;
	border: 1px solid #CCCCCC;
}

#worming-table h2{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}

#food-pics{
	float: right;
}

#food-pics img{
	
	padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 9px;
	border: 1px solid #CCCCCC;
}

#location-map{
	margin-left: 30px;
	border: 1px solid #CCCCCC;
	width: 600px;
	background-color: #FFFFFF;
}

#lee-farm{
	margin-left: 24px;
	border: 1px solid #CCCCCC;
	height: 174px;
	width: 650px;
	margin-top: 8px;
	margin-bottom: 12px;
}

#lee-farm img{
	float: left;
	padding: 6px;
	margin-right: 16px;
}

#lee-farm h2{
	padding-top: 30px;
}

.overview-map{
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	text-align: center;
	padding-bottom: 16px;
	padding-left: 20px;
}

#vac-offer{
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 25px;
	margin-right: 28px;
	margin-bottom: 5px;
	border: 3px dashed #BD041E;
}

#vac-offer ul{
	margin-left: 20px;
	font-weight: bold;
	color: #BD041E;
}


#vac-offer li{

}

#newsletters{
	margin-left: 10px;
	margin-top: 2px;
}

#newsletters img{
	text-align: center;
	padding-left: 15px;
}

.intro{
	font-weight: bold;
}

.intro a{
	font-weight: bold;
}

#open-day{
	border: 2px solid #A2041A;
	margin-left: 24px;
	margin-right: 24px;
	background-image: url(../graphics/relocation1-small.jpg);
	background-repeat: no-repeat;
	background-position: 0px -25px;
	height: 90px;
}

#open-day h2{
	background-color: #A2041A;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 6px;
}

#open-day p{
	font-size: 16px;
	padding-left: 155px;
}

#open-day a{
	font-size: 16px;
	
}