/* =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 - barkers specific stuff below*/
body		{color: black;   /*Main text colour*/	background-color: #8FBC8F; font: 75% verdana, helvetica, arial, sans-serif; padding:0px; margin-left:0.5%; }/*text-align:left;*/
a:link 		{font-weight: bold; text-decoration: none; color: #003366;}
a:visited 	{font-weight: bold; text-decoration: none; color: #8B4513;}/*Extra light colour is #D4CDDC*/
a:hover, a:active {text-decoration: underline; color: #CCCCCC;}
h1, h2, h3, h4, h5, h6 {padding:0.2em; margin:16px 0 0px 0; }
p		{padding:4px; margin: 4px 0 0 0;}
img 		{border:0px none; padding: 0px;  margin:0em; margin-left:0em;}/*float:none; */
table, tr, th, td {border-collapse:collapse; border: 1px solid #000; font-size:small; text-align:center;}
table		{float:left;}

h1, h2, h3, h5, h6 {padding:0.2em; margin:16px 0 0px 0; line-height: 120%;}
li		{line-height: 140%}
h1 		{font-size: 18pt;} 
p, h4, h2	{font-size: 9pt;}
h3		{font-size: 9pt; font-weight: normal;}
p, h4		{padding:4px; margin: 4px 0 0 0;}

/*These are the MAIN DIVISIONS - they are all IDs - so can only be used once:*/
#contentlge2bar	{float: right; 	width: 79%; margin-top:115px; margin-right:2%; 		height: 400em;	background: #FFFFE0; }/*Has to be width: 79.5%; for IE6 */
#leftbar	{float: left;	width: 18%; margin-top:115px; margin-left:3px; 		height: 400em;	background: #FFFFE0;} /*Has to be width: 19%; for IE6 (total 98.5%)*/
#masthead	{position:absolute; top:0; left:0;  clear:both; width: 98%;	height:100px;	font-weight:normal; text-align: left; margin:0 0 3px 6px; 
	padding: 0px 10px 15px 0px; border: 0px solid #775555;	background: #8FBC8F; clip: rect(0px 1400px 108px 0px);} /*Clip has to be 'invalid CSS' because otherwise it doesnt work in IE */			
#masthead img	{float: left;}
.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 */


/*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;}
.imgbox_ms	 /*This is the series of div boxes around individual pictures on the main product pages*/
		{float:left; display:inline-block; width:225px; height:300px;margin: 1em 0 10px 4px; padding:3px;border:1px solid black; text-align:center;}
.imgbox img	{float: none;}
.inline		{display: inline;}
.floatleft	{float: left;}
.big		{font-size: 18pt;}
.left		{text-align: left;}

/*CSS for [New] leftbar (20.04.2008)*/
.item		{display: block; border:1px none; vertical-align: top; padding-left:2px;}
.item hr 	{display: block; clear: left; margin: -0.66em 0; visibility: hidden;  text-align: left;}
.item img	{display: block; clear: left; float: left; margin: 2px;margin-left: 0px;}
.clearer 	{display: block; clear: left; line-height: 0; height: 0px;}
/*This is the series of div boxes etc in the [New] leftbar (20.04.2008)*/
.lgeboxitem	{border:1px solid black;margin-top: 10px; padding-bottom: 10px;}
/*End of  CSS for [New] leftbar (20.04.2008)*/