/* =INITIAL  v2.1, by Faruk Ates - www.kurafire.net  Addendum by Robert Nyman - www.robertnyman.com */
/* Neutralize styling:  Elements we want to clean out entirely: */
/* Note - Explanation of font: 80%/130% ... The first setting is the font size, the second setting is the line height.*/ html, body, form, fieldset { margin: 0; padding: 0;font: 100%/120% Verdana, Arial, Helvetica, sans-serif;}
 /* Neutralize styling:  Elements with a vertical margin: */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 1em 0; padding: 0;}
/* Apply left margin: [CE AMENDED to 2em (from 1em)] Only to the few elements that need it: */li, dd, blockquote {margin-left: 2em;}
/* Miscellaneous conveniences: */form label 	{cursor: pointer;} fieldset 	{ border: solid 0 transparent; } input, select, textarea {font-size: 100%;}
/*end of INITIAL*/

/*new ce - lbs specific stuff below*/
body		{color: black;   /*Main text colour*/	background-color: #999999;font: 75% verdana, helvetica, arial, sans-serif; padding:0px; margin-left:0.5%; }/*text-align:left;*/
table		{font-size: 11px; border: 5px; margin: 1%; border-collapse: collapse;}

tr, td, th	{/*border: 1px solid #000;   Use this to view layout errors*/ 
		vertical-align: top; padding: 5px;} 
h1 		{font-size: 18pt;} 
h1, h2, h3, h5, h6 {padding:4px; margin:16px 0 0 0; line-height: 120%;}
p, h4, h2	{font-size: 9pt;}
h3		{font-size: 9pt; font-weight: normal;}
p, h4		{padding:4px; margin: 4px 0 0 0;}

li		{line-height: 140%}
img 		{border:0px none; padding: 0px;  margin:5px; margin-left:0em;}/*float:none; */
#masthead img	{margin:0;}
select		{min-width: 300px}
/*Start of CSS for pull down menus*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav {width:1240px; height:32px; font-size:0.85em; position:absolute; top:100px; left:0; z-index:100;border-right:1px solid #999999; 	margin: 0px 0px 4px 6px;
}
/* hack to correct IE5.5% (IE6)  faulty box model */
* html .nav {width:1501px; w\idth:1500px;}
/* remove all the bullets, borders and padding from the default list styling */
.nav ul {padding:0;margin:0;list-style-type:none;}
.nav ul ul {width:240px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.nav li {float:left;width:240px;position:relative; margin-left: 0;}
/* style the links for the top level */
.nav a, .nav a:visited {display:block;font-size:11px;text-decoration:none; color:#331188; width:229px; height:30px; border:1px solid #999999; border-width:1px 0 1px 1px; background:#CCC; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .nav a, * html .nav a:visited {width:240px; w\idth:229px;}

/* style the second level background */
.nav ul ul a.drop, .nav ul ul a.drop:visited {background:#d4d8bd url(drop.gif) bottom right no-repeat;}
/* style the second level hover */
.nav ul ul a.drop:hover{background:#c9ba65 url(drop.gif) bottom right no-repeat;}
.nav ul ul :hover > a.drop {background:#c9ba65 url(drop.gif) bottom right no-repeat;}
/* style the third level background */
.nav ul ul ul a, .nav ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.nav ul ul ul a:hover {background:#b2ab9b;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.nav ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:240px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .nav ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.nav ul ul ul{left:240px; top:-1px; width:240px;}

/* position the third level flyout menu for a left flyout */
.nav ul ul ul.left {left:-240px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.nav ul ul a, .nav ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:219px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .nav ul ul a, * html .nav ul ul a:visited {width:241px;w\idth:219px;}

/* style the top level hover */
.nav a:hover, .nav ul ul a:hover{color:#fff; background:#949e7c;}
.nav :hover > a, .nav ul ul :hover > a {color:#fff;background:#949e7c;}

/* make the second level visible when hover on first level list OR link */
.nav ul li:hover ul,
.nav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.nav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.nav ul :hover ul :hover ul{ visibility:visible;}

/*END of CSS for pull down menus*/

/*These are the MAIN DIVISIONS - they are all IDs - so can only be used once:*/
#contentlge2bar	{float: right; 	width: 80.5%;	height: 700em;	background: #CCC; margin-top:138px; margin-right:0.5%;}
#contentlge3bar	{float: right; 	width: 63.5%; 	height: 700em;  background: #CCC; margin-top:138px; margin-right: 0.5%;}
#contentlgestaff{float: left; 	width: 99%;	min-height: 45em; background: #C8BBBE; margin-top:138px; margin-right: 0.5%;}
#rightbar	{float: right; width: 15%; 	height: 700em; 	background: #CCC; margin-top:138px; margin-right: 2.5%; text-align:center;}	
#leftbar	{float: left; 	width: 18%; 	height: 700em; 	background: #CCC; margin-top:138px; margin-left: 3px;}
#masthead	{position:absolute; top:0; left:0;  clear:both; width: 1240px;	height:133px;	font-weight:normal; text-align: left; margin:0 0 3px 6px; 
	padding: 0px 10px 15px 0px; border: 0px solid #775555;	background: #999999; clip: rect(0px 1400px 138px 0px);} /*Clip has to be 'invalid CSS' because otherwise it doesnt work in IE */			
#masthead img	{float: left;}
#staff		{min-height: 40em;	background: #CCC; margin-top:1%; margin-right:1%; margin-left:0.5%;}
.clip 		{position:absolute; top:0; left:0; clip: rect(0px 1400px 16px 0px);}/*Note: Position HAS TO BE 'absolute' in order for 'clip' to work */
.clip_i 	{position:absolute; top:20px; left:0; clip: rect(0px 1400px 110px 0px);}/*Note: Position HAS TO BE 'absolute' in order for 'clip' to work */

/*BIG PROBLEMS START of CSS for staff tables*/
#test th, td 	{ vertical-align: top; padding: 5px;}
#test th {width:400px; text-align: right;}
#test table {width:800px;}
/*END of CSS for staff tables*/

/*These are the CLASSes and can be used over and over again*/
.border		{border: 1px solid #000;}
.tightp	/*Keeps the Masthead tidy (picture butting up)*/ {margin: 0px;	padding: 0px;}
.inline		{display: inline;}
.bold		{font-weight:bold;}
.big		{font-size: 18pt;} 
.floatleft	{float: left; padding:4px; margin: 4px 0 0 0;}
.floatright	{float: right; padding:4px; margin: 4px 0 0 0;}
.clearer 	{display: block; clear: left; line-height: 0; height: 0px;}/*Use to keep elements apart when mixing floats with non-floats*/
.centre		{text-align: center;}
.right		{text-align: right;}
.left		{text-align:left;}
.v_centre	{vertical-align:middle;}
.margintop12px	{margin-top:12px;}
.margintop15px	{margin-top:15px;}
.marginleft300px	{margin-left:300px;}

/*Feb 2011 New crane formating  */
.crane1		{height:428px; margin-top:12px; padding:0; border-spacing:0; background:#F1F1F2;}
.crane h1 	{margin-bottom:3.75pt; font-size:21.0pt; font-family:Garamond; color:maroon;}
.crane h2 	{font-size:16.5pt; font-family:Garamond; color:maroon;}
.crane p	{text-align: justify;text-justify:inter-word; line-height:12.0pt;text-align:justify;text-justify:inter-word}
.crane_startP1 	{font-weight:bold; line-height:16.2pt; font-size:13.5pt;font-family:Garamond; color:#333333;}
.crane_endP1 	{line-height:16.2pt; font-size:13.5pt;font-family:Garamond; color:#333333;}

/*Feb 2011 New Robinson formating  */
.rob h1 {color: #7b8e25;}
.rob h2 {font-family: Helvetica, sans-serif, Verdana, Arial; font-size:14px; color:#7b8e25;  margin: 5px 0 5px 0; text-transform:uppercase; font-weight:normal; margin-top: 10px;}
.rob h3 {font-family: Helvetica, sans-serif, Verdana, Arial; font-size:24px; color:#7b8e25;  margin: 5px 0 0px 0; text-transform:uppercase; font-weight:normal; }
.rob h4 {color: #7b8e25; font-family: Helvetica, sans-serif, Arial; text-transform:uppercase; font-size:14px; margin-bottom:5px; font-weight:normal; padding: 0; border-bottom: 1px solid #EFEFDD;}
.rob h5 {font-size:14px; font-family:Helvetica, sans-serif, Verdana, Arial; color:#FFFFFF; margin-bottom: 5px; text-transform:uppercase; }
.rob h6 {color: #7b8e25; font-family: Helvetica, sans-serif, Arial; text-transform:uppercase; font-size:16px; margin-bottom:10px; font-weight:bold; padding: 0; }


/*Feb 2011 New Malvern Bewdley offer formating  */
.malv_red_offer h1 	{margin-bottom:3.75pt; font-size:21.0pt; color:DarkRed;}
.malv_red_offer span	{font-size:9.0pt; color:DarkRed;}
.hlight			{font-weight:bold; font-size:9.0pt; color:DarkRed; background-color:yellow;}

/*These are other divisions - they are all classes - so can be used many times*/
.imgbox	 /*This is the series of div boxes around individual pictures on the main product pages*/
	{float:left;
	width:235px; 
	height:220px;
	margin: 5px 5px 10px 5px; 
	padding:2px;
	border:1px solid black;
	text-align:center;}
	
.imgbox img	{float: none;}
.imgboxlge	 /*This is the series of div boxes around individual pictures on the main product pages*/
	{float:left;
	width:640px;
	height:440px;
	margin: 1em 0 10px 5px;
	padding:2px;
	border:1px solid black;
	text-align:center;}
.imgboxnarrow	 /*This is the series of div boxes around individual pictures on the main product pages*/
	{float:left;
	width:150px; 
	height:220px;
	margin: 5px 5px 10px 5px; 
	padding:2px;
	border:1px solid black;
	text-align:center;}
	
.imgboxbkrs		{float:left; width:225px; height:450px;margin: 1em 0 10px 4px; padding:3px;border:1px solid black; text-align:center;}
.imgboxbkrsTITLE	{float:left; width:225px; height:60px;margin: 1em 0 10px 4px; padding:3px;border:1px; text-align:center;}


.imgboxmalv	 /*These are div boxes around individual pictures on the malv product pages*/
	{float:left;	
	width:235px;
	height:300px;
	margin: 15px 0 10px 5px;
	padding:2px;
	border:1px solid black;
	text-align:center;}
.imgboxmalvsm	 /*These are smaller div boxes around individual pictures on the malv product pages*/
	{float:left;
	width:235px;
	height:280px;
	margin: 15px 0 5px 5px;
	padding:2px;
	border:1px solid black;
	text-align:center;}
.w235	 /*Text box to match the smaller div box width*/
	{float:left;
	width:235px;
	margin: 15px 0 5px 5px;
	padding:2px;
	border:1px solid black;
	text-align:left;}
.pictcolright235px	 /*These are div boxes around individual pictures on the malv product pages*/
	{float:left;
	width:245px;
	height:900px;
	margin: 0px 10px 10px 4px;
	padding:1px;
	text-align:center;}
.pictcolright235pxsm	 /*These are div boxes around individual pictures on the malv product pages*/
	{float:left;
	width:245px;
	height:600px;
	margin: 0px 10px 10px 4px;
	padding:1px;
	text-align:center;}
.pictcolright235pxhuge	 /*These are div boxes around individual pictures on the malv product pages*/
	{float:left;
	width:245px;
	height:2500px;
	margin: 0px 10px 10px 4px;
	padding:1px;
	text-align:center;}
.textcol/*goes beside the .pictcolright235px to keep text tidy*/
	{
 	font-weight: normal;
	margin: 0%;
	margin-left:280px;
	padding: 15px 0px 8px 0px;
	border: 0px solid #775555;
	background: #CCC;}
.norm
	{line-height: 120%;
	font-size: 12px;}

.fixedwidth80
	{width:80px;
	}
.fixedwidth170
	{width:170px;
	}
.fixedwidth225
	{width:225px;
	}
.fixedwidth250
	{width:250px;
	}
.fixedwidth360
	{width:360px;
	}
.fixedwidth500
	{width:500px;
	}
.fixedheight600
	{height:600px;
	}
.clearleft
	{clear: left; /*margin-left: 0px;*/
	}	
.clearright
	{clear: right; /*margin-left: 0px;*/
	}
.clearboth
	{clear: both; /*margin-left: 0px;*/
	}
.imgcentre  	
	{float: none;
	margin:0px;
	padding: 5px;
	text-align:center;}
.imgsq  	
	{float: none;
	margin:0px;
	padding: 3px 15px 3px 15px;
	text-align:center;}
.imgwide  	
	{float: none;
	margin:0px;
	padding: 3px 0px 3px 0px;
	text-align:center;}
.imgflrt  	
	{float: right;
	margin:0px;
	padding: 3px 0px 3px 0px;
	}
.indenttoli
	{
	margin-left:63px;
	}
.title
	{color: #000000;
	font-size: 2.5em;
	font-weight:bolder;
	line-height: 110%;
	}
.tightp
	{margin: 0px;
	padding: 0px;
	}	

.bigbold
	{font-weight:bold;
	font-size: large;
	}
.lgelineht
	{line-height: 200%;
	}
.backgroundcoltext
	{color: #999999;
	margin: .2% .2% .1% 1%;
	padding: 1px;
	line-height: 100%;
	font-size: 3px;
	font-weight: normal;
	}
.storemoretype	
	{clear: left;
	color:#007B00;
	background-color:#E7FEAC;
	font-family:Arial;
	text-align:left;
	font-size:14pt;
	font-weight: bold;
	padding: 7px;
	margin:10px 0px 0px 0px;
	}
.storemoretype2	
	{color:white;
	background-color:#007B00;
	font-family:Arial;
	font-size:10pt;
	font-weight: bold;
	padding: 7px;
	margin: 0px 0px 10px 0px;
	}
.stmtextbox
	{
	float:left;
	margin: 1em 0 10px 5px;
	padding:2px;
	}
.storemorehead
	{clear: left;
	color:white;
	background-color:#007B00;
	font-family:Arial;
	font-size:10pt;
	font-weight: bold;
	padding: 7px;
	margin:10px 0px 10px 0px;
	}
	
.lbsbutton1
	{border: 4px;
	color:white;
	background-color:#007B00;
	padding: 2px;
	text-decoration: none;
	text-align:center;
	}

.lbsbutton2 a,  .lbsbutton2 a:visited 
	{border: 4px;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#98bf21;
	width:160px;
	text-align:center;
	padding:4px;
	text-decoration:none;
	}