/**********************
 OVERALL LAYOUT
***********************/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #bd2 url(/images/bodyback.jpg) repeat-x fixed top left;
}

#skiptomain {
	display: none;
}

#wrapper {
	width: 980px;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0 auto;
	background: url(/images/wrapperback.png) repeat-y center top;
	
}

#pagecontainer {
	text-align: left;
	margin: 0px 100px 5px 100px;
	padding: 0px 0px 0px 0px;
	width: 780px;
	background: #fff;

}

#topofpage {
	width: 760px;
	margin: 1px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

	#topofpageleft {
		margin: 0px 0px 0px 0px;
		padding: 30px 0px 0px 0px;
		float: left;
		text-align: left;
		width: 400px;
	}

	#topofpageright {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		text-align: right;
		width: 360px;
	}

#topnav {
	width: 760px;
	margin: 1px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	background: #228;
}

	#topnavleft {
		margin: 0px 0px 0px 0px;
		padding: 8px 0px 6px 0px;
		float: left;
		text-align: left;
		width: 560px;
	}

	#topnavright {
		margin: 0px 0px 0px 0px;
		padding: 6px 10px 6px 0px;
		float: right;
		text-align: right;
		width: 190px;
	}

#topimage {
	width: 760px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	background: #eee;
}

#breadcrumb {
	width: 760px;
	margin: 1px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
	background: #ddd;
	letter-spacing: -1px;
}

#mainpage {
	width: 760px;
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}

	#mainpageleft {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 10px;
		float: left;
		text-align: left;
		background: transparent;
		width: 160px;
	}

	#mainpageright {
		margin: 5px 0px 10px 0px;
		padding: 0px 10px 0px 10px;
		width: 570px;
		float: right;
		text-align: left;
		min-height:500px;
		height:auto;
		}
		/* for Internet Explorer */
		/*\*/
		* html #mainpageright {
		height: 500px;
		}
		/**/


	#mainpagefull {
		width: 740px;
		margin: 5px 10px 10px 10px;
		font-size: 0.9em; color: #000;
		line-height: 1.4em;
		}


#footer {
	width: 760px;
	margin: 10px 10px 0px 10px;
	padding: 10px 0px 0px 0px;
	background: #fff url(/images/footertop.gif) no-repeat top center;
}

	#footerinner {
		width: 760px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		background: url(/images/footerbottom.gif) no-repeat bottom center;
	}

		#footer1 {
			margin: 0px 0px 0px 0px;
			padding: 5px 10px 5px 10px;
			width: 175px;
			float: left;
			text-align: left;
		}

		#footer2 {
			margin: 0px 0px 0px 0px;
			padding: 5px 10px 5px 10px;
			width: 175px;
			float: left;
			text-align: left;
		}

		#footer3 {
			margin: 0px 0px 0px 0px;
			padding: 5px 10px 5px 10px;
			width: 175px;
			float: left;
			text-align: left;
		}

		#footer4 {
			margin: 0px 0px 0px 0px;
			padding: 5px 10px 5px 0px;
			width: 165px;
			float: left;
			text-align: left;
		}


#belowfooter {
	clear: both;
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background: url(/images/bottomofpageback.gif) no-repeat center bottom;
	text-align: center;
}

/*****************
 BODY FONT
 *****************/

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body, * html table  { font-size: medium; }


/*****************
 FONTS
 *****************/

#topofpageleft { font-size: 0.95em; color: #000; }
#topofpageright { font-size: 0.85em; color: #000; }
#breadcrumb { font-size: 0.85em; color: #000; }
#mainpageleft { font-size: 0.9em; color: #000; }
#mainpageright { font-size: 0.9em; color: #000;}
#footer { font-size: 0.85em; color: #000; }
#belowfooter { font-size: 0.85em; color: #000; }

/*****************
 LINKS
 *****************/

#topofpage a:link{ color: #000; text-decoration: none }
#topofpage a:visited{ color: #000; text-decoration: none }
#topofpage a:hover{ color: #000; text-decoration: underline }

#breadcrumb a:link{ color: #000; text-decoration: none }
#breadcrumb a:visited{ color: #000; text-decoration: none }
#breadcrumb a:hover{ color: #000; text-decoration: underline }

#mainpageright a:link{ color: #e43; text-decoration: underline }
#mainpageright a:visited{ color: #e43; text-decoration: underline }
#mainpageright a:hover{ color: #fb2; text-decoration: underline }

#mainpageright a.prodlink:link{ display: block; color: #e43; text-decoration: none; line-height: 18px; padding-left: 4px; padding-right: 4px; }
#mainpageright a.prodlink:visited{ display: block; color: #e43; text-decoration: none; line-height: 18px; padding-left: 4px; padding-right: 4px; }
#mainpageright a.prodlink:hover{ display: block; color: #e43; text-decoration: underline; line-height: 18px; padding-left: 4px; padding-right: 4px; }

#mainpagefull a:link{ color: #e43; text-decoration: none;  }
#mainpagefull a:visited{ color: #e43; text-decoration: none; }
#mainpagefull a:hover{ color: #e43; text-decoration: underline; }

#footer a:link{ color: #e43; text-decoration: none }
#footer a:visited{ color: #e43; text-decoration: none }
#footer a:hover{ color: #e43; text-decoration: underline }

#belowfooter a:link{ color: #333; text-decoration: underline }
#belowfooter a:visited{ color: #333; text-decoration: underline }
#belowfooter a:hover{ color: #e43; text-decoration: underline }

/*****************
 TOP TABS LIST
*****************/

ul.toptablist {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-weight: normal;
	text-transform: lowercase;
	width: 360px;
	background: #fff;
	min-height: 23px; /* 2px less than IE to work in MOZ */

}

	* html ul.tabbed {
		min-height: 25px;
	}

ul.toptablist li {
	font-size: 1.1em;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	background: #ffbb22 url(/images/tabright.gif) no-repeat right top;
}

ul.toptablist li a {
	padding: 5px 15px 5px 15px;
	margin: 0px 0px 0px 0px;
	background: url(/images/tableft.gif) no-repeat left top;
	display: block;
}

ul.toptablist li a:link, ul.toptablist li a:visited{
	color: #000;
	text-decoration: none;

}

ul.toptablist li a:hover {
	color: #fff;
	text-decoration: none;

}

/*****************
 TOP OF PAGE NAV LIST
*****************/

#topnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	text-transform: lowercase;
	width: 550px;
}

#topnav ul li {
	font-size: 0.9em;
	letter-spacing : -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 7px;
	display: inline;
}

#topnav ul li a {
	color: #fff;
	text-decoration: none;
}

#topnav ul li a:hover {
	color: #bd2;
	text-decoration: none;

}

/* APPLY END OVERRIDES */
#topnav ul li.cataloguelink {
	padding: 0px 0px 0px 10px;
	display: inline;
}

/*****************
 NO MARGIN UL
 *****************/

UL.nomargin {
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
}

UL.nomargin LI {
margin: 0px 0px 0px 12px;
padding: 0px 0px 0px 0px;
}


/*****************
 UL SIDE NAV
 *****************/


ul.sidenavlist{
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	letter-spacing : -1px;
	width: 150px;
	background: #fff;
	text-transform: lowercase;
}


ul.sidenavlist li{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	line-height:1.6em;
}

ul.sidenavlist a:link, ul.sidenavlist a:visited{
	color: #333;
	text-decoration: none;
}

ul.sidenavlist a:hover{
	color: #e43;
	text-decoration: underline;
}

ul.sidenavlist li.active a:link, ul.sidenavlist li.active a:visited{
	color: #228;
	font-weight: bold;
}

/* SUB NAV */

	ul.sidenavlist li.subnav a:link, ul.sidenavlist li.subnav  a:visited{
		color: #000;
		text-decoration: none;
		font-size: 1.0em;
		padding-left: 12px;
		letter-spacing: -1px;
		background: url(/images/subnav.gif) no-repeat 0px 1px;
	}

	ul.sidenavlist li.subnav  a:hover{
		color: #e43;
		text-decoration: underline;
	}

	ul.sidenavlist li.subactive a:link, ul.sidenavlist li.subactive a:visited{
		color: #e43;
		font-weight: bold;
	}


/* SUB SUB NAV */

	ul.sidenavlist li.subsubnav a:link, ul.sidenavlist li.subsubnav  a:visited{
		color: #000;
		text-decoration: none;
		font-size: 0.9em;
		padding-left: 20px;
		letter-spacing: -1px;
		background: url(/images/subnav.gif) no-repeat 8px 1px;
	}

	ul.sidenavlist li.subsubnav  a:hover{
		color: #e43;
		text-decoration: underline;
	}

	ul.sidenavlist li.subactive a:link, ul.sidenavlist li.subactive a:visited{
		color: #e43;
		font-weight: bold;
	}

/* APPLY HERE OVERRIDES */
ul.sidenavlist  li.here {
 	font-weight: bold;
}

/* APPLY HEADER OVERRIDES */
ul.sidenavlist  li.sidenavheader {
	margin: 5px 0px 5px 0px;
	padding: 4px 0px 4px 0px;
	border-bottom: 1px dotted #666;
 	font-size: 0.9em;
 	font-weight: bold;
 	text-transform: uppercase;
 	letter-spacing : -1px;
	width: 150px;
	color: #f90;
}


	ul.sidenavlist li.sidenavheader a:link, ul.sidenavlist li.sidenavheader a:visited{
		color: #f90;
		text-decoration: none;
	}

	ul.sidenavlist li.sidenavheader  a:hover{
		color: #f90;
		text-decoration: underline;
	}

/*****************
 HEADINGS
 *****************/

h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.2em 0; }
h1 { font-size: 2.1em; color: #030; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h2 { font-size: 1.7em; color: #030; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h3 { font-size: 1.4em; color: #030; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h4 { font-size: 1.2em; color: #030; line-height: 1.5em; font-weight: normal; letter-spacing: -1px; }


/*****************
 FORMS
 *****************/

form.inline { display:inline; }

input.searchinput {
	border: 1px solid #999;
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	width: 120px;
	color: #000;
}

select.searchselect {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 0.9em;
	width: 150px;
	color: #000;
}

input.searchsubmit {
	border: 1px solid #333;
	background-color: #fb2;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	color: #000;
}

input.newsletterinput {
	border: 1px solid #333;
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	width: 110px;
	color: #000000;
}

input.addtocart {
	border: 1px solid #999;
	background-color: #714;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	color: #fff;
}


/*****************
 BREAKS
 *****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/*****************
 PARAGRAPHS
 *****************/

p { margin: 10px 0px 0px 0px; }
p.space { margin: 10px 0px 10px 0px; }
p.nomarg { margin: 0px; }

/*****************
 CHRISTMAS MESSAGE
 *****************/

.christmasmessage p { 
	margin: 10px 0; 
	color: #c00; 
	font-weight: bold;
}

/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}

/*****************
 IMAGE BORDERS
 *****************/

 img { border: none }

 /*****************
  BLOCK  ITEMS
 *****************/

  div.blockitem {
  	width: 135px;
 	margin: 0px 10px 10px 0px;
 	padding: 0px 0px 2px 0px;
  	float: left;
  	background: #fff;
  	text-align: left;
  	position: relative;
  }


 div.blockitemend { margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; }

 div.blockitem img { width: 135px; height: 135px; border: 0px; }

 div.blockitem p { font-size: 0.9em; line-height: 1.1em; margin: 2px 0px 0px 0px; padding: 0px 4px 2px 4px; }

span.prodnew {
	position: absolute;
	background: url(/images/icon-new.png) no-repeat left top;
	width: 50px; height: 50px;
	right: -12px; top: 95px;
	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/icon-new.png', sizingMethod='scale');
}

  /*****************
   NAV DEVICE
  *****************/

div.navdevice {
	width: 128px;
	margin: 5px 6px 10px 0px;
	padding: 5px;
	float: left;
	text-align: left;
}

div.navdeviceend { margin: 5px 0px 10px 0px;}


div.navdevice ul { list-style: none; font-size: 0.95em; letter-spacing: -1px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }



div.navdeviceblue {
	background: #ddf;
}

div.navdeviceblue ul li { background: #abd; margin: 5px 0px 0px 0px; padding: 3px; }
div.navdeviceblue ul li ul li { background: #79c; margin: 5px 0px 0px 0px; padding: 3px; border: none; }


div.navdevicegreen {
	background: #dfa;
}

div.navdevicegreen ul li { background: #bd2; margin: 5px 0px 0px 0px; padding: 3px; }
div.navdevicegreen ul li ul li { background: #ac1; margin: 5px 0px 0px 0px; padding: 3px; border: none; }


div.navdeviceorange {
	background: #fea;
}

div.navdeviceorange ul li { background: #fc0; margin: 5px 0px 0px 0px; padding: 3px; }
div.navdeviceorange ul li ul li { background: #f90; margin: 5px 0px 0px 0px; padding: 3px; border: none; }


div.navdevicered {
	background: #fdd;
}

div.navdevicered ul li { background: #e63; margin: 5px 0px 0px 0px; padding: 3px; }
div.navdevicered ul li ul li { background: #d60; margin: 5px 0px 0px 0px; padding: 3px; border: none; }


#mainpageright div.navdevice a:link{ color: #000; text-decoration: none; }
#mainpageright div.navdevice a:visited{ color: #000; text-decoration: none; }
#mainpageright div.navdevice a:hover{ color: #000; text-decoration: underline; }


  /*****************
   BOTTOM BOX
 *****************/

 div.bottombox {
  	width: 570px;
 	margin: 0px;
 	padding: 0px;
  	background: #fb2 url(/images/bottomboxbackbtm.gif) no-repeat bottom center;
  }

 div.bottomboxinner {
   	width: 550px;
  	margin: 0px 0px 0px 0px;
  	padding: 10px 10px 10px 10px;
   	float: left;
   	background: transparent url(/images/bottomboxbacktop.gif) no-repeat top center;
  }


div.bottombox h2 { font-size: 1.2em; color: #fff; display: block;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

div.bottombox p { margin: 0px 0px 0px 0px;}


#mainpageright div.bottombox a:link{ color: #fff; text-decoration: none; }
#mainpageright div.bottombox a:visited{ color: #fff; text-decoration: none; }
#mainpageright div.bottombox a:hover{ color: #fff; text-decoration: underline; }


/*****************
 ACCOUNT TABS LIST
*****************/

ul.accounttablist {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-weight: normal;
	text-transform: lowercase;
	width: 700px;
	background: #fff;
	min-height: 23px; /* 2px less than IE to work in MOZ */

}

	* html ul.tabbed {
		min-height: 25px;
	}

ul.accounttablist li {
	font-size: 1.1em;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	background: #ffbb22 url(/images/tabright.gif) no-repeat right top;
}

ul.accounttablist li a {
	padding: 5px 15px 5px 15px;
	margin: 0px 0px 0px 0px;
	background: url(/images/tableft.gif) no-repeat left top;
	display: block;
}

ul.accounttablist li a:link, ul.accounttablist li a:visited{
	color: #000;
	text-decoration: none;

}

ul.accounttablist li a:hover {
	color: #fff;
	text-decoration: none;

}

/*** NEWS ***/
div.newsitem p { margin: 4px 0; }

/***************
 STOCKISTS PAGE
 ***************/
#stockistcol1 {
	float: left;
	width: 220px;
}

#stockistcol2 {
	float: left;
	width: 160px;
}

#stockistcol3 {
	float: left;
	width: 360px;
}

	a.stockistcurrent {
		font-weight: bold;
	}