@charset "utf-8";
body  { font-size: 62.6%; font-family:Arial, Helvetica, Verdana, sans-serif; background: #E5E5E5; width: 955px; margin: 0 auto 0 auto; position:relative; padding: 0; color: #555; }
caption{font-weight: bold; text-align:left;}
fieldset{padding: 5px; border: none;}
form {margin: 0;} 
label{display:block;}
label span {width: 11em; float:left; font-weight: bold;}
a, label, button{cursor: pointer;}
h1{font-size:1.5em; color: #768B8D; padding: 0; margin: 0;} 
h2{font-size: 1.4em; margin: 0; padding:0; color: #666666;}
h3{font-size: 1.3em; font-weight:bold; margin-bottom: 0.4em; margin-top: 0; color: #A86726;}
h5{font-size: 1em; font-weight: bold; }
h6{font-size: 0.8em; font-weight:bold; } 
input{font-size: 1.0em; color: #000000; }
textarea{font-size: 1.1em; color: #000000; }
legend{margin: 0 0 0 -5px;}
ul{margin: 0 0 0 0; padding: 0; font-size:1.2em;}
li{margin: 0 0 0.2em 17px; padding: 0; line-height:1.3em;}
ol{margin: 0 0 1em 0; padding:0; font-size:1.2em;}
p{font-size: 1.2em; line-height: 1.5em; margin: 0 0 1.5em 0; width: auto;}
select {font-size: 0.8em;}
img { border: none; padding: 0; margin: 0; }
table{font-size: 1.1em; width: 100%;}
td, th{}
th{}
tr{}
a:link, a:visited, a:active { color: #e44822; text-decoration: none; }
a:hover { color: #768b8d; text-decoration: none; }

/******************* Main Styles *******************/
#access { display: none; }
#banner { position:relative; height: 171px; background-color: #fff; padding: 0; margin:0;}
	#logo { position: absolute; top:50px; left:25px; margin: 0; width: 200px; padding: 0; }
		#logo a {display:block; width:200px; height: 110px; background: url("../pics/spacer.gif") no-repeat; z-index:30;}
		#logo a:hover {background:url("../pics/spacer.gif") no-repeat;}
	#branding { position: absolute; top:0; left:200px; width: 531px; margin: 0; padding: 0; }
	#utilities { position: absolute; top:0; right:30px; margin: 0; width: 190px; padding: 0; text-align: right; }
		#utilities p { padding: 0; margin: 0; }
		#utilities .utilitiesSearch{ position: relative; margin: 0; padding: 0; top: 90px; }
		#utilities .utilitiesLinks { position: absolute; top:15px; right:0; margin: 0; padding: 0; }
		#utilities .fontSmall { font-size: 75%; }
		#utilities .fontMedium { font-size: 90%; }
		#utilities .fontLarge { font-size: 100%; }
		#utilities ul { }
		#utilities li { display: inline; list-style-image: url("../pics/bullet-point.jpg"); padding: 0 0 0 10px; margin: 0; list-style-position: inside;  }
#section-navigation { position: relative; height: 0px; padding: 0; margin:0; z-index: 100; display: none; }
	#section-navigation ul { margin: 0 0 0 190px; padding: 0; }
	 #section-navigation li { display: inline; list-style-type: none; margin: 0; padding: 0 10px 0 0; }
#middle { background: #fff url("../pics/public-middle-bg.jpg") bottom no-repeat; position: relative; margin: 0; padding: 0; width:953px; border-left: 1px solid #0FA6B8; border-right: 1px solid #0FA6B8; }
	#menu { background: url("../pics/public-menu-bg.jpg") no-repeat; position: relative; margin: 0 0 0 0; width: 237px; float: left; padding: 15px 0 0 0; border: none; z-index: 2; }
		#menuBottom { width: 174px; position: relative; background: url("../pics/menu-bottom.jpg") no-repeat; height: 39px;}
		#menu .call { padding: 20px 0 10px 15px; margin: 0; }
		#menu .call a{ display: block; width: 116px; height: 19px;	background:url("../pics/button-call-you.jpg") no-repeat; color: #fff;	font-weight: bold; padding-top: 1px; text-align: center; text-decoration: none; } 
		#menu .call a:hover{ background-image:url("../pics/button-call-you-over.jpg");	color: #fff; }
		#menu .printMenuTop {display: none;}
	#ecommerce, #gallery { border: none; position: relative; float: left; margin: 0; width: 714px; padding: 0; }
		#ecommerce-inner, #gallery-inner { padding: 15px 10px 010px; margin: 0;}
		#ecommerce p, #gallery p { padding: 2px 0 2px 0; margin: 0; }
		
		#ecommerce .productPics{width: 160px; margin-right: 20px; float: left;}
		#ecommerce .productDetails{width:260px; float:left; padding: 0 50px 0 0;}
		#ecommerce .productBuy{width:190px; float:right; padding:0 10px 0 0;}
		#ecommerce .productBuyInfo {border: 1px #7D9BA6 solid; background-color: #F7F9F8; }
		#ecommerce .productBuyInfo p {padding: 0 0 0 5px; margin: 0; }
		#ecommerce .productBuyInfo .line{border-bottom: 1px solid #7D9BA6; padding: 1px 0 2px 0; margin: 0 0 3px 0; }
		#ecommerce .recommended{width:440px; float:left; padding: 0 25px 0 0;}
		#ecommerce .recommendedBasket{width:200px; float:right; padding:0 10px 0 0;}
		
		#ecommerce .rowProd { border-bottom: 1px solid #E5EBF9; margin: 0 0 10px 0; }
		#ecommerce .rowProdPic { float: left; width: 80px; }
		#ecommerce .rowProdInfo { float: left; width: 650px; }
		#ecommerce .rowProdInfo p { padding: 0; margin: 0; }
		
		#ecommerce .rowCat { border-bottom: 1px solid #E5EBF9; margin: 0 0 10px 0; }
		#ecommerce .rowCatPic { float: left; width: 160px; }
		#ecommerce .rowCatInfo { float: left; width: 550px; }
		#ecommerce .rowCatInfo p { padding: 0; margin: 0; }
		/*3 added styles 260108*/
		#ecommerce .productPictureContainer { float: left; width: 50px; margin: 0 20px 0 0; }
		#ecommerce .productInfoContainer { float: left; width: 400px; margin: 0 20px 0 0; }
		#ecommerce .productPriceContainer { float: left; width: 150px; }

	#editorial-home { border: none; position: relative; float: left; margin: 0; width: 395px; padding: 0; }	
	#editorial { border: none; position: relative; float: left; margin: 0; width: 468px; padding: 0; }
		#editorial-inner { padding: 5px 5px 5px 0; margin: 5px 5px 5px 0;}
		#editorial form { border: 1px solid #C7D1EC; padding: 5px; }
		#editorial h1 { padding-bottom: 2px; }
		#editorial h2 { margin: 10px 0 10px 0; border-bottom: 1px solid #C7D1EC; }
		#editorial p { padding: 0; }
		#editorial a { text-decoration: underline; }
		#editorial a:hover { color: #006699; }
		#editorial .heading { padding: 0; margin: 15px 0 0 0; padding: 0;}
		#editorial .heading p { padding: 0; margin: 0; }		
		#editorial .printCentreDivTop {display: none; }
			#drillbar { width: 250px; display: none; }
					#drillbar li{ list-style:none; display:inline;  padding: 0; margin: 0;}
			#editorial .subheading { position: absolute; left: 310px; margin: 0; padding: 0; top: 20px; color: #FFFFFF; width: 150px; }
			#editorial .date { position: absolute; left: 10px; margin: 0; padding: 0; top: 128px; color: #999999; font-size: 1.1em;}
			#editorial .author { position: absolute; left: 10px; margin: 0; padding: 0; top: 140px; color: #999999; font-size: 1.1em;}
			#editorial .overview{font-size: 2.2em; line-height:1em; color: #666666; font-family:"Times New Roman", Times, serif; font-style:italic; }		
		#story { margin: 20px 0 0 12px; padding: 15px 30px 10px 30px; border: 1px solid #9BABAC; color: #6d7d7e; }		
		 #story h1 { color: #768B8D }
		#topDiv{ width: 433px; margin: 0 0 0 65px;}
			#topDiv p { padding: 0; }
			#topDivUpper{ background: #fff url("../pics/topdivupper.jpg") no-repeat; height: 59px; padding: 10px 5px 5px 15px; }
			#topDivLower{ background: #fff url("../pics/topdivlower.jpg") bottom left no-repeat;}
				#topDivCurve{ padding: 10px 0 0 0; z-index: 2; width: 215px; background: url("../pics/topdivcurve.jpg") top right no-repeat; position: relative; float: right; }
		#div2{ background: #fff url(../pics/div2bg.jpg) top left no-repeat; width: 435px; margin: 0 0 0 61px;  padding: 5px 0 0 0; }
			#div2 #forecast a{display: block; width: 116px; height: 19px;background:url("../pics/button-forecast.jpg") no-repeat; color: #fff; font-weight: bold; padding-top: 0; text-align: center; text-decoration: none; float: right; margin: 54px 0 0 0; font-size: 1.1em;}
			#div2 #forecast a:hover{ background-image:url("../pics/button-forecast-over.jpg");	color: #fff; }
		#div3{ background: #fff url(../pics/div3bg.jpg) top left no-repeat; width: 435px; height: 110px; margin: 0 0 0 61px; padding: 0; }
			#div3 p { padding: 0 10px 0 100px;}	
	#actions-home { border: none; position: relative; margin: 0; width: 315px; float: right; padding: 0; }
		#actions-home p { margin: 0; padding: 0; }
		#actions-home #actions-home-inner { border: none; position: relative; margin: 0; padding: 0; }
		.action-panel-a { margin: 5px 0 0 0; background: #ccc url(../pics/action-panel1.jpg) top no-repeat; width: 240px; }
		.action-panel-bottom-a { background: #cCC url(../pics/action-panel1-bottom.jpg) top no-repeat; width: 240px; height: 19px; }
		.action-panel-b { background: #cCC url(../pics/action-panel2.jpg) top no-repeat; width: 240px; }
	#actions { border: none; position: relative; margin: 0; width: 248px; float: right; padding: 0; }
		#actions p { margin: 0; padding: 0; }
		#actions #actions-inner { border: none; position: relative; margin: 0; padding: 0; }
			#actions-inner .homeActionTop { position: relative; top: 15px; left: 25px; font-size: 1.2em; z-index:2;}
			#actions-inner .homeAction1 { color: #994D00; font-size: 1.1em; margin: 27px 0 0 55px; position:relative; z-index:2; }
			#actions-inner .homeAction2 { color: #994D00; font-size: 1.1em; margin: 15px 0 0 55px; position:relative; z-index:2; }
			#actions-inner .homeAction3 { color: #994D00; font-size: 1.1em; margin: 16px 0 0 55px; position:relative; z-index:2; }
			#actions-inner .homeAction4 { color: #994D00; font-size: 1.1em; margin: 17px 0 0 55px; position:relative; z-index:2; }
			#actions-inner .homeAction5 { color: #994D00; font-size: 1.1em; margin: 18px 0 0 55px; position:relative; z-index:2; }
			#actions .actionPanel { background: #fff url(../pics/actions-bg.jpg) top no-repeat; margin: 0; padding: 0.5px 0 0 0; width: 242px; }
			#actions .actionPanel img { padding: 0; margin: 0;}
			#actions .actionPanelTop { background: #fff url(../pics/actions-bg-top.jpg) top no-repeat; margin: 0; padding: 0.5px 0 0 0; }
			#actions h4 { font-size: 1.1em; font-weight: bold; color: #A86726; margin: 0 0 0.4em 0; padding: 10px 0 0 0; }	
	#footer { height: 155px; position: relative; margin: 0; padding: 0; background: url("../pics/footer.jpg") no-repeat; } 
	#footer ul { padding: 78px 0 0 0; color: #FFFFFF; font-size: 1.5em; }
	#footer li { display: inline; padding: 0 0 0 10px; margin: 0;  }
	#footer p { padding: 10px 0 10px 20px; margin: 0; }
	#footer a:link, #footer a:visited, #footer a:active { color: #fff; text-decoration: none; }
	#footer a:hover { color: #768b8d; text-decoration: none; }
#author { display: none; }

/******************* Menu Style *******************/
#menu ul { list-style: none; margin: 0 0 0 30px; padding: 0 0 0 0; color: #999; }
#menu li { list-style: none; margin: 0; padding: 0; display:block; line-height: 1.2em; }
#menu ul a { padding: 0 0 5px 0; margin: 0; color: #e44822; text-decoration:none; line-height: 1.2em;}
#menu ul a:hover { color: #768b8d; }
#menu ul li ul { font-size: 1em; }
#menu .menuTop { margin: 0; padding: 5px 0 5px 0; }
#menu .menuCat { margin: 0; padding: 0 0 5px 0; }
#menu .menuBg { padding: 0 0 0 0; margin: 5px 0 0 0; }

#menu .selected { font-weight: bold; }

/******************* Form Styles *******************/
.inputLarge { width: 400px; }
.inputMedium { width: 250px; }
.inputSmall { width: 100px; }
.units { width: 15px; }
.textareaLarge { width: 400px; height: 150px; }
.textareaMedium { width: 250px; height: 100px; }
.textareaSmall { width: 100px; height: 50px; }

/******************* Basket Styles ********************/
.order {border:1px solid #7D9BA6; width: 100%; }
.order th {font-size: 1.1em; background: #E5EFF0; padding: 2px 5px 2px 5px; margin: 0; text-align:left;}
.order td {font-size: 1.1em; padding: 0 5px 0 5px; margin: 0; text-align:left;}

/******************* Mini Basket **********************/
.minBasket {border:1px solid #7D9BA6; width: 100%;}
.minBasket th {background: #F7F9F8; padding: 2px 5px 2px 5px; margin: 0; text-align:left; border-top: 1px solid #7D9BA6; border-bottom: 1px solid #7D9BA6;}
.minBasket td {background: #F7F9F8; padding: 5px 5px 5px 5px; margin: 0; text-align:left; border-bottom: 1px solid #7D9BA6;}
.minBasketHeader {background: #7D9BA6; }

/****************** Order Details *********************/
.details {border:1px solid #7D9BA6; width: 100%;}
.details th {padding:3px 5px 3px 5px; background-color: #E5EFF0;}
.details td {padding:3px 5px 3px 5px;}

/****************** Tab Menu ***************************/
#tabs { width: 100%; text-align: right; margin: 0 0 -1px 0; z-index: 100; }
.tabNormal { cursor: pointer; border-bottom: 1px solid #7D9BA6; border-left: 1px solid #7D9BA6; border-top: 1px solid #7D9BA6; border-right: 1px solid #7D9BA6; background-color: #E5EFF0; }
.tabNormal:hover { cursor: pointer; border-bottom: 1px solid #7D9BA6; border-left: 1px solid #7D9BA6; border-top: 1px solid #7D9BA6; border-right: 1px solid #7D9BA6; background-color: #F4F5F7; }
.tabCurrent { cursor: pointer; border-bottom: 1px solid #7D9BA6; border-left: 1px solid #7D9BA6; border-top: 1px solid #7D9BA6; border-right: 1px solid #7D9BA6; background-color: #C9D7DA; }

/******************* Useful Styles *******************/
.box{border:1px solid #7D9BA6; padding:10px; background-color: #F7F9F8; }
.searchButton { vertical-align: middle; background: #fff url(../pics/search-button.jpg) center no-repeat; margin: 0 0 5px 0; padding: 8px 12px 8px 10px; border: none; }
.searchBox { background-color: #fff; border: 1px solid #e44822; width: 113px; }
.inline { display: inline; }
.imgThumb { width: 81px; height: 80px; padding: 0 15px 10px 0; float: left; }
.greyout {color:#999999;}
.promo{text-transform: capitalize; font-weight:bold; color:#FFF; background-color:#FF0000; font-size:0.9em; padding: 0 5px 0 5px}
.line{border-bottom: 1px solid #777777;}
.thumbnailCat{float:left; margin:0 15px 10px 0; width: 155px; height: 265px;}
.thumbnailProd{float:left; margin:0 10px 10px 0; width: 160px; height: 280px; overflow:hidden; display:block;}
.recommendedProd{float:left; margin:0 15px 30px 0; width: 170px; overflow:hidden;}
.terms { overflow: auto; height: 150px; border: 1px solid #C7D1EC; padding: 5px; }
.clear { clear: both; }
.mediumInput { width: 355px; }
.errorMsg { color: #FF0000; }
.floatLeft { float: left; }
.floatRight { float: right; }
.left { text-align: left; }
.centre { text-align: center; }
.right { text-align: right; }
a.callYou:link, a.callYou:visited, a.callYou:active { font-size: 1.1em; padding-top: 2px; width: 112px; height: 19px; display: block; background: url("../pics/button-normal.jpg") no-repeat; color:#fff; font-weight: bold; text-align: center; text-decoration:none; }
a.callYou:hover{ background: url("../pics/button-over.jpg") no-repeat; }

/* ********* CALENDAR ********** */

#diary table { color: #fff; background-color: #222; border: 1px solid #fff; width: 85%; text-align: center; margin: 0 0 0 80px; }

#diary th { border:#222 1px solid; background-color:#222; color: #FFFFFF; }

#diary th.days { border:#fefefe 1px solid; background-color:#222; }

#diary td { width: 12%; height: 50px; }

#diary td.today { color:#FF0000; font-weight:bold; background-color: #333; }

#diary td.calDates { border: 1px solid #fefefe; background-color:#222; background-color: #333; }

#diary td.calBooked { border: 1px solid #fff; background-color: #555; font-weight: bold; }

 

#diary td a:link, #diary td a:active, #diary td a:visited { color:#ff6633; text-decoration: none; font-weight:bold; }

#diary td a:hover { color:#ccc; text-decoration: none; font-weight:bold; }

 

.todayL:link, .todayL:active, .todayL:visited { color:#009900; text-decoration:underline; font-weight:bold; }

.todayL:hover { color:#000066; text-decoration: none; font-weight:bold; }

 

.notToday:link, .notToday:active, .notToday:visited { color:#000000; text-decoration:underline; }

.notToday:hover { color:#000066; text-decoration: none; }

 

/******************* CALENDAR VIEW STYLES ********************/

#diaryList table { color: #fff; background-color: #222; border: 1px solid #fff; width: 85%; text-align: left; margin: 0 0 0 80px; }

#diaryList th { padding: 0 5px 0 5px; margin: 0; border:#222 1px solid; background-color:#333; color: #FFFFFF; }

#diaryList td { padding: 0 5px 0 5px; margin: 0; text-align:left;}

#diaryDetails { color: #fff; font-size: 1.2em; background-color: #222; border: 1px solid #fff; width: 81%; text-align: left; margin: 0 0 0 80px; padding: 10px; }