/*

		Colours:
		
			background-grey:		#AAA;
			main content grey:		#707070;
			top right basket grey:	#454545;
			text:					#FFF;
			orange: (links etc)		#DE5E03;
			blue: (lines, borders)	#9CB2CA;
			grey lines:				#9E9E9E;
			
		Widths:
		
			Header Width:			767px;
			Content Width:			761px;
			Nav:					146px;
			Main:					435px;
			Right Hand:				180px;
			Full Content (no rhs):	615px;
			

*/

body {
	text-align: center;
	background-color: #AAA;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFF;
	margin: 0;
	padding: 0;
}

#breadcrumb {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
}
#breadcrumb li {	
	display: inline;
	list-style-type: none;
	color: #DDD;
	border-right: 1px solid #DDD;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	text-transform:lowercase;
}
#breadcrumb li.breadcrumblast {	
	border-right: 0px solid #DDD;
}

#breadcrumb li a:active, #breadcrumb li a:link, #breadcrumb li a:visited, #breadcrumb li a:hover {
	color: #DDD;
	text-decoration: underline;
}


#previewDiv {
	width: 100%;
	border: 1px dashed #DE5E03;
	padding: 10px;
	background-color: #FFF;
	color: #000;
	margin-left: auto;
	margin-right: auto;
}
#previewDiv strong {
	font-weight: bold;
}
#previewDiv a:link, #previewDiv a:visited, #previewDiv a:active {
	text-decoration: none;
	color: #DE5E03;
}
#previewDiv a:hover {
	text-decoration: underline;
	color: #DE5E03;
}

#topLayer {
	margin: 0;
	padding: 0;
}

a img, map, area, #mapuk {
	border:0;
}
#mapContainer {
	width: 309px;
	margin: 0 auto;
	text-align: center;
}

p.strong {
	font-weight: bold;
}

#mainWrapper {
	width: 767px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
}

	#logo {
		float: left;
		width: 588px;
		border:0px solid #000;
	}
	#topbasketWrapper {
		/* total width 179px */
		float: left;
		width: 178px;
		border-right: 1px solid #FFF;
		background-color:#454545;
		height:134px;
	}
		#topBasketHeader {
			border-bottom: 1px solid #EEE;
		}
			#topBasketContents {
				/* total width 178px */
				width: 158px;
				padding: 10px 0px 0px 20px;
				height:10px;
				
			}
				#topBasketContents dl {
					margin: 0;
					padding: 0;
				}
				#topBasketContents dl dt {
					float: left;
					width: 100px;
					margin: 0;
					padding: 0;
					clear: both;
					height:16px;
				}
				#topBasketContents dl dd {
					float: left;
					width: 48px;
					margin: 0;
					padding: 0px 10px 0px 0px;
					font-weight: bold;
					text-align: right;
					height:16px;
				}
			#topbasketButton {
				text-align: left;
				width: 178px;
				padding: 0px 0px 0px 0px;
				margin: 0;
				/*background: #454545 url(../images/header_orangeright.gif) no-repeat 0 bottom;*/
			}
				#viewBasketLink {
					position: relative;
					left: 82px;
					top: 3px;
				}
				#orangeRight {
					padding-top: 3px;
				}
	#contentWrapper {
		width: 761px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 6px;
		border: 0px solid #F00;
		background: #707070 url(../images/background_contentWrapper.gif) repeat-y top left;
	}
		#navWrapper {
			width: 146px;
			float: left;		
		}
			#leftMenuDiv {
				width: 145px;
				border-left: 1px solid #FFF;
				background-color:#707070;
				padding-bottom: 20px;
			}
				ul.leftMenu {
					display: block;
					list-style: none;
					margin: 0px 0px 2px 0px;
					padding-left: 4px;
					background-color: #707070;
					 
				}
				ul.leftMenuRed {
					display: block;
					list-style: none;
					margin: 0px 0px 2px 0px;
					padding-left: 4px;
					background-color: #B70302; 
				}
				ul.leftMenuBlue {
					list-style: none;
					margin: 0px 0px 2px 0px;
					padding-left: 4px;
					background-color: #015293; 
				}
				ul.leftMenuGreen {
					list-style: none;
					margin: 0px 0px 2px 0px;
					padding-left: 4px;
					background-color: #44604F; 
				}
				ul.leftMenuPurple {
					list-style: none;
					margin: 0px 0px 2px 0px;
					padding-left: 4px;
					background-color: #9B4D9E; 
				}
				ul.leftMenu li, ul.leftMenuRed li, ul.leftMenuBlue li, ul.leftMenuGreen li, ul.leftMenuPurple li {
					margin: 0;							
					background: #707070 url(../images/Nav_between.gif) repeat-x bottom left;
					display: block;
				}
				ul.leftMenu li.emergency {
					background: #B80303 url(../images/firstaid.gif) no-repeat right top !important;
				}
				ul.leftMenu li div, ul.leftMenuRed li div, ul.leftMenuBlue li div, ul.leftMenuGreen li div, ul.leftMenuPurple li div {					
					text-transform:lowercase;
				}
				
				ul.leftMenu li div img {
					vertical-align: middle;
				}
				ul.leftMenu li div a:active, ul.leftMenu li div a:visited, ul.leftMenu li div a:link, ul.leftMenuRed li div a:active, ul.leftMenuRed li div a:visited, ul.leftMenuRed li div a:link, ul.leftMenuGreen li div a:active, ul.leftMenuGreen li div a:visited, ul.leftMenuGreen li div a:link, ul.leftMenuBlue li div a:active, ul.leftMenuBlue li div a:visited, ul.leftMenuBlue li div a:link, ul.leftMenuPurple li div a:active, ul.leftMenuPurple li div a:visited, ul.leftMenuPurple li div a:link {
					text-decoration: none;
					color: #FFF;
				}
				ul.leftMenu li.emergency li div a:active, ul.leftMenu li.emergency li div a:visited, ul.leftMenu li.emergency li div a:link {
					text-decoration: none;
					color: #FFF;
					font-weight: normal;
				}
				ul.leftMenu li.emergency div a:active, ul.leftMenu li.emergency div a:visited, ul.leftMenu li.emergency div a:link {
					color: #FFF;
					font-weight: bold;
				}
				ul.leftMenu li div a:hover, ul.leftMenu li.emergency li div a:hover, ul.leftMenu li.emergency div a:hover, ul.leftMenuRed li div a:hover, ul.leftMenuGreen li div a:hover, ul.leftMenuBlue li div a:hover, ul.leftMenuPurple li div a:hover {
					text-decoration: underline;
				}
				ul.leftMenuPurple li div, ul.leftMenuRed li div, ul.leftMenuBlue li div, ul.leftMenuGreen li div {
					font-weight: bold; 
					padding: 2px 0px 0px 5px;
				}
				ul.leftMenu li div {
					padding: 2px 0px 0px 5px;
				}
				
				ul.subMenu {
					background: #818181 url(../images/Nav_between.gif) repeat-x top left;
					margin: 0;
					list-style: none;
					padding: 0;
				}
				ul.subMenu li {
					margin: 0;							
					background: #818181 url(../images/Nav_between.gif) repeat-x bottom left;
				}
				ul.subMenu li div {
					padding: 2px 0px 0px 15px;
					text-transform:lowercase;
					font-weight: normal;
				}
				
				
				
				ul.subMenu li.top {
					margin: 0;						
					background: #818181 url(../images/Nav_between.gif) repeat-x bottom left;
				}
				
				li.open {
					background-color: #505050 !important;
				}
				li.emergency {
					background: #B80303 url(../images/firstaid.gif) no-repeat right top !important;
				}
				
				
				ul.subMenu li.top div {
					padding: 2px 0px 0px 15px;
					text-transform:lowercase;
					font-weight: normal;
				}
				
				ul.tertiaryMenu {
					background: #909090 url(../images/Nav_between.gif) repeat-x top left;
					margin: 0;
					list-style: none;
					padding: 0;
					width: 100%;
				}
				ul.tertiaryMenu li {
					margin: 0;							
					background: #909090 url(../images/Nav_between.gif) repeat-x bottom left;
				}
				
				
				
				
				ul.tertiaryMenu li.tertiary div {
					padding: 2px 0px 0px 40px;
					text-transform:lowercase;
					font-weight: normal;
				}
				
				#leftWhiteBorder {
					width: 145px;
					border-right: 1px solid #FFF;
				}
				
					
		
		
		#rightWrapper {
			width: 154px;
			float: left;
			border-right: 1px solid #FFF;
			background: #707070 url(../images/rhs_bg.gif) no-repeat top left;
			padding: 5px 5px 0px 20px;
		}

form {
	margin: 0;
	padding: 0;
}

input.blueBorder {
	border:1px solid #9CB2CA;
}
input.searchInput {
	width: 100px;
}
#simpleSearchWrapper {
	float: right;
	width: 154px;
	margin: 0px 0px 10px 10px;
}
#simpleSearchGo {
	vertical-align: middle;
	margin-left: 10px;
}
#searchTitle {
	margin-bottom: 5px;
}

#newsTitle {
	margin-top: 30px;
}

#newsListing {
	width: 150px;
	padding: 0;
	margin: 0;
}
#newsListing dt {
	padding: 5px 0px 0px 0px;
	margin: 0;
	width: 150px;
}
#newsListing dt a:active, #newsListing dt a:visited, #newsListing dt a:link {
	font-weight: bold;
	color:#FFF;
	text-transform:uppercase;
	text-decoration: none;

}
#newsListing dt a:hover {
	font-weight: bold;
	color:#FFF;
	text-transform:uppercase;
	text-decoration: underline;

}
#newsListing dd {
	margin: 0;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #9CB2CA;
}
#newsListing dd a:active, #newsListing dd a:visited, #newsListing dd a:link, #newsListing dd a:hover {
	color: #FFF;
	text-decoration: none;
} 
#newsPagination {
	font-size: 0.9em;
	float: left;
	width: 100px;
	padding: 5px 0px 0px 0px;
}
#newsMore {
	width: 40px;
	float: right;
	padding: 5px 0px 0px 0px;
}
#newsMore a:active, #newsMore a:visited, #newsMore a:link {
	font-size: 0.9em;
	text-transform:uppercase;
	font-weight: bold;
	color: #B4D7FD;
	text-decoration: none;
}
#newsMore a:hover {
	font-size: 0.9em;
	text-transform:uppercase;
	font-weight: bold;
	color: #B4D7FD;
	text-decoration: underline;
}
#newsletterSignup p {
	margin: 0;
	padding: 0;
}
#newsletterSignup p a:active, #newsletterSignup p a:link, #newsletterSignup p a:visited {
	color: #FFF;
	text-decoration: underline;
} 
#newsletterSignup p a:hover {
	color: #C7C7C7;
	text-decoration: underline;
} 
#newsletterSignup label {
	font-weight: bold;
}
#newsletterTitle {
	padding: 5px 0px 0px 0px;
	margin: 30px 0px 0px;
}
#newsletterSignupSubmitDiv {
	text-align: right;
	padding-top: 2px;
}
input.newsletterEmail {
	width: 150px;
	padding: 0px 0px 3px 0px;
}

img.floatRight {
	float: right;
}
img.floatLeft {
	float: left;
}
img.whiteBorder {
	padding: 1px;
	border: 1px solid #FFF;
	margin: 2px;
}

#centreWrapperNoRHS {
	width: 594px;
	float: left;
	background-color: #707070;
	padding: 0px 5px 0px 15px;
	border-right: 1px solid #FFF;
}

#centreWrapper {
	width: 405px;
	float: left;
	background-color: #707070;
	padding: 0px 15px 0px 15px;
}
	#mainContent {
		background-color: #707070;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	#mainContent a:active, #mainContent a:visited, #mainContent a:link  {
		color: #FFF;
	}
	#mainContent a:hover  {
		color: #DE5E03;
	}
	#mainContent h1 {
		margin: 10px 0px 25px 0px;
		padding: 0;
		font-size: 2em;
	}
	#mainContent h2 {
		margin: 10px 0px 25px 0px;
		padding: 0;
		font-size: 0.9em;
	}
	#mainContent h2.events {
		margin: 0px 0px 5px 0px;
		padding: 0;
		font-size: 1.4em;
		width: 300px;
		float: left;
		font-weight: bold;
	}
	#mainContent h2.breeds {
		margin: 5px 0px 5px 0px;
		padding: 0;
		font-size: 1.4em;
		width: 200px;
		font-weight: bold;
		
	}
	#mainContent h3.breeds {
		margin: 15px 0px 5px 0px;
		padding: 0;
		font-size: 1.2em;
		font-weight: bold;		
	}
	#mainContent h3.firstaid {
		clear:both;
		margin: 15px 0px 5px 0px;
		padding: 0;
		font-size: 1.2em;
		font-weight: bold;		
	}
	#mainContent div.firstaid {
		float: right;
	}
	#mainContent div.regionListing {
		width: 400px;
		
		margin-bottom: 20px;
		
		
	}
	#mainContent div.regionListing div.vetTown {
		width: 122px;
		float: left;
		background-color: #CCC;
		margin-right: 7px;
		margin-bottom: 9px;
		color: #000;
		padding: 2px;
		border-top: 1px solid #2B5B96;
		border-left: 1px solid #2B5B96;
		border-bottom: 1px solid #DFDEDE;
		border-right: 1px solid #DFDEDE;
		text-align: center;
	}
	#mainContent div.regionListing div.vetTownOver {
		background-color: #A6A6A6;
	}
	#mainContent div.regionListing div.breederTown {
		width: 122px;
		float: left;
		background-color: #CCC;
		margin-right: 7px;
		margin-bottom: 9px;
		color: #000;
		padding: 2px;
		border-top: 1px solid #2B5B96;
		border-left: 1px solid #2B5B96;
		border-bottom: 1px solid #DFDEDE;
		border-right: 1px solid #DFDEDE;
		text-align: center;
	}
	#mainContent div.regionListing div.breederTownOver {
		background-color: #A6A6A6;
	}
	#mainContent div.regionListing div.last {
		margin-right: 0px;
	}
	#mainContent div.regionListing div.first {
		clear: both;
	}
	#mainContent div.regionListing div.vetTown a:link, #mainContent div.regionListing div.vetTown a:visited, #mainContent div.regionListing div.vetTown a:active, #mainContent div.regionListing div.breederTown a:link, #mainContent div.regionListing div.breederTown a:visited, #mainContent div.regionListing div.breederTown a:active {
		color: #000;
		text-decoration: none;
	}
	#mainContent div.regionListing div.vetTown a:hover, #mainContent div.regionListing div.breederTown a:hover {
		text-decoration: underline;
	}
	
	#mainContent div.vetMultiListing, #mainContent div.breederMultiListing, #mainContent div.shopCategoryMultiListing {
		width: 400px;		
		margin-bottom: 10px;	
		padding-bottom: 10px;
		background: #707070 url(../images/divide.gif) no-repeat 50% bottom;
	}
	#mainContent div.vetMultiListing div.vetAddress, #mainContent div.breederMultiListing div.breederAddress {
		width: auto;
	}
	#mainContent div.vetMultiListing div.vetMoreInfo, #mainContent div.breederMultiListing div.breederMoreInfo {
		float: right;
		width: auto;
		margin:55px 5px 0 0;
	}
	#mainContent div.vetMultiListing div.vetTel, #mainContent div.breederMultiListing div.breederTel {
		clear: left;
		padding: 4px 0;
		font-weight: bold;
	}
	
	#mainContent div.shopCategoryMultiListing h2 {
		font-size: 1.2em;
		text-transform: capitalize;
		margin-left: 10px;
		margin-bottom: 2px;
		margin-top: 1px;
	}
	#mainContent div.shopCategoryMultiListing p {
		margin-left: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	
	p.mapText {
		color: #000;
	}
	#mainContent div.eventDate {
		float: left;
		width: 100px;
		font-size: 1.2em;
		padding-top: 3px;
	}
	dl.eventListing {
		width: 400px
	}
	dl.eventListing dt {
		float: left;
		width: 296px;
		margin: 2px 0px 2px 0px;
		padding: 2px;
		background-color: #666666;
	}
	dl.eventListing dt a:link, dl.eventListing dt a:visited, dl.eventListing dt a:active {
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
	}
	dl.eventListing dt a:hover {
		color: #FFF;
		text-decoration: underline;
		font-weight: bold;
	}
	dl.eventListing dd {
		float: left;
		width: 96px;
		margin: 2px 0px 2px 0px;
		padding: 2px;
		background-color: #666666;
		color: #FFF;
		text-align: right;
	}
	.multiListing {
		float: left;
		width: 165px;
		padding: 5px 5px 5px 30px;
	}
	.newLine {
		clear:both;
	}
	.featureImg {
		float: right;
		width: 204px;
		text-align: center;
		padding: 0px 0px 5px 5px;
	}
	.featureImg img {
		float: right;
		clear: right;
		margin-top: 15px;
		border: 1px solid #FFF;
		padding: 1px;
	}
	.featureImg img.top {
		margin-top: 0px;
	}
	#breedGallery {
		width: 390px;
		margin-left: auto;
		margin-right: auto;
	}
	.breedImg {
		width: 120px;
		padding: 5px;
		float: left;
	}
	
	.multiListing a:link, .multiListing a:active, .multiListing a:visited {
		font-size: 1.1em;
		font-weight: bold;
	}
	dl.breedListing {
		margin-top: 10px;
	}
	dl.breedListing dt {
		clear: left;
		float: left;
		width: 80px;
		margin: 5px 20px 5px 0px;	
		padding: 0;	
		text-transform: uppercase;
	}
	dl.breedListing dd {
		float: left;
		margin: 5px 0px 5px 0px;				
	}
	div.breedWrapper {
		border: 1px solid #FFF;
		padding: 2px;
		width: 500px;
		margin-top: 20px;
	}
	table.breedInfo {
		width: 500px;
		border: 0px solid #FFF;
		padding: 0px;
		border-collapse:collapse;
		font-weight: normal;
		
	}
	table.breedInfo thead tr th {
		width: 54px;
		background-color: #A6A6A6;
		padding: 2px;
		
		border: 1px solid #707070;
		
		text-align: center;
	}
	table.breedInfo thead tr th.blank {
		background-color: #707070;
		width: 188px;
	}
	table.breedInfo thead tr th.key {
		width: auto;
		white-space: nowrap;
	}
	table.breedInfo tbody tr td {
		width: 54px;
		background-color: #A6A6A6;
		padding: 2px;
		font-weight: bold;
		border: 1px solid #707070;
		
		text-align: center;
	}
	table.breedInfo tbody tr td.description {
		width: 188px;
		text-align: right;
	}
	table.breedInfo tbody tr td.key {
		width: auto;
		font-size: 9px;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
	}
	div.breedLink {

		width: 350px;
		
	}
#footerWrapper {
	margin-left: auto;
	margin-right: auto;
	width: 779px;
	text-align: right;
	margin-bottom: 0px;
}

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	color: #000;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
	color: #000;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	color: #000;
	text-align: left;
}

.ac_loading {
	background : Window url('../images/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}
.searchResult {
	background: #707070 url(../images/Nav_between.gif) repeat-x bottom left;
	float: left;
	clear: both;
	width: 405px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.resultsScore {
	float: left;
	margin-bottom: 5px;
	margin-right: 4px;
	font-weight: bold;
	width: 26px;

}
.resultsText {
	width: 370px;
	float: left;
}

.resultsText a:active, .resultsText a:link, .resultsText a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;	
	text-transform: uppercase;
}
.resultsText a:hover {
	text-decoration: underline;
	color: #DE5E03;
	font-weight: bold;
	text-transform: uppercase;
}
.searchNavLeft {
	float: left;
	width: 75px;
}
.searchNavMiddle {
	float: left;
	width: 280px;
	text-align: center;
}
.searchNavRight {
	float: left;
	width: 50px;
	text-align: right;
}
.searchNavLeft a:active, .searchNavLeft a:visited, .searchNavLeft a:link, .searchNavRight a:active, .searchNavRight a:visited, .searchNavRight a:link {
	color: #DE5E03;
	text-decoration: none;
}
.searchNavLeft a:hover, .searchNavRight a:hover {
	color: #DE5E03;
	text-decoration: underline;
}

#newsletterSubscribeDiv {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
#TIBIdent {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 544px;
	padding-left: 60px;
}
#TIBIdent a {
	text-decoration: none;
	color: #FFF;
}
#TIBIdent a img {
	vertical-align:middle;
}