/* Main layout */
body {
	background-color: #ffffff;
	color: #675144;
	font-size: 10px; color: #000000; font-family: verdana,arial,helvetica;
	margin: 0;
}

a {color:black;}

#divTop { /*Top orange line*/
	background-color: #FFA235;position: absolute;top: 0px;left: 0px;width: 100%;height: 3px;overflow: hidden;}
#divTop2 { /*White bar below top orange line divTop */
	background-color: #ffffff;position: absolute;top: 3px;left: 0px;width: 100%;height: 54px;overflow: hidden;}
#divTop3 { /*Toolstation logo underneath divTop and above divTop2*/
	position: absolute;top: 5px;left: 14px;height: 49px;width: 171px;z-index: 3;}
#divTop4 { /*LHS orange & blue diagonal graphic*/
	position: absolute;top: 57px;left: 0px;}
#divTopNavigationMsg {position: relative;margin-top: 8px;left: -6px;}

/*Main contact area*/
.mainContent {position: relative; top: 0px; left: 0px; width: 100%; z-index: 2;}
.mainContent a:hover {text-decoration: underline;}
.navContent {padding-left: 16px; padding-right: 5px; padding-top: 0px; width: 135px; xbackground-image: url('/images/backgrounds/cream_fade.gif');}
.dataContent {padding-right:5px; width: auto; vertical-align:top;padding:12px;}
.advContent {background-color: #ffffff; border: 0px solid #D1D1C7; width: 25px;}

/* Table styles */
table.clean, tr.clean, td.clean {border: 0;border-collapse: collapse;padding: 0;border-spacing: 0;margin: 0;}
td { font-size: 10px; color: #000000; font-family: verdana,arial,helvetica; }

.tblThin {padding: 2px;border-collapse: collapse;border-spacing: 0;border: 1px;border-right:1px solid #cccccc;border-top:1px solid #cccccc;font-size: 10px; color: #000000; font-family: verdana,arial,helvetica;}
.tblThin td, th {border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.tblThin th {font-weight: bold;background-color: #EFEFE4;}

.tblThinOrange {border: 0;border-collapse: collapse;padding: 0;border-right:1px solid #D1D1C7;border-top:1px solid #D1D1C7;}
.tblThinOrange td {border-left:1px solid #D1D1C7;border-bottom:1px solid #D1D1C7;}

.tblThinGray {border: 0;border-collapse: collapse;padding: 0;border-right:1px solid #D1D1C7;border-top:1px solid #D1D1C7;}
.tblThinGray td {border-left:1px solid #D1D1C7;border-bottom:1px solid #D1D1C7;}
td.tblSelected {border-top: 2px solid #FFA235;border-bottom: 2px solid #FFA235;}

/* HR styles */
hr {color: #52a000;background-color: #675144;border: 0px none;height: 1px;}
hr.gray {color: #D1D1C7;background-color: #FFA235;border: 0px none;height: 1px;}
hr.blue {color: #06B612;background-color: #FFA235;border: 0px none;height: 1px;}

.whiteOnBlue {
	color: #ffffff;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.5pt;
}
.whiteOnBlue:hover {background-color: #ffffff;color: #577130;}

.navSubBlue {
	color: #675144;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.navSubBlue:hover {color: #577130;}

.navSubWhite {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.navSubWhite:hover {color: #eeeeee;}

.navSubWhiteWhite {
	color: #eeeeee;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.navSubWhiteWhite:hover {color: #ffffff;}


.navSubBlueWhite {
	color: #675144;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.specialTitle {
	color: #675144;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5pt;
}
.specialTitleSmall {
	color: #222222;
	font-family: arial;
	font-size: 11px;
	line-height: 10px;
	font-weight: bold;
	font-family: verdana, arial;
	letter-spacing: -0.5pt;
}

.specialDesc {
	color: #666666;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}
.specialPrice {
	background-color: #675144;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 1px;
}

/* Form element styles */
input, select {border: 1px solid #cccccc;font-family: arial, verdana, helvetica, sans-serif;font-size: 11px;font-weight: bold;}
input.fQty {text-align: right;}
input.nb {border: 0;}
.buttonWeb, .myButtons {cursor:pointer; border: 1px solid #528000;background-color: #675144;font-family: arial, helvetica;font-size: 11px;font-weight: bold;color: #ffffff;height: 18px;}
.buttonWebSmall {cursor:pointer; border: 1px solid #675144;background-color: #EFEFE4;font-family: verdana, arial, helvetica;font-size: 10px;font-weight: bold;color: #675144;}

.priceQty {width:80px;text-align:center;top:0px;color:#333333;font-weight:bold;border:0px solid black;}

img {border: 0;}
img.grayBorder {border: 1px solid #D1D1C7;}
img.blueBorder {border: 1px solid #675144;}

.whiteOnOrangeSmall {
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

.mousey {cursor:pointer;cursor:hand;}

.shadowBoxOrange {
	border: 3px solid #FFA235;
	border-bottom: 10px solid #FFA235;
	width: 100%;
	height: 100%;
}

.blueline_bottom {border-bottom:1px solid #FFA235; background-color:#111111;padding:2px;}
.blueline_bt {border-top:1px solid #675144;border-bottom:1px solid #675144;}

/* Homepage ad boxes */
.boxBodyBlue {background-color: #CCDFEA;}
.boxBodyWhite {background-color: #ffffff;}
.boxBodyOrange {background-color: #FFA235;}
.boxBodyRed {background-color: #ff0000;}
.boxShadow {background-color: #d3d3d3;}
.boxBorder {background-color: #a9a9a9;}
.boxWhite {background-color: #ffffff;}
.boxW1 {width:1px;}

.tblHdr {font-weight: bold;background-color: #c0c0c0;}
.tblDta {background-color: #E6E6E6;}

.priceOld {text-decoration: line-through;color: #D1D1C7;}

/* Messages::ALL */
h6, h5, h4 {position:static; font-size: 110%; padding: 5px; width:auto;}
h6 img, h5 img, h4 img {margin-right: 5px;}

/* Messages::Interaction */
h5 {background-color:#ffe; border: 1px solid #bb9;}
h5 img {border-width:0px;border-color:#333333;}

/* Messages::Informational */
h6 {background-color: #f5f5f5; border:1px solid #bb9;}
h6 img {border-width:0px;border-color:#333333;}

/* Messages::Error */
h4 {background-color: #FFF4DB;border: 1px solid #EF901F;}
h4 img {border-width:0px;border-color:#EF901F;}

/* Icons used in H's */
.infIco {position:relative;margin-top:-17px;float:left;border-style:solid;border-width:2px;}
.infIcoCtr {margin-right:-35px;}

/* Bounding around 'parts' table */
.tableParts {margin-bottom: 15px; border:2px solid #dddddd;}
.partTableHdr {font-family: arial, helvetica;font-weight: bold;color: #111111;font-size: 12px;letter-spacing: 1px;padding:2px;padding-left: 3px; border-bottom:1px solid #777777;}
.imgTbl {padding: 8px;}

.smallTxt {font-weight: normal;text-decoration: none;}
.smallerTxt {font-weight: normal;text-decoration: none;font-size:95%;}

/* Bounding white areas used in Informational */
.frmBoxFrame {position:relative; margin:0; text-align:left; padding:5px; width:100%;}
.frmBox {position:relative; margin-right:5px; text-align:left; padding:2px; border:1px solid #F26812; background-color:#ffffff; font-size:95%; font-weight:normal;}
.frmBoxHdr {font-weight:bold; color:#F26812;}
.frmBoxNo {position:absolute;top:2px;right:2px;}

/* Gen. layout stuff */
.divFl {float:left;}
.divFr {float:right;}
.clAll {clear:both;}

.divAl {text-align:left;}
.divAc {position:relative;text-align:center;}
.divAr {text-align:right;}

.bgOra {background-color:#FFA235;}

.imgBlBdr {margin:5px; border: 2px solid #675144;} /* Blue bordered images i.e. in Help */
.prodCode {color:#a9a9a9;font-weight: bold;} /* Grey bold 5-code text i.e. on featured products. */

/* Featured products boxes (RHS) */
.featProd {border:1px solid #D1D1C7; background-color:#ffffff; text-align:center; padding:5px;}
.featProdIn {margin: 3px 0px 10px 0px;}