@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	padding:0px;
	background:url(/images/mainBG4.jpg) top repeat-x #131313;
}

form {
	padding:0px;	
}

a {
	text-decoration:none;
	color:#ff6600;
}

h2 {
	font-size:12px;	
}

ul {
	padding:0px 0px 0px 15px;	
}

.fpMainContent ul {
	padding:4px 4px 4px 4px;;	
}

#footer {
	background:#fff;
	color:#666;
	width:990px;
	padding-top:10px;
	margin:0px auto;
	border-top:1px solid #CCC;
}
#footer a {
	color:#666;
	text-decoration:none;
}	

.subfooter {
	color:#fff;
	background:#111;

	text-align:center;
	padding:20px 20px;
	margin:10px 0 0 0;
	border-top:1px solid #CCC;
	clear:left;
}


.fhead {
	color:#333;
}	

#footer ul {
	margin-top:5px;
	padding-left:14px;
	list-style:square;
}

.footerSection {
	padding:5px;	
}

#footerinner {
	margin:5px 40px 5px 40px;
}

#topouter {
	background:#fff;
	width:990px;
	margin:0px auto;
	margin-bottom:0px;
	
}
#topinner {
	margin:0px 5px 0px 5px;
	background:#fff;
	
}

#header {
	width:976px;
	margin:0px auto;
}
.topNumber {
	font-size:14px;
	font-weight:bold;
	color:#ff6600;
}

.topBannerLeft {
	text-align:right;
	padding-right:15px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.topBannerPhone {
	font-size:20px;
	font-weight:bold;
}

#headerTopText {
	padding-bottom:8px;
	font-size:10px;
	text-align:right
}
#topMenu {
	background: url(/images/menuHeadBG2.gif) bottom repeat-x;
}
.topMenuItem {
	background:url(/images/topmenubg.jpg) bottom center repeat-x;
	text-align:center;
	color:#fff;
	border-left:1px solid #cbccce;
	border-left:1px solid #d9dadc;
	border-top:1px solid #c9cdce;
	border-bottom:1px solid #c9cdce;
}

.gotobasketButton {
	text-align:center;
	color:#fff;
	border-left:1px solid #cbccce;
	border-left:1px solid #d9dadc;
	border-top:1px solid #c9cdce;
	border-bottom:1px solid #c9cdce;
	background:url(/images/basketb.jpg) bottom repeat-x;
}
.gotobasketButton a {
	color:#fff;
	padding:3px 0px 3px 0px;
	text-decoration:none;
	display:block;
}
.gotobasketButton a:hover {
	background:url(/images/topmenubghover.jpg) bottom center repeat-x;
}

.topMenuItem a {
	color:#fff;
	padding:3px 0px 3px 0px;
	text-decoration:none;
	display:block;
}	
.topMenuItem a:hover {
	background:url(/images/topmenubghover.jpg) bottom center repeat-x;
}

#subHeader {
	
}
.subHeaderLeft {
  color:#909898;	
  padding:10px 0px 10px 0px;
}
.subHeaderRight {
  color:#445350;
    padding:10px 0px 10px 0px;
	text-align:right;
}

.searchBox {
	border:1px solid #445350;
	font-size:10px;
}

#centreContent {
	background:#fff;
	width:966px;
	margin:0px auto;
}
#middleContent {
	margin-top:0px;	
}
.sectionHeader {
	background:url(/images/cheaderbg.jpg) center bottom repeat-x;
	padding:9px 5px 8px 15px;
	text-align:left;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid #fff;	
}
.sectionHeader h1 {
	font-weight:bold;
	font-size:11px;
	padding:0px;
	margin:0px;

}
.sectionHeader a {
	color:#fff;
	text-decoration:none;
}
.sectionBody {
	background:url(/images/sectionBodyBG.jpg) top repeat-x #dce4e6;
	border-top:none;
	font-size:10px;
	line-height:15px;
	padding:10px;
}
.categoryFront {
	padding:10px 0px 10px 0px;	
}

.collapsibleHeader {
	background:url(/images/cheaderbg.jpg) center top repeat-x #3f4d4d;
	padding:9px 5px 8px 15px;
	text-align:left;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid #fff;
	cursor:pointer;
	margin-bottom:0px;
}
.collapsibleBody {
	margin-top:0px;
	border:1px #e0e0e0 solid;
	border-top:none;
}


#leftMenu {
	width:193px;
	padding-right:3px;
	margin-top:0px;
}
#leftMenu h3 {
	background:url(/images/menuHeadBG.jpg) top repeat-x;
	padding:5px 0px 5px 10px;
	margin:0px;
	
}

#rightMenu {
	width:192px;
	padding-left:3px;
	margin-left:5px;
	margin-top:0px;
	text-align:center;
}
#rightMenu h3 {
	
	padding:5px 0px 5px 10px;
	margin:0px;
	
}

.GreyMenuItem {
	background:#4d4d4d;	
	
	color:#fff;
	border-bottom:1px solid #373536;	
	cursor: pointer;
}
.GreyMenuItem a {
	padding:6px 3px 6px 10px;
	text-decoration:none;
	display:block;
	text-decoration:none;
	color:#fff;
}
.GreyMenuItem a:hover {
	background:#808080;	
}

.redMenu {
	background:#c2272d;
	padding:5px 0px 5px 10px;
	color:#fff;
	border-bottom:1px solid #373536;
}

.redMenu a {
	color:#fff;
	text-decoration:none;
}
.redMenu a:hover {
	color:#fff;
	background:#808080;
}

.greyMenu {
	background:#4d4d4d;
	padding:5px 0px 5px 10px;
	color:#fff;
	border-bottom:1px solid #373536;
}
.greyMenu a {
	color:#fff;
	text-decoration:none;
}

.leftBox {
	margin-top:5px;	
}
.rightBox {
	margin-top:5px;	
	padding-left:8px;
}
.sidePBox {
	margin-top:5px;
	margin-left:3px;
	margin-right:3px;
}
.sidePBoxHeader {
	text-align:center;
	font-weight:bold;
	background:url(/images/sideBoxBG.jpg) top right #fff no-repeat;
	padding:5px 0px 5px 0px;
	border:1px solid #666;
	border-bottom:2px solid #eb151d;
}
.sidePBoxBody {
	border:1px solid #666;
	border-top:none;
}
.sidePBoxRRP {
	color:#333;
	font-size:12px;
	text-align:center;
	padding:5px 0px 5px 0px;
	border-top:1px solid #999;
}
.sidePBoxPrice {
	background:#000;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding:5px 0px 5px 0px;
}

.searchField {
	font-size:12px;
	width:95px;
	border:1px solid #333;
	
}
.searchButton {
	height:20px;
	width:54px;
	color:#000;
	background:#cbcbcb;
	font-size:12px;
	border:1px solid #333;
}
.hintsandtips {
	margin-top:5px;
	margin-right:4px;
	background:url(/images/hintsandtips.jpg) top left no-repeat #333333;
	padding:112px 0px 13px 0px;	
}
.hintsMenuItem {
	margin-bottom:2px;
	
	background:#cbcbcb;
	color:#000;
	font-size:11px;	

}
.hintsMenuItem a {
	color:#000;
	padding:6px 3px 6px 15px;
	text-decoration:none;
	display:block;
}	
.hintsMenuItem a:hover {
		background:#c2272d;
		padding:6px 3px 6px 15px;
		color:#fff;
		font-weight:bold;
}

/* FRONT PAGE */
/* PRODUCT LISTS */
.productItem {
	
	border-bottom:1px solid #a7a7a7;
	padding:5px;
	
}

.incVatQ {
	padding:5px;	
}
.incVatQ a {
	color:#ff6600;
	text-decoration:none;
}
.priceVat {
	font-weight:normal;
	font-size:85%;
}

.manList {
	padding:0px 0px 0px 5px;
	margin-top:10px;
	color:#485754;
}
.manList a {
	color:#485754;
	text-decoration:none;
}

.catTopText {
	padding:10px;
	color:#485754;
	border-bottom:1px solid #ddd;
	margin:0 0 10px 0;
}

.fpCategory {	
	margin:2px 3px 2px 11px;	
	float:left;
	display:inline;	
	border-top:3px solid #dfe7e9;
	
}
.fpcatimg {
	background:url(/images/catbg.jpg) top repeat-x;
	padding:0px 10px 0px 10px;
}
.fpcatheader {
	background:url(/images/fpcatheader.jpg) bottom #fdfdfd repeat-x;
	padding:5px 0px 4px 5px;
	font-size:10px;
	border-top:2px solid #f6f6f6;
}
.fpcatheader a {
	color:#333;
	text-decoration:none;
}

.fpproductItem {	
	border:1px solid #ccc;
	margin:3px 3px 3px 3px;
	padding:0px;
	float:left;
	display:inline;	
}

.prodHeader {
	background:url(/images/cheaderbg.jpg) center top #3f4d4d repeat-x;
	padding:9px 5px 8px 15px;
	text-align:left;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid #fff;	
}

.prodHeader h1 {
	padding:0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

.prodColourList {
	margin:2px 3px 2px 3px;	
	border:1px solid #333;
}
.prodColourList a {
	padding:0px;	
	color:#ff6600;
}

.prodColourLink {
	color:#ff6600;
	text-decoration:none;
	margin-top:2px;
}	
.prodColourName {
	color:#666;
	text-decoration:none;
	margin-top:2px;
}	
.prodColourListOuter {
	padding:5px;	
}

.prodTopImages {

	text-align:center;
	
}



.fprodTitle {
	font-size:11px;
	
	
	text-align:center;	
}
.fprodTitle a {
	color:#333;
	text-decoration:none;
}
.fprodPrice {
	font-size:10px;
	text-align:center;
	padding:2px 0px 2px 0px;
}
.ourPrice {	
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:right;
	padding:7px 0px 6px 0px; 
}
.fpourPrice {
	font-size:16px;	
       padding:0 10px 0 0;
line-height:30px;
        float:right;
font-weight:bold;
color:#fc6704;
}

.fpourPrice span {
	font-size:12px;
	color:#999;
	margin-right:10px;
	float:left;
}

.addToBasketB {
	background:url(/images/basketb.jpg) center bottom repeat-x;
	padding:9px 5px 8px 15px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:7px 0px 6px 0px; 
}
.addToBasketB a {
	color:#fff;
	text-decoration:none;
}
.fpaddToBasketB {
    line-height:30px;
	font-size:11px;
        font-weight:bold;

	color:#fc6704;

	margin:0 0 0 10px;

}
.fpaddToBasketB a {
	color:#666;
	text-decoration:none;
}

.fpaddToBasketB a:hover {
	color:#fc6704;
}

/* PRODUCTS LIST */
/* CATEGORIES */
.sortBox {
	font-size:12px;
}
.prodTableTop {
	/*background:#333;*/
	
	padding:5px;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:10px;
	
}
.prodTableTop a {
	color:#333;
	text-decoration:none;
}
.prodTableTop h1 {
	padding:0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

.productListItem {
	
	border-bottom:1px solid #a7a7a7;
	padding:5px;
}
.prodListTitle {
	font-size:10px;
	text-align:left;
	padding:0px 4px 0px 5px;
}
.prodListTitle a {
	text-decoration:none;
	color:#333;
}
.productImage {
float:left
}
.productImage img
{
max-width:200px;
max-height:200px;
margin:0 10px 10px 0;
}

.prodThumbnails
{
margin:0 0 10px 0;
}

.thumbframe
{
}

#gallery {
	margin-top:10px;
	float:left
}
.productInfoOuter {
	padding:0px;
}
.productInfo {
	padding:15px 5px 5px 5px;	
	font-size:11px;
	border:1px solid #e0e0e0;
	border-top:none;
}
.productInfo li {
	margin-left:20px;	
}
.freeShipping {
	text-align:left;
	padding-left:5px;
	font-size:11px;
	padding-top:5px;
}
.packageButton {
	font-size:12px;
	font-weight:bold;
	padding:5px;
	color:#fff;
	background:#c2272d;
	border:1px solid #fff;
	
}
.packageListPrice {
	font-size:10px;
	text-align:right;
	padding:0px 4px 0px 5px;
}
.packageTotalField {
	
	border:1px #fff solid;
	font-size:14px;
	padding:0px;
	font-weight:bold;
	background:#fff;
	text-align:right;

}
.packageRow {
	border-bottom:1px solid #e0e0e0;	
}
.packageTopRow {
	border-bottom:1px solid #e0e0e0;
	background:#e0e0e0;
}
.packageTotalRow {
	border-top:1px solid #333;	
	font-weight:bold;	
}





/* BASKET */
.basket {
	background:url(/images/basketbg.gif) top right no-repeat;
	padding:6px 5px 8px 8px;
	text-align:center;
	margin-left:260px;
}
.basket a{
	color:#fff;
	text-decoration:none;
}
.basketPrice {
	color:#c2272d;
	
}

.basketHeader {
	border-bottom:2px solid #999;
	font-weight:bold;
	color:#666;
}
.basketLine {
	font-size:10px;
	text-align:left;
	padding:9px 4px 9px 5px;
	border-bottom:1px #999 solid;
}
.basketTotal {
	border-top:1px solid #999;
	border-bottom:2px #999 solid;
	font-weight:bold;	
	font-size:11px;
}
.basketShipping {
	border-top:2px #999 solid;
	
	font-weight:bold;	
	font-size:11px;
}

.basketButton {
	font-size:10px;
	font-weight:bold;
	padding:5px;
	color:#fff;
	background:url(/images/basketb.jpg) top repeat-x;
	border:1px solid #fff;
	display:block;
	text-align:center;
}
.basketButton a {
	color:#fff;
	text-decoration:none;

}
.basketSubButton {
	font-size:10px;
	font-weight:bold;
	color:#fff;
	padding:5px;
	background:url(/images/basketb.jpg) top repeat-x;
	border:1px solid #fff;
}
.postcodeField {
	font-size:10px;
	font-weight:bold;
	padding:5px;
	border:1px solid #333;
	margin-bottom:2px
}

.checkoutHeader {
	
	

}
.checkoutHeaderInner {
	padding-top:5px;
}
.checkoutHeaderTop {
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.checkoutHeaderBot {
	padding-top:11px;
	padding-bottom:1px;
	padding-left:35px;
	font-size:12px;
	color:#4f4f4f;
}
.checkoutHeaderText {
	font-size:11px;
	
}
.checkoutHeaderStar {
	font-size:11px;
	color:#c2272d;
}

.checkoutTextBox {
	font-size:12px;
	width:300px;
	border:#ccc 1px solid;
}
.checkoutExisting {
	color:#333;
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;
}
.cardTextBox {
	font-size:12px;
	border:#ccc 1px solid;
}
.cardPayUsing {
	color:#333;
	font-weight:bold;
	font-size:14px;
}
.err {
	background:#c2272d;
	border:1px solid #c2272d;
	margin-bottom:10px;
}
.errText {
	font-size:11px;
	background:#fff;
	color:#c2272d;
	padding:20px;
}
.datasheetlink {
	font-size: 10px;
	line-height:20px;
	text-align:center;
	color:#ff6600;
	text-decoration:none;
	background:url(/images/pdf.jpg) left no-repeat;
	padding-left:25px;
}


/* DROP 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/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.Tmenu {
	width:193px;
	position:relative;
}
 
.Tmenu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#b4b9bc;}
 
.Tmenu li {margin:0; padding:0; list-style:none; color:#333;}
.Tmenu li {display:inline-block; display:inline;}
.Tmenu ul ul {position:absolute; left:-9999px;}
.Tmenu ul .toplevel {position:absolute; left:0; top:0;  color:#333;}
 
.Tmenu a {display:block; font:normal 10px verdana,arial,sans-serif; color:#333; line-height:22px; text-decoration:none;padding:0 20px 0 10px;} 
 
.Tmenu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}
 
.Tmenu a:hover ul,
.Tmenu a:hover a:hover ul, 
.Tmenu a:hover a:hover a:hover ul {left:100%;}
.Tmenu a:hover ul ul, 
.Tmenu a:hover a:hover ul ul {left:-9999px;}
 
.Tmenu li a:hover {background:#dfe7e9; color:#fc6704;} 
.Tmenu li:hover > a {background:#dfe7e9; color:#fc6704;}
.Tmenu li a.fly {background: #b4b9bc;}
.Tmenu li a.fly:hover {background:#dfe7e9;} 
.Tmenu li:hover > a.fly {background:#dfe7e9;}
 
.Tmenu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}
 



/* ck */

.pitem table
{
width:100%;
height:36px;
}

.pitem td
{
vertical-align:center;
padding:0;
}

h3.pitem,
h3.ctitle
{
font-size:12px;
margin:0 0 10px 0;
padding:2px;
background:#ddd;
border-bottom:2px solid #f60;
text-align:center;
}

h3.ctitle
{
line-height:28px
}

h3.pitem a,
h3.ctitle a
{
display:block;
color:#333;
}

h3.pitem a:hover,
h3.ctitle a:hover
{
color:#555;
}

.pimg
{
float:right;
margin:0 10px 5px 5px;
padding:1px;
}

.cimg img
{
margin:0 0 10px 0;
}

.pimg img,
.cimg img
{
-webkit-box-shadow: 1px 1px 3px 0px #9e9e9e;
-moz-box-shadow: 1px 1px 3px 0px #9e9e9e;
box-shadow: 1px 1px 3px 0px #9e9e9e;
}

.pimg table
{
width:115px;
height:76px;
}

.pimg td img
{
display:block;
}

.pdesc,
.cdesc
{
text-align:left;
margin:0 10px 0px 10px;
display:block;
border-bottom:1px solid #ddd;
padding-bottom:10px;
height:140px;
}

.cdesc
{
height:50px;
}

.fpCategory
{
border:1px solid #ccc;
width:240px;
margin:5px;
padding:0 0 10px 0;
text-align:center;
}

.xcimg
{
padding:10px;
text-align:center;
float:right;
}

.cdesc
{
border:0;
}

.ctdesc
{
height:75px;
vertical-align:middle;
}

.sectionHeader,
.prodHeader
{
color:#666;
background:#ddd;
border:1px solid #ccc;
border-bottom:2px solid #f60;
background-image:none;
line-height:28px;

padding:0 10px 2px 10px;
}

.sectionHeader h1,
.prodHeader h1
{
font-size:12px;
}

.sectionHeader a,
.prodHeader a
{
color:#333;
}

.sectionHeader a:hover,
.prodHeader a:hover
{
color:#f60;
}

.RedMenuPanelTab  a.psel
{
color:#f60;
border-left:5px solid #f60;
}

.Tmenu li a.csel
{
color:#f60;
background:#ddd;
border-bottom:1px solid #f60;
}


body{

margin:0;
}

#leftMenu
{

}

.RedMenuPanelTab
{
border-bottom:1px solid #666;
}


.topMenuLeft
{
xborder-top:2px solid #FF6600;


}

.topNumber
{

font-size:24px;

}

.topNumber span
{
font-size:12px;
color:#999;
display:block;
line-height:0.8em;
}

#subHeader
{
padding:10px 0;
xborder-top:2px solid #FF6600;
margin:0 2px;
font-size:14px;

}

.subHeaderRight
{
color:#666;
font-size:11px;
}

#form1 label
{

}

#form1 input[type=text]
{
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:24px;
line-height:24px;
padding:0 5px;
}

#form1 input[type=submit],
#lbcontact input[type=submit],
.basketButton,
.basketSubButton
{
background-image:none;
background:#f60;
height:24px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:0;
font-weight:bold;
color:#fff;
}

.basketButton
{
padding:0;
line-height:24px;
}

.basketLine .basketButton
{
padding:0;
width:24px;
margin:auto;
}


.fpCategory.alpha
{
margin-left:0;
}

.fpCategory.omega
{
margin-right:0;
}

.fpCategory
{
width:246px;
}

.slideshow
{
margin:0 !important;
border-bottom:2px solid #f60;
}

.fpMainContent
{
background:#ddd;
padding:10px;
border:1px solid #ccc;
font-size:12px;
}

#lbcontact
{
background:#fff;
margin:10px 5px 10px 0;
padding:0px 0px 5px 0px;
border:1px solid #ccc;
}

#lbcontact input[type=text],
#lbcontact textarea
{
margin:0 0 5px 5px;
width:169px;
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
font-family:Verdana,Geneva,sans-serif;
font-size:11px;
color:#666;
}

#lbcontact input[type=submit]
{
margin:0 0 5px 5px;
}

#lbcontact input[type=text]:focus,
#lbcontact textarea:focus
{
-webkit-box-shadow: 0px 0px 3px 1px #f60;
-moz-box-shadow: 0px 0px 3px 1px #f60;
box-shadow: 0px 0px 3px 1px #f60;
}

#lbcontact h4,
#lbcontact h5
{
margin:0;
padding:0 0 0 5px;
font-size:12px;

background:#ddd;
}
#lbcontact h4
{
padding-top:5px;
color:#999;
}
#lbcontact h5
{
font-size:16px;
color:#555;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:2px solid #f60;
}

#lbcontact label
{
display:block;
margin:0 6px;
font-size:10px;
}

#lbcontact label span
{
color:#f60;
}

#lbcontact p
{
margin:5px;
}

#basketsummary
{

display:inline-block;

}

#basketsummary h3,
#basketsummary p
{
font-size:11px;
margin:0;
padding:0 20px;
display:inline-block;
}
#basketsummary h3
{

padding:3px 0;
color:#444;

}
#basketsummary p
{
background:#fff;
padding:3px 0;

}

.swatch
{
height:100px;

}

.CollapsiblePanelTab
{
background-image:none;
background:#ddd;
border:1px solid #ccc;
border-bottom:2px solid #f60;
color:#444;
font-size:12px;
}

.icons
{
float:left;
margin:10px;
width:210px;
}

#footer
{
overflow:auto;
}

.footerSection
{
width:205px;
padding:0 20px;
float:left;
}


.tip
{
color:#999;
font-size:9px;
}

.pagination a
{
padding:1px 2px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid transparent;
}
.pagination a:hover
{
background:#ddd;
border:1px solid #f60;
}
.pagination .sel,
.pagination .sel:hover
{
padding:1px 3px;
background:#f60;
color:#fff;
}