/* =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;}
/*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:135px; margin-right:0.5%;}
#contentlge3bar	{float: right; 	width: 63.5%; 	height: 700em;  background: #CCC; margin-top:135px; margin-right: 0.5%;}
#rightbar	{float: right; width: 15%; 	height: 700em; 	background: #CCC; margin-top:135px; margin-right: 2.5%; text-align:center;}	
#leftbar	{float: left; 	width: 18%; 	height: 700em; 	background: #CCC; margin-top:135px; 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;}
.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;}
.v_centre	{vertical-align:middle;}
	
/*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;}
.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;
	}
.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;
	}	
.left	
	{text-align:left;
	}

.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;
	}