/* Main layout */


body {
	
    color: #005F96;
	
	
	
	font-size: 10px; color: #000000; font-family: arial,verdana,helvetica;
	margin: 0;
}

.mainBody {
  background-color: #101010;
  background-position: center top;
  background-image:url('../images/Caflish-Background-large-web.gif');
  background-repeat: repeat-y; 
}

#mainContent {
  
  background-color: #ffffff; 
}

#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; padding-right:11px;}
.mainContent a:hover {text-decoration: underline;}
.navContent {padding-left: 11px; padding-right: 8px; padding-top: 0px; width: 130px;}
.dataContent {width: auto; vertical-align:top;padding-top:15px;}
.advContent {background-color: #ffffff; border: 0px solid #D1D1C7; }

/* Table styles */
table.clean, tr.clean, td.clean {border: 0;border-collapse: collapse;padding: 0;border-spacing: 0;margin: 0;}
td { font-size: 12px; color: #000000; font-family: arial,verdana,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: arial,verdana,helvetica;}
.tblThin td {border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.tblThin th {font-weight: bold;background-color: #EFEFE4;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;}

.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;}

.tblOrange {border: 0;border-collapse: collapse;padding: 0;border-right:2px solid #FFA500;border-top:2px solid #FFA500;border-left:2px solid #FFA500;border-bottom:2px solid #FFA500;}
/*.tblOrange td {border-left:2px solid #FFA500;border-bottom:2px solid #FFA500;}*/


.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: #326000;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: #000000;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	
}

/* #3E7200 #74C7F9  #757575*/


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

.navSubPink:hover {color:#FF5FB1;}


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

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


.navSubBlue:hover {color: #000000;} /*#577130*/



.navMore {
	color: #fe2c2c;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}


.navSubWhite {
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	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: black;  /*4B8400*/
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}


.anchorText {
  color: #000000;
  text-decoration: none;  
}

.anchorText:hover {
  text-decoration: underline;
}





#deliveryInfo {
background-color: #993366;
padding: 5px;
color: #ffffff;
  font-weight: bold;
  font-size: 14px;
width: 262px;
}
#deliveryInfo {
\width: 272px; 
w\idth: 262px;
}



#deliveryInfo h3 {
  font-size: 90%;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

.specialTitle {
	color: #005F96;
	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: arial, verdana;
	letter-spacing: -0.5pt;
}

.specialDesc {
	color: #666666;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}
.specialPrice {
	background-color: #005F96;
	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;}
/*#326000 #74C7F9 #528000 */ 
.buttonWeb, .myButtons {cursor:pointer; border: 1px solid #cfcdcd;background-color:black; font-family: arial, helvetica;font-size: 11px;font-weight: bold;color: #ffffff;height: 18px;}
.buttonRedWeb, .myButtons {cursor:pointer; border: 1px solid #E91625;background-color: #C70124;font-family: arial, helvetica;font-size: 11px;font-weight: bold;color: #ffffff;height: 18px;}
.buttonWebTop, .myButtons {cursor:pointer; border: 1px solid white;background-color:black; font-family: arial, helvetica;font-size: 11px;font-weight: bold;color: #ffffff;height: 18px;}

.buttonWebSmall {border: 1px solid #005F96;background-color: #EFEFE4;font-family: arial, verdana, helvetica;font-size: 9px;font-weight: normal;color: #005F96;}


.priceQty {width:5px;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 #005F96;}

.whiteOnOrangeSmall {
	font-size: 9px;
	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 #005F96;border-bottom:1px solid #005F96;}

/* 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: 10px; 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;}

.messageInteraction {
  background-color:#ffe; border: 1px solid #bb9;
  padding:8px;
  
}

.messageInteraction img {
  border-width:2px;
  border-color:#333333;
  margin-left:4px;
  margin-right: 5px;
}	


/* 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:90%; 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 #005F96;} /* 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;}

/* Hide item */
.visHide {display: none;}

/* gift list stuff */
/* .container {no required styles} */

  
 .left-element {float: left;}

.right-element {float: right;}


*>html .left-element {width: 49%;}

*>html .right-element {width: 49%;} 

.orangeBox {
  background:yellow;
}


#nav {
  margin: 0;
  padding: 0;
  /*background: #838486;*/
  list-style-type: none;
  width: 504px;
  
  float: left;
}


#nav2 {
  margin: 0;
  padding: 0;
  /*background: #838486;*/
  list-style-type: none;
  width: 168px;
  float: left;
}


#nav li, #nav2 li {
  margin: 0;
  padding: 0;
  float: left;
}

#nav a, #nav2 a {
  font-family: arial;
  float: left;
  width: 84px;
  color: #FFF;
  text-decoration: none;
  line-height: 2.3;
  font-size: 10px;
  text-align: center;
  background-image: url('../images/top/menu.gif');
  background-repeat: no-repeat;
}

#nav a:hover, #nav2 a:hover {
  background-position: -84px 0;
  text-decoration: underline;
}

#body_home #nav_home a ,
#body_aboutus #nav_aboutus a,
#body_checkout #nav_checkout a,
#body_shops #nav_shops a,
#body_news #nav_news a,
#body_jobs #nav_jobs a,
#body_help #nav_help a,
#body_account #nav_account a,
#body_trolley #nav_trolley a
{
  background-position: -168px 0;
  font-weight: bold;
}

.h1toplevel {
  color: black;  /*4B8400*/
  font-size: 11px;
  font-weight: bold;
  margin: 0;  
  padding:0;
}

.h2bar {
  font-size: 15px;
  font-weight: bold;
  margin: 0;  
  padding:0;
}


.h1offers {
  font-size:14px;
  margin: 0;  
  padding:0; 
}

.h3offers {
  font-size:15px;
  margin: 0;  
  padding:0; 
}

.h3categories {
  font-size:11px;
  font-weight: normal;
  margin: 0;  
  padding:0;   
}

.h1category {
  margin: 0;  
  padding:0;
  font-size:11px;
  font-weight: normal;
  display:inline;
}

.h2category {
  margin: 0;  
  padding:0;
  font-size:11px;
  font-weight: normal;
  display:inline;
}

.h2product {
  margin: 0;  
  padding:0;
  font-size:12px;
  font-weight: bold;
}

.h1product {
  margin: 0;  
  padding:0;
  font-size:12px;
  font-weight: bold;
}

.offerAnchor a {
  text-decoration: none;  
  color:black;
}

.offerAnchor a:hover {
  text-decoration: none;
  color:black;  
}





  .navlist
{
margin-left: 150px;;
padding-left: 0;
list-style: none;
}

.navlist li
{
padding-left: 50px;
background-image: url(../images/library/news/news_li.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
line-height: 4em;
}

.link {
  text-decoration: none;
  font-weight: bold;
  color: black;
}

 

 #sitemap ul {
    list-style: none;	
  }
  
  #sitemap h3 {
  	font-size: 14px;
  	margin: 0;
  	padding: 0;
  	font-weight: normal;
  }
  
  #sitemap h2 {
  	font-size: 14px;
  	margin: 0;
  	padding: 0;
  	font-weight: normal;
  }
  
  #sitemap a {
    color: #000000;
    text-decoration:none;
  }
  
  #sitemap a:hover {
    color: #000000;
    text-decoration:underline;
  }
  
  
  #email_outer {
    outline:0;
    text-align:center; 
    border-bottom: 2px solid black;
    border-right: 2px solid black; 
    border-top: 1px solid #bfbebc; 
    border-left: 1px solid #bfbebc; 
    width:126px;
  }
  
  
  #email_outer img {
    border:0;
  }
  
  #email_top {
    margin-top:5px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:3px;
    padding:5px;
    background-color:#B8D752;
    font-weight:bold;
  }  
  
  #email_bottom {
    margin-top:2px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
    padding:5px;
    background-color:#B8D752;
    font-weight:bold;
  }
  
  #email_submit {
    background-image: url('../images/top/active_bg.gif');
    color:white;
    width:100px;
    margin-top:10px;
    border: 1px solid #FFFFFF;
  }
  
  #se {
    width:100px;
    border: 1px solid black;
    margin-top:3px;
    font-style:italic;
  }
  
  .blackText {
     color:black;
	 font-weight: bold;
  }
  
  

.button {
    font:bold 78% verdana;
    padding:.2em .8em;
    cursor:pointer;
    cursor:hand;
    border-width:2px;
    border-style:solid;
    border-color:#FFF #747474 #747474 #FFF;
    background-color:#ECE9D8;
    color:#333;
    overflow:visible; /* Used to collapse superfluous left + right padding on buttons in IE */
    margin-top:1px;
    margin-bottom:1px;
}

.button:hover {
  background-color:#777777;
  border-color:#FFF #000 #000 #FFF;
  color: #FFF; 
}

button.button {
    display:inline;
    padding:.4em .8em;
}

:link.button,
:visited.button {
    padding:.4em .8em;
    text-decoration:none;
    color:#333;
}

:link.button:hover,
:visited.button:hover {
    text-decoration:none;
    color:#333;
}


table.tableBorder {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
table.tableBorder th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size: 8px;
}
table.tableBorder td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: center;
	font-size: 9px;
	font-family: verdana,arial,helvetica;
}