/*---------------general styling------------*/
p {
	font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
h3 {
	font: bold 14px "Trebuchet MS", verdana, arial, Tahoma;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 10px;
}
h4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}
dfn {
	font-style: normal;
	border-bottom: 1px dotted #000000;
	cursor: help;
}
a {
	color: #666666;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
a[href^="http:"] {
	background: url(../images/extLink.gif) no-repeat right top;
	padding-right: 12px;
	}
a[href^="http://www.kayesgardens.co.uk"], a[href^="http://www.armitage-online.co.uk"], a[href^="http://validator.w3.org"], a[href^="http://jigsaw.w3.org"]  {
	background-image: none;
	padding-right: 0px;
	}
/*--------------layout------------*/
#outerContainer {
	background: url(../images/bgShadow.gif) no-repeat;
	width: 780px;
	margin-left: -390px;
	position: relative;
	left: 50%;
	margin-top: 20px;
	padding-top: 28px;
	margin-bottom: 25px;
}
#innerContainer {
	width: 720px;
	border: 1px solid #CCCCCC;
	margin-left: -360px;
	position: relative;
	left: 50%;
	background: url(../images/fauxCol-1.gif) repeat-y left top;
}
#innerContainer #col-1 {
	float: left;
	width: 197px;
	height: 100%;
	border-right: 1px solid #CCCCCC;
}
h1.logoTitle {
	background: #fff url(../images/kayesLogo.gif) no-repeat center center;
	text-indent: -5000px;
	height: 159px;
	width: 197px;
	margin: 0px;
	padding: 0px;
}
h1.logo {
	margin: 0px;
	padding: 0px;
}



#index #flashcontent, #history #innerContainer #col-2-image, #retail #innerContainer #col-2-image, #wholesale #innerContainer #col-2-image, #teaRooms #innerContainer #col-2-image, #shows #innerContainer #col-2-image, #findUs #innerContainer #col-2-image, #links #innerContainer #col-2-image {
	height: 355px;
	width: 522px;
	float: right;
}
#history #innerContainer #col-2-image, #links #innerContainer #col-2-image {
	background: url(../images/oldNursery.jpg) no-repeat;
}
#retail #innerContainer #col-2-image {
	background: url(../images/tearoomDistant.jpg) no-repeat;
}
#wholesale #innerContainer #col-2-image {
	background: url(../images/placeholder.gif) no-repeat;
}
#teaRooms #innerContainer #col-2-image {
	background: url(../images/teaRoom.jpg) no-repeat;
}
#shows #innerContainer #col-2-image {
	background: url(../images/tattonPark.jpg) no-repeat;
}
#innerContainer #col-2-content {
	float: right;
	width: 520px;
	margin-top: 10px;
}
ul#mainNav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#col-1 #lowerSection {
	background: #f4f4f4;
	text-align: center;
	padding-top: 25px;
}
#col-1 #lowerSection img {
	padding: 15px 10px;
}
#col-1 #lowerSection .addressOverlay {
	background: url(../images/address.gif) no-repeat;
	text-indent: -5000px;
	height: 54px;
	width: 197px;
}
#col-2-content img {
	padding: 8px;
	float: right;
}
#footer {
	clear: both;
}
#compliance {
	float: left;
	width: 250px;
	padding-left: 30px;
	padding-top: 5px;
}
#compliance img {
	padding: 0px;
	border-style: none;
}
#compliance a {
	text-decoration:none;
}

#credit {
	text-align: right;
	margin-top: 4px;
	padding: 0px;
}
#credit p {
	padding-right: 30px;
}


#credit a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: underline;
	padding-right: 0px;
}
#credit a:hover {
	text-decoration: none;
}
#credit span {
	font-size: 10px;
	color: #999999;
}

ul.linksList {	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:135%;
	}
/*================gallery==============*/
ul#galleryList {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
ul#galleryList li {
	float: left;
	display: block;
	height: 110px;
	width: 120px;
	line-height: 110px;
}
ul#galleryList img {
	padding: 10px;
	border-style: none;
	float: left;
}
#gallery #col-2-content {
	margin-top: 430px;
}
#gallery #mainImage {
	position: absolute;
	left: 198px;
	top: 0px;
	padding: 0px;
	overflow: hidden;
	height: 355px;
	width: 522px;
}
#mainImage img {
	padding:0px;
	}
p.caption {
	position: absolute;
	width: 498px;
	left: 200px;
	top: 366px;
	height: 50px;
	overflow: hidden;
}
#galleryText {
	clear: left;
}
blockquote{
	font-weight:bold;
}
/*===============page headings============*/
h1.historyHeading {
	background: url(../images/historyHeading.gif) no-repeat right;
	text-indent: -5000px;
	height: 23px;
	width: 252px;
	margin: 0px;
	padding: 0px;
}
h1.galleryHeading {
	background: url(../images/galleryHeading.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 183px;
	text-indent: -5000px;
	font-size: 12px;
}
h1.showsHeading {
	background: url(../images/showsHeading.gif) no-repeat right;
	text-indent: -5000px;
	height: 23px;
	width: 387px;
	margin: 0px 0px 5px;
	padding: 0px;
}
h1.retailHeading {
	background: url(../images/retailHeading.gif) no-repeat right;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 276px;
}
h1.findUsHeading {
	background: url(../images/findusHeading.gif) no-repeat right;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 387px;
}
h1.indexHeading {
	background: url(../images/homeHeading.gif) no-repeat right;
	height: 23px;
	width: 135px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
h1.teaRoomHeading {
	background: url(../images/teaRoomHeading.gif) no-repeat right;
	text-indent: -5000px;
	height: 23px;
	width: 222px;
	margin: 0px;
	padding: 0px;
}
h1.linksHeading {
	background: url(../images/linksHeading.gif) no-repeat right;
	height: 23px;
	width: 65px;
	margin: 0px;
	padding: 0px;
	text-indent: -5000px;
}
/*-----------------------google map----------------*/
#findus #col-2-image {
	height: 522px;
	width: 355px;
	margin-left: 0px;
}
#maploading {
	color: #000000;
	padding: 0 2px;
	font-family: "Trebuchet MS", "Lucida Console";
	background-color: #FFFFFF;
}
h1.mapHeading {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.bubbleText {
	padding:0px;
	}
#col-2-image div span {
	display:none;
	}
ul.directions {
	margin: 0px 0px 15px;
	padding: 0px 0px 0px 10px;
	list-style: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.directionsDetail {
	padding-right: 45px;
	padding-left: 25px;
}