/* CSS Document */
/*
Grey Dark	#3d3d3d - Text
Grey Mid	#7D7D7D

Green		#2E9B04


/*STD HTML Formatting*/
BODY
{
	color:#000000;
	font-family:Arial,Tahoma,Trebuchet MS,Verdana,Helvetica,Geneva,sans-serif;
	line-height:1.7;
	margin:0pt auto;
	text-align:center;
	width:100%;
	background:#3d3d3d url(../images/BGs/BodySlice.png) repeat-x center top;
}

DIV, INPUT, SELECT, TEXTAREA
{
	font:normal 11px Tahoma, Verdana, Arial, serif;
	color:#3d3d3d;
}
IMG
{
	border:none;
}
A
{
    text-decoration:none;
    color:#0066cc;
    font-weight:bold;
    text-decoration:underline;
}
A:hover
{
    color:#06c;
    text-decoration:none;
}

h1
{
	font-size:11px;
	font-weight:bold;
	background:transparent url(../images/BGs/h2lines.gif) repeat-x 0px 20px;
	line-height:20px;
	padding-top:0px;
	color:#006;
}

h1 SPAN
{
	color:#c00;
}
h2, h3 
{
	font-size:11px;
	font-weight:bold;
	background:transparent url(../images/BGs/h2lines.gif) repeat-x 0px 17px;
	line-height:18px;
	color:#006;
}
/*General Layout*/

.producttitle 
{
    text-decoration:none;
    color:#0066cc;
    font-weight:bold;
}


.pageHolder
{
	font-size:0.9em;
	margin:6pt auto;
	text-align:left;
	width:990px;
	border-bottom:1px solid #333;	
}
.header
{
	height:200px;
}
.content
{
	float:left;
	background:#fff url(../images/BGs/pageHolderTopLeft.png) no-repeat left top;
}

.contentColOne
{	
	float:left;
	width:200px;
}
.contentColTwo
{	
	float:left;
	width:625px;
}
.contentColThree
{	
	float:right;
	width:165px;
	margin-top:1px;
}

/*Generic classes*/
.inputBold
{
	font-weight:bold;
	color:#006;
	padding:3px;
	border:1px solid #000;
}
.button1
{
	position:relative;
	top:6px;
	left:0px;
}

/*HEADER Formatting*/
.headerBrandHolder
{
	position:relative;
	padding:25px 0 0 37px;
	height:97px;
}
.headerPhoneBasket
{
	position:relative;
	z-index:9999;
}
.headerPhoneHolder
{
	position:absolute;
	float:right;
	top:-6px;
	right:-6px;
}
.headerBasket
{
	position:relative;
	top:80px;
	left:0px;
	background:transparent url(../images/BGs/shoppingCart.png) no-repeat 15px 5px;
	padding:5px 0 0 55px;
	font-weight:bold;
	color:#fff;
}
.headerBasket A
{
	color:#fff;
	text-decoration:none;
}
.headerBasket A:hover
{
	color:#DFFED3;
}
.headerMastheadHolder
{
	float: left;
	display:block;
	background:#006 url(../images/BGs/MastheadSlice.png) repeat-x 10px 0px;
	height:77px;
	width: 620px;
	margin-top:1px;
}

.headerMastheadStrapline
{
	float: left;
	padding:25px 0 0 30px;
	width:200px;
}
.headerMastheadSearch
{
	position:absolute;
	display:block;
	float:right;
	width:183px;
	right:0px;
	top:25px;
}
.headerLinksHolder
{
	float:left;
	width:620px;
	padding:0;
	margin:0;
}
.headerLinksRow1
{
	float:left;
	padding:0;
	margin:0;
}
.headerLinksRow1 UL
{
	float:left;
	padding:0;
	margin:0;
}
.headerLinksRow1 LI
{
	float:left;
	display:inline;
}
.headerLinksRow1 LI A
{
	border-right:1px solid #fff;
	background:#06c;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	padding:4px 15px 5px 15px;
	line-height:21px;
}
.headerLinksRow1 LI A:hover
{
	background:#408CD9;
}
/*Pad each link row*/
.headerLinksRow1 LI A.home
{
	padding: 4px 20px 5px 19px;
}
.headerLinksRow1 LI A.register
{
	padding: 4px 20px 5px 21px;
	border-right:0px;
}
.headerLinksRow1 LI A.youraccount
{
	padding: 4px 37px 5px 38px;
	border-right:0px;
}

.headerLinksRow2
{
	float:left;
	padding:2px 0 0 0;
}
.headerLinksRow2 UL
{
	float:left;
	padding:0;
	margin:0;
}
.headerLinksRow2 LI
{
	float:left;
	display:inline;
}
.headerLinksRow2 LI A
{
	border-right:1px solid #fff;
	background:#7d7d7d;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	padding:4px 24px 5px 26px;
	line-height:21px;
}
.headerLinksRow2 LI A:hover
{
	color:#ccc;
}

.headerLinksRow2 li a.terms 
{
	padding:4px 38px 5px 37px;	
	border-right:0px;
}

INPUT.siteSearch
{
	position:relative;
	width:110px;
	padding:3px 3px;
	margin:0 4px 0 0;
	border:1px solid #000;
	color:#006;
	font-weight:bold;
}

/*Primary/Secondary Links*/
.primarylinks
{
	position:relative;
	display:block;
	background:#fff url(../images/BGs/primarylinks.gif) repeat-y 0 0;
	border-top:1px solid #fff;
}
.secondarylinks
{
	position:relative;
	display:block;
	background:#fff  url(../images/BGs/secondarylinks.gif) repeat-y 0 0;
	border-top:1px solid #fff;
}
.primarylinks UL, .secondarylinks UL
{
	list-style:none;
	padding:0;
	margin:0;
}
.primarylinks LI, .secondarylinks LI
{
	padding:4px 2px 4px 30px;
	margin:0;
}
.primarylinks LI A
{
	font-weight:bold;
	color:#c00;
	text-decoration:none
}
.secondarylinks LI A
{
	font-weight:bold;
	color:#2E9B04;
	text-decoration:none
}
.primarylinks LI A:hover
{
	color:#f63;
}
.secondarylinks LI A:hover
{
	color:#45EA06;
}

.leftlinks 
{
	background:#fff url(../images/BGs/supplierLogos.gif) repeat-y 0 0;
	height:980px;
	border-left:1px solid #fff;
}

.logoLinks
{
	background:#fff url(../images/BGs/supplierLogos.gif) repeat-y 0 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:0;
	margin:0;
	min-height:375px;
}
.logoLinksRow1, .logoLinksRow2, .logoLinksRow3, .logoLinksRow4, .logoLinksRow5, .logoLinksRow6
{
	position:relative;
	padding:10px 0 5px 35px;
}

.logoLinkFloatRight
{
	position:absolute;
	float:right;
	right:15px;
	top:10px;
}


/* homepage feature panel */
.feature-panel
{
	float:left;
	display:block;
	height:210px;
	background:#cdcdcd;
	margin:2px 0px 2px 0px;
	border-right:1px solid #fff;
	padding:12px;
	width:596px;
}

.feature-panel-left
{
	float:left;
	width:290px;
}

.feature-panel-right 
{
	float:left;	
	width:290px;
	margin-left:10px;
}

.feature-panel-right-tl
{
	float:left;
	width:140px;
	margin:0 5px 3px 0;
}

.feature-panel-right-tr 
{
	float:left;
	width:140px;
	margin:0 0 3px 5px;
}

.feature-panel-right-bt 
{
	float:left;
	width:290px;	
}

.feature-panel-link 
{
	float:left;
	display:block;
	background:#f00 url(../images/arrowLong.png) no-repeat 0px 0px;
	font-weight:bold;
	padding:3px 5px 3px 18px;
	border:1px solid #fff;
	border-top:none;	
}
.feature-panel-link a
{
	color:#fff;
	text-decoration:none;
}

.feature-panel-img 
{
	float:left;
	display:block;
	overflow:hidden;
	border:1px solid #fff;
}

.feature-panel-left .feature-panel-img 
{
	width:290px;
	height:185px;	
}

.feature-panel-right-tl .feature-panel-img, .feature-panel-right-tr .feature-panel-img  
{
	width:140px;
	height:80px;
}

.feature-panel-right-bt .feature-panel-img 
{
	width:290px;
	height:80px;	
}

.feature-panel-left .feature-panel-link 
{
	width:267px;	
}

.feature-panel-right-tl .feature-panel-link, .feature-panel-right-tr .feature-panel-link
{
	width:117px;	
}

.feature-panel-right-bt .feature-panel-link 
{
	width:267px;	
}

/*USP 3*/
.homepageUSPs3Holder
{
	position:relative;
	display:block;
	height:192px;
	background:#cdcdcd;
	margin:92px 0 0 0;
	padding:10px;
}
.homepageUSPs3
{
	position:relative;
	display:block;
	width:142px;
	height:170px;
	border:1px solid #fff;
	overflow:hidden;
}
.homepageUSPsLink3 A
{
	position:relative;
	display:block;
	width:119px;
	background:#f00 url(../images/arrowLong.png) no-repeat 0px 0px;
	color:#fff;
	font-weight:bold;
	padding:3px 5px 3px 18px;
	border:1px solid #fff;
	border-top:none;
	text-decoration:none;
}
.homepageUSPsLink3 A:hover
{
	background:#f00 url(../images/arrow.gif) no-repeat 7px 7px;
}

/*Col3*/
.col3pod1
{
	position:relative;
	padding:0 10px 0 0;
	margin:0 0 15px 0;
}
.col3pod2
{
	position:relative;
	padding:0 10px 0 0;
	margin:0 0 15px 0;
}
.col3pod2 H2
{
	position:relative;
	background:#06c;
	color:#fff;
	padding:2px 6px;
	margin:0 0 1px 0;
}
.col3pod2 P
{
	background:#BFD9F2;
	margin:0 0 0 0;
	padding:3px 6px 6px 6px;
	color:#006;
}
INPUT.newsletterSignup
{
	position:relative;
	width:110px;
	padding:3px 3px;
	margin:0 4px 0 0;
	border:1px solid #000;
	color:#006;
	font-weight:bold;
}

/*Content Area*/
.contentP1, .contentP2
{
	float:left;
	width:580px;
	padding:2px 20px 15px 15px;
}
.bestSellersRow1, .bestSellersRow2, .bestSellersRow3
{
	position:relative;
	height:180px;
	margin:0 0 1px 0;
}
.bestSellersItem1, .bestSellersItem3, .bestSellersItem5
{
	position:relative;
	float:left;
	width:250px;
	padding:0 0 10px 0;
	background:#fff url(../images/BGs/bestSellerShadow.gif) no-repeat right bottom;
}
.bestSellersItem2, .bestSellersItem4, .bestSellersItem6
{
	position:relative;
	margin:0 0 0 280px;
	width:250px;
	padding:0 0 10px 0;
	background:#fff url(../images/BGs/bestSellerShadow.gif) no-repeat right bottom;
}
.bestSellersPanel
{
	position:relative;
	display:block;
	width:240px;
	height:145px;
	border:1px solid #cdcdcd;
	background:#fff;
	overflow:hidden;
	text-align: left;
}
.bestSellersPanel H2
{
	padding:0;
	margin:1px 0;
}
.bestSellersPanel H2 A
{
	position:relative;
	display:block;
	width:215px;
	background:#f00 url(../images/arrowLong.png) no-repeat 0px 2px;
	color:#fff;
	font-weight:bold;
	padding:3px 5px 3px 18px;
	border:1px solid #fff;
	border-top:none;
	text-decoration:none;
}
.bestSellersPanel H2 A:hover
{
	background:#f00 url(../images/arrow.gif) no-repeat 7px 9px;
}
.bestSellersPanel P
{
	position:relative;
	padding:0 10px 0 10px;
}
.bestSellersPanel P IMG
{
	position:relative;
	float:left;
	top:0;
	left:0;
	padding:0;
	margin:0 10px 0 0;
	border:1px solid #333;
}
.bestSellerLink
{
	position:relative;
	display:block;
	margin:5px 1px;
	text-align:right
}
.bestSellerLink A
{
	font-weight:bold;
	color:#2E9B04;
	text-decoration:none;
}
.bestSellerLink A:hover
{
	color:#45EA06;
}


/*Footer links*/
.footer
{
	float:left;
	background:#999;
	clear:both;
	width:988px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

.footerLinks
{
	float:left;
	width:700px;
}
.footerLinks UL
{
	float:left;
	padding:0;
	margin:0;
}
.footerLinks LI
{
	float:left;
	display:inline;
}
.footerLinks LI A
{
	border-right:1px solid #fff;
	background:#7d7d7d;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	padding:4px 37px 5px 37px;
	line-height:21px;
}
.footerLinks LI A.contact
{
	border-left:1px solid #fff;
	padding:4px 35px 5px 36px;
}
.footerLinks LI A.news
{
	border-right:none;
}
.footerLinks LI A:hover
{
	color:#ccc;
}
.copyright
{
	padding:4px 5px 0 5px;
	float:left;
}


/*Basket*/
.basket
{
	position:relative;
	display:block;
	background:#cdcdcd;
	padding:10px;
	margin:90px 0px 10px 0px;
}

/*Logged In*/	
.LoggedInHeader
{
background:#06c;
padding:8px 10px 6px 10px;
margin:0 0 1px 0;	
}
.LoggedInRow
{
	position:relative;
	display:block;
	background:#cdcdcd;
	padding:2px 0 10px 10px;
	margin:0 0 1px 0;
}	

.SecurityMetrics 
{
    position:relative;
     text-align: center;
     padding: 10px 0px 10px 0;
}

/*Quick Search*/	
.quickSearchHeader
{
	background:#06c url(../images/BGs/quickSearch.png) no-repeat 7px 7px;
	padding:8px 10px 6px 55px;
	margin:0 0 1px 0;
}
.quickSearchHeader A
{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.quickSearchRow
{
	position:relative;
	display:block;
	background:#cdcdcd;
	padding:2px 0 10px 10px;
	margin:0 0 1px 0;
}	
.quickSearchRow SELECT
{
	position:relative;
	display:block;
	width:147px;
}	
.quickSearchRow SPAN
{
	padding:2px;
	line-height:21px;
}	
.buttonLrg
{
	margin:7px 0 0 0;
}


/*Catergory panels*/
/*Catergory panels*/
/*.categoryRow1, .categoryRow2
{
	position:relative;
	margin:0 0 1px 0;
	border:1px solid #ccc;
}
.categoryItem1
{	
	position:relative;
	float:left;
	width:145px;
}
.categoryItem2
{	
	position:relative;
	margin:0 145px 0 145px;
}
.categoryItem3
{	
	position:relative;
	float:right;
	width:145px;
}

.categoryItem1
{
	position:relative;
	float:left;
	width:150px;
	padding:0 0 10px 0;
	background:#fff url(../images/BGs/bestSellerShadow.gif) no-repeat right bottom;
}
.categoryItem2
{
	position:relative;
	margin:0 160px 0 160px;
	width:150px;
	padding:0 0 10px 0;
	background:#fff url(../images/BGs/bestSellerShadow.gif) no-repeat right bottom;
}
.categoryItem3,
{
	position:relative;
	float:right;
	width:150px;
	padding:0 0 10px 0;
	background:#fff url(../images/BGs/bestSellerShadow.gif) no-repeat right bottom;
}
*/
.categoryTable TD
{
    vertical-align:top;
}
TD.categoryPanel
{
	position:relative;
	width:200px;
	border:1px solid #cdcdcd;
	background:#fff;
	padding:0 0 5px 0;
}
TD.categoryPanel P
{
	padding:0;
	margin:0;
}
TD.categoryPanel H2
{
	padding:0;
	margin:1px 0 0 0;
	background:none;
}
TD.categoryPanel H2 A
{
	display:block;
	background:#f00 url(../images/arrowLong.png) no-repeat 0px 2px;
	color:#fff;
	font-weight:bold;
	padding:3px 5px 3px 18px;
	border:1px solid #fff;
	border-top:none;
	text-decoration:none;
}
TD.categoryPanel H2 A:hover
{
	background:#f00 url(../images/arrow.gif) no-repeat 7px 9px;
}
TD.categoryPanel P A
{
    position:relative;
    display:block;
	padding:1px 0 3px 5px;
	margin:0 2px;
	border-bottom:1px dotted #dedede;
	text-decoration:none;
}

/*Products*/
.productRow1, .productRow2
{
	padding:0 7px 10px 0;
	margin:0 0 5px 0;
	background:#fff url(../images/BGs/productShadow.gif) no-repeat right bottom;
}
.productItem
{
	position:relative;
	padding:0 0 10px 0;
	border:1px solid #ccc;
}

.productItem H2
{
	padding:0;
	margin:1px 0;
}
.productItem H2 A
{
	position:relative;
	display:block;
	background:#c00 url(../images/arrowLong.png) no-repeat 0px 1px;
	color:#fff;
	font-weight:bold;
	padding:3px 5px 3px 18px;
	border:1px solid #fff;
	border-top:none;
	text-decoration:none;
}
.productItem H2 A:hover
{
	background:#f00 url(../images/arrow.gif) no-repeat 7px 9px;
}
.productItem P
{
	position:relative;
	padding:0 10px 0 10px;
	line-height:210%
}
.productItem P IMG
{
	position:relative;
	float:left;
	top:0;
	left:0;
	padding:0;
	margin:0 10px 0 0;
	border:1px solid #333;
}
.productLink
{
	position:relative;
	display:block;
	margin:5px 1px;
	text-align:right
}
.productLink A
{
	font-weight:bold;
	color:#2E9B04;
	text-decoration:none;
}
.productLink A:hover
{
	color:#45EA06;
}
.productItem P A.buttonBuy IMG
{
	margin:5px 0 0 0;
	z-index:999999
}



/*Details*/
.detailRow
{
	padding:0 7px 10px 0;
	margin:0 0 5px 0;
	background:#fff url(../images/BGs/detailShadow.gif) no-repeat right bottom;
}
.detailItem
{
	position:relative;
	padding:0 0 10px 0;
	border:1px solid #ccc;
}

.detailItem H2
{
	padding:0;
	margin:1px 0;
}
.detailItem H2 A
{
	position:relative;
	display:block;
	background:#c00 url(../images/arrowLong.png) no-repeat 0px 1px;
	color:#fff;
	font-weight:bold;
	padding:3px 5px 3px 18px;
	border:1px solid #fff;
	border-top:none;
	text-decoration:none;
}
.detailItem H2 A:hover
{
	background:#f00 url(../images/arrow.gif) no-repeat 7px 9px;
}
.detailItem P
{
	position:relative;
	padding:0 10px 0 10px;
	line-height:210%
}
.detailItem P IMG
{
	position:relative;
	float:left;
	top:0;
	left:0;
	padding:0;
	margin:0 10px 0 0;
	border:1px solid #333;
}
.detailLink
{
	position:relative;
	display:block;
	margin:5px 1px;
	text-align:right
}
.detailLink A
{
	font-weight:bold;
	color:#2E9B04;
	text-decoration:none;
}
.detailLink A:hover
{
	color:#45EA06;
}
.detailItem P A.buttonBuy IMG
{
	margin:5px 0 0 0;
	z-index:999999
}



/* NICK ADDED */

.BasketQuantityTextBox 
{
	width: 30px;
}

/* robin added */

.logged-in-panel 
{
	float:left;
	padding:10px 0 0 0;	
	width:605px;
	text-align:right;
}

.account-left 
{
	float:left;
	width:260px;
	margin-right:5px;	
}

.account-right 
{
	float:right;
	width:300px;
}

.account-table
{
	width: 300px;
	padding: 0;
	border-collapse: collapse;
}

.account-table td
{
	background-color:#eee;
	border:1px solid #fff;
}

.account-table td.white-td
{
	background-color:#fff;
	border:1px solid #fff;
}


/* for basket.. */
.account-table-basket
{
	width: 585px;
	padding: 0;
	border-collapse: collapse;
}
.account-table-basket td
{
	background-color:#eee;
	border:1px solid #fff;
}
.account-table-basket td.white-td
{
	background-color:#fff;
	border:1px solid #fff;
}

.green-button 
{
	padding:1px;
	background-color:#2E9B04;
	border:1px solid #336600;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	margin-right:5px;
	margin-top:5px;
}

#other-services-box 
{
	clear:left;
	float:left;
	width:100%;
	margin-top:20px;
	background-color:#eaeaea;
}

#other-services-box-head 
{

	float:left;
	width:576px;
	background-color:#dcdcdc;
	color:#4c4c4c;
	font-size:1.2em;
	padding:4px 0 4px 8px;
	font-weight:bold;
}

#other-services-box ul 
{
	float:left;
	padding:10px 0 10px 30px;
}



.price-breaks-panel 
{
    float: left;
    clear:left;
    margin-bottom: 5px;
}

.price-breaks-panel table 
{
    float: left;
    clear:left;
    border: 1px solid #00009a;
    border-collapse: collapse;
    padding: 5px;
    width: 300px;
    margin-bottom: 5px;
}

.price-breaks-panel table td 
{
    width: 150px;
}

.view-categories
{
    float: left;
    clear:left;
    margin: 5px 0 10px 0;
    width: 100%;
}

#highslide 
{
    float: left;
    clear:left;
    
}

#line-and-price 
{
    float: left;
    clear:left;
    margin: 30px 0 0 243px;
    width: 100%;
}
