@charset "utf-8";

/* RESET STYLES ******************************************************************************************************************************************************************/
						
						body
						{
							color:#393a3d;
						}
						
						*
						{
							font-family:"Trebuchet MS", Tahoma, sans-serif;
							font-size:12px;
							line-height:inherit;
							font-style:normal;
							font-weight:400;
							vertical-align:baseline;
							margin:0;
							padding:0;
						}
						
						ol,ul
						{
							list-style:none outside;
						}
						
						table.nc
						{
							border-collapse:collapse;
							border-spacing:0;
						}
						
						/* collapse space between table cells by default. .nc are (non layout) template tables. */
						fieldset,img
						{
							border:0;
						}
						
						q:before,q:after
						{
							content:'';
						}
						
						/* bring good browsers in line with IE <= 6 (!?) */
						button
						{
							width:auto;
							overflow:visible;
						}

/* HEADING STYLES *****************************************************************************************************************************************************************/


h2, .content h1
{
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:18px;
	color:#393a3d;
}

#header h1
{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:45px;
	margin-left:25px;
	display:block;
	width:230px;
	height:110px;
	background:url(Image/bg-h1-logo.gif) no-repeat;
	overflow:hidden;
}

h1 a,h1 a:hover,h1 a:active
{
	display:block;
	width:230px;
	height:110px;
	overflow:hidden;
	margin-left:-600px;
	font-size:24px;
}


h4 { font-weight: bold; }

/* LAYOUT STYLES ******************************************************************************************************************************************************************/
#form_wrapper {
	margin-top:-10px;
	text-align:left;
}

#ourbox2 {
	padding-top:5px;
	float:left;
	padding-left: 5px;
	width:100px;
	}

#picbox {
	float:right;
	padding-left:10px;
	}

#ourbox2 span.ourcontain
{
	display:block;
	/*width:354px;*/
	text-align:left;
	/*color:#FFF;*/
	color:#000000;
	line-height:1.5;
	overflow:visible;
	margin: 0 10px 0 10px;
}
#ourbox span.ourcontain
{
	display:block;
	/*width:354px;*/
	text-align:left;
	color:#FFF;
	line-height:1.5;
	overflow:visible;
	margin: 0 10px 0 10px;
}

#ourbox span.ourcontain strong
{
	color:#ffdf28;
	font-weight:bold;
}

#topphoto {
	float: left;
	height: 144px;
	margin-left: 10px;
	margin-right: 10px
	}
#phototext {
	height: 144px;
	padding-top: 5px;
	}

html,body
{
	text-align:center;
	background:#4c4c4c;
}

#wrapper
{
	text-align:left;
	display:block;
	min-width:820px;
	max-width:820px;
	width:820px;
	background:#FFF url(Image/bg-wrapper.jpg);
	margin:25px auto;
}

.pagination a,#breadcrumbs a,a
{
	color:#4C4C4C;
	text-decoration:underline;
}

#header
{
	display:block;
	min-width:820px;
	max-width:820px;
	width:820px;
	height:150px;
	background:url(Image/bg-header2.jpg) no-repeat top;
	margin:0;
}


#inner-wrapper
{
	display:block;
	min-width:780px;
	max-width:780px;
	width:780px;
	margin:0 auto;
}

#primary
{
	float:right;
	width:570px;
	display:inline;
}

#tertiary
{
	float:left;
	width:200px;
	display:inline;	
}

#sub-categories { display:block; margin:25px 0px;background:#e8e7ed; }

#sub-categories ul { background:#e8e7ed;  }
#sub-categories  ul li {float:left; width:275px; margin:10px 0 0 10px;  }
#sub-categories a { background:#e8e7ed; }
#sub-categories  ul li a img { float:left; }
#sub-categories  ul li a span { margin:15px; line-height:40px; }

#sub-categories .bl { clear: both;}


#footer
{
	clear:both;
	display:block;
	min-width:820px;
	max-width:820px;
	width:820px;
	background:url(Image/bg-footer.jpg) bottom no-repeat;
	height:50px;
	margin:0;
}

#footer .content
{
	display:block;
	width:780px;
	height:50px;
	margin:0 auto;
}

#meta div.inner-box p
{
	display:block;
	line-height:50px;
	height:50px;
	text-align:right;
}

p.logged-in-as
{
	display:block;
	width:800px;
	text-align:right;
	color:#FFF;
	position:absolute;
	top:0;
	margin:10px;
}

p.logged-in-as a
{
	color:#ffdf28;
	text-decoration:underline;
}

p.logged-in-as a:hover
{
	color:#ffdf28;
	text-decoration:none;
}

div#category-nav
{
	background:#4C4C4C;
	font-size:12px;
	padding-bottom:10px;
	margin-top:180px;
	z-index:100;
}

div#category-nav ul
{
	margin-bottom:10px;
}

div#category-nav ul a
{
	color:#FFF;
	font-weight:400;
	font-size:12px;
	border-bottom:1px solid #FF3;
	display:block;
	text-decoration:none;
	margin:0 10px 4px;
}

div#category-nav ul ul a
{
	font-size:12px;
	color:#FFF;
	font-weight:400;
	border:0;
	display:block;
	text-decoration:none;
	padding-left:20px;
	background:url(Image/seleceted-li.gif) no-repeat left;
	margin:0 10px 4px;
}

div#category-nav ul ul a:hover
{
	font-size:12px;
	color:#FF6;
	font-weight:400;
	border:0;
	display:block;
	padding-left:20px;
	background:url(Image/seleceted-li.gif) #565656 no-repeat left;
	margin:0 10px 4px;
}

div#breadcrumbs,div#breadcrumbs a
{
	font-size:10px;
}

div#page-nav
{
	display:block;
	position:absolute;
	top:175px;
	height:180px;
	width:200px;
	background:url(Image/bg-page-nav.jpg) no-repeat top;
}

div#page-nav ul a
{
	font-size:12px;
	color:#393a3d;
	font-weight:400;
	border:0;
	display:block;
	text-decoration:none;
	padding-left:20px;
	background:url(Image/seleceted-li_dark.gif) no-repeat left;
	margin:0 10px;
}

div#page-nav ul a:hover
{
	text-decoration:underline;
}

li.page-link-home
{
	margin-top:15px;
}

#top-search
{
	position:absolute;
	display:block;
	top:300px;
	width:200px;
	padding-left:30px;
	height:50px;
	z-index:999;
}

#top-search a
{
	font-size:10px;
	display:none;
}

#top-search input#keywords
{
	/*paul*/
	width:100px;
	vertical-align:top;
	/*width:130px;*/
}

body.home #secondary
{
	display:block;
	position:absolute;
	/*paul 20-1-00*/
	/*top:175px;*/
	/*top: 380px;	
	width:184px;
	height:188px;
	margin-left:596px;
	*/
	top:750px;
	width:200px;
	height:188px;
	margin-left:0px;
	/*changed colour 28/1/09 */
	background:#ffdf28 url(Image/bg-grad2.jpg) no-repeat;
	z-index:5;
}

body.home div#mini-enquiry-basket
{
	width:164px;
	margin:0 auto;
	display:block;
	visibility:visible;
}

body.home div#mini-enquiry-basket h3,body.home div#mini-enquiry-basket h3 a,body.home div#mini-enquiry-basket h3 a:hover
{
	display:block;
	height:34px;
	color:#ffdf28;
	font-size:14px;
	line-height:34px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}

#product img
{
	float:right;
	border:1px solid #202320;
	background:#fff;
	padding:4px;
}

#product .item-info
{
	width:auto;
	margin:0.81em 0;
}

#product .item-info th
{
	border-bottom:1px solid #c8dbbf;
	padding:3px 6px 3px 0;
}

#product .item-info td
{
	border-bottom:1px dotted #c8dbbf;
	padding:3px 0 3px 6px;
}

#product .small
{
	display:block;
	clear:both;
	text-align:right;
	margin:0.81em 0;
}

#product .small fieldset
{
	display:block;
}

#product .small .submit
{
	margin-right:16px;
}

/* =product-list */
.product-list
{
	width:100%;
}

.product-list ol
{
	list-style:none outside;
	border-top:1px dotted #ccc;
	clear:both;
}

.product-list ol li
{
	position:relative;
	border-bottom:1px dotted #ccc;
	font-size:small;
	min-height:109px;
	background:#cac9d6;
	padding:16px 16px 16px 140px;
}

.product-list ol li.even
{
	background:#e8e7ed;
}

.product-list ol h3 a
{
	font-weight:bold;
	font-variant:small-caps;
}

.product-list ol .pid
{
	font-weight:normal;
	color:#aaa;
	font-size:small;
}

.product-list ol li img
{
	position:absolute;
	top:16px;
	left:16px;
	border:1px solid #ccc;
	background:#fff;
	margin:0 16px 0.4em 0;
	padding:4px;
}

.product-list ol .options
{
	overflow:hidden;
	padding-top:0.81em;
}

.product-list ol .options input
{
	margin-right:8px;
}

.product-list ol .small
{
	float:left;
	margin:0;
	padding:0;
}

.product-list ol .item-info
{
	clear:both;
	border:1px dotted #aaa;
	margin:0;
}

.product-list ol .item-info th
{
	width:20%;
}

.product-list ol .item-info th,.product-list ol .item-info td
{
	padding:0.1em;
}

/* =table (tables that ARE NOT user submitted content via FCKin editor */
.nc
{
	border:1px solid #aaa;
	width:99.8%;
	font-size:small;
	border-width:0;
	margin:0.81em 0;
}

.nc td,.nc th
{
	font-size:small;
	line-height:1.205em;
	vertical-align:middle;
	margin:0;
	padding:2px 3px;
}

.nc th
{
	font-weight:bold;
	text-align:left;
}

.nc thead th
{
	color:#393a3d;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px dotted #aaa;
}

.nc tfoot th,.nc tfoot td
{
	border-top:1px solid #aaa;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.62em;
}

.nc tfoot td
{
	border-top-style:dotted;
}

.nc tbody td
{
	padding:8px 3px;
}

.nc .tac
{
	text-align:center;
}

.nc .tar
{
	text-align:right;
	padding-right:6px;
}

.nc .odd
{
	background:#ccc;
}

.nc .even
{
	background:#eee;
}


div#top77
{
	display:block;
	width:374px;
	/*Paul changed
	height:400px;*/
	height:195px;	
}

div#top77 span.contain
{
	display:block;
	width:354px;
	text-align:left;
	color:#FFF;
	line-height:1.5;
	overflow:hidden;
	margin: 0 10px 0 10px;
}

div#top77 span.contain2
{
	display:block;
	width:354px;
	text-align:left;
	color:#4c4c4c;
	line-height:1.5;
	overflow:hidden;
	margin: 0 10px 0 10px;
}


div#top77 span.contain strong
{
	color:#ffdf28;
	font-weight:bold;
}

div#top78
{
	display:block;
	width:570px;
	/*paulremoved
	height:200px;
	*/
	margin-top:12px;
}

h3.fck
{
	display:block;
	height:34px;
	color:#4c4c4c;
	font-size:14px;
	line-height:34px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}


h3.fck a {background:url(Image/h3bg.gif) 0px 0px ;  	display:block;
	height:34px;
	color:#4c4c4c;
	font-size:14px;
	line-height:34px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
 }
h3.fck a:hover, .hover, a.test .hover { background:url(Image/h3bg.gif) 0px -34px ; 	display:block;
	height:34px;
	color:#FFF;
	font-size:14px;
	line-height:34px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
 }


h3.fck-special,h3.fck-special a,h3.fck-special a:hover
{
	display:block;
	height:34px;
	color:red;
	font-size:14px;
	line-height:34px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}

h2.mainheading
{
	color:#ffdf28;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #666;
	line-height:34px;
	text-align:center;
}

/*added to handle special offer box text colour*/
h2.so_mainheading
{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #666;
	line-height:34px;
	text-align:center;
}

h2.mainheading2
{
	color:#4c4c4c;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #ffdf28;
	line-height:34px;
	text-align:center;
}


#sub-categories a
{
	text-decoration:none;
	display:block;
}

#top-search span.desc,#back-to-top/*,#secondary*/
{
	display:none;
}


#secondary { /* enq on subpages */

position: absolute;
top: 170px;
margin-left: 596px;
width: 184px;
background:#CCCCCC;
display: block;
visibility:visible;
}

li.page-link-show-enquiry-basket, li.page-link-show-enquiry-basket a {
	position:absolute;
	top:-100px;
	display:none;
}
.product-variations,.nc .tal
{
	text-align:left;
}

.prodbox img { margin: 12px;}

.home #ebasket-toggle { display: none; }

div#mini-enquiry-basket h3, div#mini-enquiry-basket h3 a, div#mini-enquiry-basket h3 a:hover
{
	display:block;
	height:34px;
	color:#ffdf28;
	font-size:14px;
	line-height:34px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}


div#secondary {
	display:none;
	background: url(Image/bg-grad2x.gif) no-repeat;

}

body.home div#secondary {
	display:block; visibility:visible; 
}

#mini-enquiry-basket { min-height: 120px; width:184px; }
#mini-enquiry-basket ul { margin: 10px;}
#mini-enquiry-basket p { margin-right: 10px; text-align:right;}
.home #mini-enquiry-basket { min-height: 100px; }

#ebasket-toggle { display:block; width:100px; height:30px; position:absolute; top: 180px; margin-left:700px; background:url(Image/eb.jpg); outline:none; }
#ebasket-toggle span { display:none;  }

body.page label { display: block; font-weight:bold; }
.datamate input { display: block; width: 250px; margin-bottom:15px; }
fieldset.submit input { width: 65px;}