/* **********************************       I C K L E   M A I N  S T Y L E S H E E T       *********************************/

body { margin: 50px 0 0 0; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; background: #FFFFFF url(../images/bg_background.gif) top left repeat-x; color: #666;  }

h1 { font-size: 140%; line-height: 1.7em; color:#fff; font-weight:normal; padding:0; margin:0 }
h2 { font-size: 130%; /* 15px */ line-height: 1.7em; color:#000; font-weight: bold; padding:0; margin:0}
h3, h5, h6 { font-size: 100%; /* 9px */ margin: 0.5em 0; }
h4 {color:#29527F; font-size:90%}

a:link:hover {} 
a, a:visited, a:link, a:visited { color: #666; text-decoration:none  }
a:hover { color: #666; text-decoration:underline }

img, ul, li, div, span, p, fieldset, form { padding:0; margin:0; border:0; font-size:100%}
ul, li { list-style:none}

img, img a { border: none; }
div#contentcontainer hr { width:457px }
.nolist{ list-style:none; }

.pointer { cursor:pointer}

.left { text-align:left}

/* **********************************        L A Y O U T		***************************************************/
.clear { clear: both; }
.none, .hide { display: none; }
#skipnav { display:none }

#main { background-color: #ffffff; width: 900px; margin: 0 auto; border:1px solid #E2E2E2; }
#outerContainer {padding: 0 20px; width:860px }
/* wrapper is left navigation + centre column */
div#wrapper { margin:0 0 15px 0; padding: 0; width: 625px; float: left; display: inline; /* Stops the Internet Explorer double-margin-width bug */  }

div#leftcontainer { width:140px;  font-size:80%; float:left;  }
div#centrecontainer { background-color: #ffffff; float: right; width: 457px; }
div#productCentreContainer { background-color: #ffffff; float: right; width: 690px; margin: 10px 0 0 0; float:left   }
div#rightcontainer { margin: 0 0 15px 10px; padding:0; width:222px; float:right; font-size:80%; display:block;}

#popup { background-color: #ffffff; width: 450px; margin: 0 auto; padding: 0 10px; }
#popup h1 {background-image:url(../images/bg_headingbackground.gif); height:31px; color:#FFFFFF; padding-left:10px; width:440px}
#popup p {font-size: 85%}


/* **********************************        H E A D E R		***************************************************/

#headercontainer { clear:both; float:left; margin: 0 0 6px 0; width:100% }
#headercontainer div#logocontainer { float: left; padding: 26px 0 0 6px; margin: 0;  }
#headercontainer div#searchBox { float: right; padding: 2px 0 0 0; margin: 0; clear:both; width:500px  }
form#searchForm, form#searchForm table, form#searchForm fieldset { float:left; }
#headercontainer div#searchBox input { font-size:95% }
#headercontainer div#searchBox input#goButton { padding: 0 0 0 2px }
#headercontainer div#viewBasketContainer { float:right; padding:20px 0 0 0; color:#333; font-size:95%; }
#headercontainer ul { margin: 5px 5px 0 0; float: left; display: inline; /* Fixes the double-margin-width in IE */ color:#E2E2E2; }
#headercontainer li { display: inline; list-style-type: none; }
#headercontainer li a, #headercontainer li a:link, #headercontainer li a:visited { padding: 3px 1px 0 0;  color: #7B858A; text-transform: uppercase; font-size: 80%; text-decoration: none; }
#headercontainer li a:hover, #headercontainer li.active a, #headercontainer li.active a:link, #headercontainer li.active a:visited { text-decoration: underline; background: url(../images/px_arrow_green_home.gif) no-repeat; }

#homeBannerContainer { border:7px solid #E2E2E2; width:842px; padding:2px; margin:0 0 8px 0; float:left}
#homeBannerImage { float:left; width:626px; }
#homeBannerContent  img { float:left; padding:0; margin:0}
#homeBannerContent { float:left; width:212px}
/* **********************************        N A V I G A T I O N		***************************************************/

#topnavigation { margin: 0; padding: 0; float:none; height: 22px; font-size: 82%; background: #fff url(../images/nav_offstate.gif) top left repeat-x; text-transform:uppercase; color:#677584; }

#nav {border-bottom: 2px solid #fff; height:22px}
#nav, #nav ul {padding:0; margin:0; list-style:none; line-height:1; height:22px; background:url(../images/nav_offstate.gif) top left repeat-x; }
#nav a { display:block; height:22px; padding:0; margin:0; color:#677584}
#nav a:hover {text-decoration:none;}
#nav li { float:left; width:100px; height:22px; background:url(../images/nav_offstate.gif) top left repeat-x; border-right:1px solid #fff; padding:0; margin:0}
#nav li a {text-align:center; padding: 6px 0 0 0; margin:0; height:16px; }
#nav li ul { position:absolute; width: 140px; left: -999em; border-top:2px solid #fff; padding:0; margin:0; }
#nav li ul li a { width: 140px; text-align:left; padding: 6px 0 0 0; margin:0; height:16px;  }
#nav li ul li { float:left; width:140px; background:url(../images/nav_offstate.gif) top left repeat-x; text-indent:8px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:0; margin:0; }
#nav li:hover ul, #nav li.sfhover ul { left:auto; width: 140px; padding:0; margin:0; float:left; text-decoration:none;}
#nav a.active, #nav a:hover {background:url(../images/nav_onstate.gif) repeat-x left top; color:#fff; }

#topnavigation2 { margin:0; padding: 0; background-color: #ffffff; }

/* **********************************        B A S K E T		***************************************************/
.basketitems {color:#3178AE; font-weight:bold;}
.searchfield {width:135px;}
.qty{width:15px;}
.subtext{font-size:80%;}
.basketheader{ font-size: 120%; color:#3178AE; font-weight:normal}
.textbox{width:345px; height:50px;}
.formentry{width:300px;}
.formentry2{width:150px;}
#updateBasket { margin: 0 0 20px 0}

/* **********************************        L E F T   C O L U M N 		***************************************************/

#leftcontainer ul { margin: 0; padding: 0; font-weight:400 }
#leftcontainer li { list-style-image:url(../images/px_bullet.gif); padding: 0 0 5px 0; xmargin: 6px 0 6px 15px; background: url(../images/px_dotteddivide.gif) bottom left repeat-x; }
#wrapper #leftcontainer a, #wrapper #leftcontainer a:link, #wrapper #leftcontainer a:visited  { text-decoration: none; margin: 3px 0 0 0; padding: 0;  }
#wrapper #leftcontainer a, #wrapper #leftcontainer a:link, #wrapper #leftcontainer a:visited { color: #333;  }
#wrapper #leftcontainer .active a, #wrapper #leftcontainer .active a:link, #wrapper #leftcontainer .active a:visited, 
#wrapper #leftcontainer li a:hover, #wrapper #leftcontainer .active a, #wrapper #leftcontainer .active a:link, #wrapper #leftcontainer .active a:visited { background: url(../images/leftnav_arrow_0.gif) no-repeat; color: #333;   }

#updates { background-color: #F4DBE2; height:auto; padding: 0 0 3px 0; margin: 5px 0 0 0;}
#updates p {color:#901844; font-size: 101%; padding:5px 5px 0 10px; margin:0;}
#updates a { color: #3178AE; text-decoration:none  }
#updates a:hover {text-decoration:underline;}
#updates h2 { padding:8px 0 0 7px; margin:0; color:#28517E; text-transform:uppercase; font-weight:bold}
.updatesfield {width:135px; margin-left:10px;}
.updatesarrow {margin-top:5px; width:19px; height:19px;}

#wrapper #leftcontainer div#leftnav {color:#333; border:7px solid #E2E2E2; padding:1px; width:140px; }
#wrapper #leftcontainer div#leftnav ul {  text-transform:uppercase; font-size:90%; padding: 2px 0 0 0;}
#wrapper #leftcontainer div#leftnav ul li { list-style-image:none; padding: 2px 9px; margin:0; height:15px; font-size:120%;}
#wrapper #leftcontainer div#leftnav ul li a { margin:0; height:20px; padding-left:0px;}
#wrapper #leftcontainer div#leftnav ul li a.active, #wrapper #leftcontainer div#leftnav ul li a:hover { color:#3178AE;}

#wrapper #leftcontainer div#subnav {color:#666; margin-top:10px; font-size:110%}
#wrapper #leftcontainer div#subnav ul { }
#wrapper #leftcontainer div#subnav ul li { list-style-image:none; padding: 0; margin:0; }
#wrapper #leftcontainer div#subnav ul li a { margin:0; height:20px; padding-left:0px; color:#666}
#wrapper #leftcontainer div#subnav ul li a.active, #wrapper #leftcontainer div#subnav ul li a:hover {}

#wrapper #leftcontainer div#updates { border:7px solid #E2E2E2; padding:1px; width:122px; color:#666; background-color:#fff; padding: 9px}

#wrapper #leftcontainer div#leftnav ul li#leftnavBar-navigation-selected { color:#fff; background-color:#000; margin:0; padding: 0 9px;}
#wrapper #leftcontainer div#leftnav ul li#leftnavBar-navigation-selected a  { color:#fff}
#wrapper #leftcontainer div#leftnav ul li.leftnavBar-navigation-Dept, #wrapper #leftcontainer div#leftMenu div#dhtmlgoodies_slidedown_menu ul li#ShowMfcMenu ul li.leftMenu-navigation-Mfc { xpadding: 0 5px 0 20px; xbackground-color:#ECECEC; xheight:20px; }
#wrapper #leftcontainer div#leftnav ul li.leftnavBar-navigation-Dept-selected { padding: 0 5px; background-color:#fff; height:20px; list-style: url(../images/leftnav_arrow.gif) inside;}

/********************************************************************
				STYLES FOR LEFT VERTICAL DROPDOWN MENU
*********************************************************************/

#leftMenu{
	width:140px;
	xpadding-left:10px;
	xpadding-right:10px;
	text-align:left;
	float:left;
	color:#333; border:7px solid #E2E2E2; padding:1px; margin:10px 0; 
}


li.leftMenu-navigation-Mfc {
	list-style-type:none;
	position:relative;
	margin:0 0 0 9px;
	xpadding:0 0 0 7px;
	padding:0;
	xpadding: 2px 9px; xmargin:0; xheight:px; font-size:110%;
	text-transform:uppercase; xborder:1px dotted red}
	
#dhtmlgoodies_slidedown_menu ul{
	position:relative;
	padding:0; margin:0; 
	width:140px; 

}
#dhtmlgoodies_slidedown_menu div{
	margin:0px;
	padding:0px;
}
/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{		
	width:140px;	
}

/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	color: #333;
	text-decoration:none;	
	xdisplay:block;
	clear:both;
	width:140px;	
	xpadding-left:2px;
	xborder:1px dotted red;
	padding:0; margin:0

}

/*
A tags 
*/
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	xmargin-top:1px;
	/*border-bottom:1px solid #000;*/
	xfont-weight:bold;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	xmargin-top:1px;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
	xmargin-top:1px;
	xfont-style:italic;
	xcolor:blue;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
	xmargin-top:1px;
	xcolor:red;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
	xmargin-top:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
	xpadding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
	xmargin-left:5px;
	xpadding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
	xmargin-left:10px;
	xpadding:1px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
	xmargin-left:15px;
	xpadding:1px;
}

/* **********************************        C E N T R E   C O L U M N		***************************************************/
#categoryImages { margin: 0 0 8px 0}
#categoryHeaderText { margin: 0 0 8px 0}

#wrapper #centrecontainer p, #wrapper #productCentreContainer p, #wrapper #centrecontainer ul, #wrapper #productCentreContainer ul { font-size: 85%; padding: 0 0 10px 0}
#wrapper #centrecontainer ul, #wrapper #productCentreContainer ul { padding:10px 0 10px 10px; list-style:circle}
#wrapper #centrecontainer ul li, #wrapper #productCentreContainer ul li{ list-style:circle}
#wrapper #centrecontainer h1, #wrapper #productCentreContainer h1 {background-image:url(../images/bg_headingbackground.gif); height:31px; color:#FFFFFF; padding-left:10px; margin:10px 0 }
#wrapper #centrecontainer h2, #wrapper #productCentreContainer h2 { font-size:90%}

.promo {font-size:85%; width:146px; float:left; padding:10px 0 5px 0;color:#666; height: 150px; overflow:hidden;   }
.promo a{color:#666; text-decoration:none; }
.promo a:hover{color:#666; text-decoration:underline;}
.promocontent {float:left; width:135px; padding:10px 6px 0 6px}
.promoContentRight { float:left; width:20px}
.promoContentLeft {color:#3178AE; font-weight:bold; font-size:110%; float:left; width:115px; padding:4px 0 0 0}
.promoimage{height:75px; text-align:center; vertical-align:middle; }

#alsoLike { float:left; width:457px; }
.listleft{float:left; border:1px solid #E2E2E2; margin: 10px 0 0 0}
.listright{float:left; border:1px solid #E2E2E2; margin: 10px 0 0 6px}
.listleft2{float:left; display:block; border:1px solid #E2E2E2; margin: 10px 4px 0 0}
#moreSpecials { margin:15px 0 0 0; float:right; clear:both}
#freeDelContainer { width:222px; padding:0 0 0 10px; float:right }

.refine { width:458px; height:39px; background-color: #E2E2E2; margin:6px 0 0 0; }
.refineHeader { color:#000; text-transform: uppercase; font-size:95%; padding: 5px }
select.refinedropdown{width:100px; font-size:95%;  margin: 5px 0}
#results {width:458px; border-bottom: 4px solid #E2E2E2; margin: 5px 0 10px 0;}
#results a{color:#999999;}
#results a:hover {color:#961844; text-decoration:underline;}

#proddetails {width:688px; xborder:1px solid green  }
#wrapper #centrecontainer #proddetails h1, #wrapper #productCentreContainer #proddetails h1 {background:url(../images/bg_headingbackground2.gif) top left no-repeat; height:34px; color:#FFFFFF; padding-left:10px; }

#prodimage{float:left; margin:30px 15px 0 0; width:330px; xborder:1px dotted red}
#detailstext {float:right; width:327px; color:#000; margin:30px 0 0 0; padding: 0 0 0 10px; border-left:1px solid #CCC; }
#detailstext form { padding:10px 0}
.productThumb { width:75px; height:75px; border:1px solid #DBDBDB; float:left; margin: 0 5px 0 0}
.mainimg { }


.ordercode {color:#000000; font-weight:bold}
.otherviews {margin-right:8px;}
.productPrice {font-size: 140%; line-height: 1.7em; color:#3178AE}
.productDescription, .homeDescription { font-size:85%; }
.homeDescription { padding: 0 5px 10px 5px}

.magContainer{float:left; }
.magContainer h1{margin: 0 0 10px 0}
.magContainer p{color:#333333; margin:0 0 10px 0 }

/* **********************************        R I G H T  C O L U M N		***************************************************/

#rightcontainer h1{ background:#b2be45; padding: 7px 0 3px 5px; color:#FFFFFF; }
#rightcontainer h2{ background:#b2be45; margin-top:0px; padding: 4px 0 3px 5px; color:#FFFFFF; }
#rightcontainer.company2 {}

.rightcontainerImageBlocks { padding: 0 0 8px 0; float:left}
.rightcontainerImageBlocks img { float:left}

.signpostcontainer { display:block; width:193px; min-height:94px; margin: 0 0 10px 0; }
.signpostcontainer p { padding:0; margin:10px 8px; }
.signpostcontainer img.signpostheader { padding: 0 2px}
.signpostleft { width:185px; padding:0; margin:0; }
.signpostleft li{padding-bottom:2px;}
.signpostleft img.signpostmore { }
.signpostright {float:left; width:57px; }
.rightheading {color:#CC3366; font-size:120%; font-weight:bold; padding-bottom:5px;}
.rightpanel {background:#E5E5E5;}
.rightpanelcontent {margin:5px 5px 0 5px;}

#productright{float:right; margin-top:580px;}
#productright h1{ background:#b2be45; padding: 7px 0 3px 5px; color:#FFFFFF; }
#productright h2{ background:#b2be45; margin-top:0px; padding: 4px 0 3px 5px; color:#FFFFFF; }


/* **********************************        F O O T E R		***************************************************/

#footer { width:860px; padding: 5px; color: #8C8A8B; font-size: 80%; margin: 15px 5px 5px 5px; background-color:#323031; height:23px}
#footer p { float: left; margin: 0; }
#footer ul { float: left; margin: 0; }
#footer li {display: inline; list-style-type: none; }
#footer a, #footer a:link, #footer a:visited { color: #7B858A; text-decoration: none; padding: 3px 0 0 5px; }
#footer li a:hover, #footer .active a, #footer .active a:link, #footer .active a:visited { text-decoration: none;}

div.footernav { float:left;}
div.footercopyright { float:right; }

/* **********************************        F O R M S		***************************************************/

input.submitbutton { width: 7em; xfont-weight: bold; border: 1px #D1D1D1 outset; }
textarea.comments { width: 24em; }
input.newsletter { width: 2em; border: none; }


/* **************************************************************************
/* IMAGE ON LEFT/TEXT ON RIGHT OF BLOCK STYLE
/* *************************************************************************/

#contentnews_text { background-color: #B3BE46; float:right; }
html>body div#main div#wrapper div#centrecontainer div#contentnews_img2 div#contentnews_text { background-color: #B3BE46; float:left; width: 260px; height: 115px; }
#contentnews_img2 { position:relative; width: 430px; border: 0; padding: 0; height: 100%;}
#contentnews_img2 img { float: left; }
img#newsclientimg , img.newsclientimg { padding: 10px; text-align:right; float:right; }

.contentlist li{
	font-size:0.85em;
	background-image:url(../images/px_bullet.gif); background-repeat:no-repeat; background-position:0px 10px;
	xlist-style-position: inside;
	xlist-style-image: url(../images/px_bullet.gif);
	padding-left: 20px;
	padding-top: 5px;
	display:list-item;
}

.homenews
{
	color: #4A4A4A;
	font-size:1.0em;
}

#information p {margin-top:10px; width:490px; font-size:90%;}