body {
	color: #333;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 76%;
  margin: 0;
  padding: 0;
  width:100%;
  }

/* ---[ links ]------------------------------------ */

/* default */

a {
    outline: none;
    text-decoration: underline;
    }
a:link { color: #000; }
a:visited { color: #000; }
html body a:hover { color: #000; }

/* ---[ tables ]----------------------------------- */

table {
    border-collapse: collapse;
    vertical-align: top;
    margin: 1.2em 0;
    width:100%;
    font-size:100%;
    }
caption {
    font-family: Arial, sans-serif;
    color: #993333;
    padding-bottom: 6px;
    }
thead {
	background:#003366;
    color:#FFFFFF;
    text-align:left;
}
th,td {
    border-bottom: 1px solid #ccc;
    padding: 5px;
    }
td { vertical-align: top; }
tr.odd td { background-color: #f4f8f6; }

/* ---[ forms ]------------------------------------ */

form {
    margin: 1em 0;
    padding: 0;
    }
input, select, textarea {
    font-size: 110%; /*1em*/
    color: #374348;
    }
fieldset {
    border-width: 0;
    margin: 0;
    padding: 0;
    }
label { cursor: pointer; }

button {
    background: #fff url(../images/bg-a-btn.gif) no-repeat 90% 50%;
    border: 1px solid #C6C6C6;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    padding: 3px 30px;
    text-align: left;
    background-color: #38383A;
    color: #fff;
    }
a.button {
    background: #fff url(../images/bg-a-btn.gif) no-repeat 90% 50%;
    border: 1px solid #C6C6C6;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    padding: 3px 30px;
    text-align: left;
    background-color: #38383A;
    color: #fff;
    }
button.go {
    background-position: 50% 50%;
    display: inline;
    text-indent: -9999px;
    width: 21px;
    padding: 1px 0;
    margin-left: 4px;
	}
button:hover {
    background-color: #fff;
    color: #38383A;
    }
a.button:hover {
    background-color: #fff;
    color: #38383A;
    }
#searchform {

}
#searchform button {
		background:none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    margin-left:20px;
    text-decoration:underline;
    font-weight:bold;
    font-size:14px;
    border:none;
    color: #092D77;
	}
.col1 a:hover {
	text-decoration:none;
  color:#4B7FBB;
	}
/*#searchform button:hover,*/
form button:focus {
	background-position: 0 -30px;
    }
#searchform a {
	display:block;
  padding:5px 0 5px 50px;
  font-weight:normal;
  }
.search-meta button {
	background:none;
    border: 0;
    cursor: pointer;
    text-indent: 0px;
    margin: 0;
    padding: 0;
    margin-left:0px;
    font-weight:bold;
    color:black;
    font-size:1.1em;
    text-transform: none;
	}

input[type="text"], input[type="password"], textarea {
    border: 2px solid;
    border-color: #999 #D9D9D9 #D9D9D9 #999;
    }
form dl {
	margin: 0;
	padding: 0;
    }
form input.input-text { width: 280px; }
form input.qty { width: 30px; }
textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	}
form dt {
    padding-left: 24px;
    line-height: 1.4em;
    }
form dt.required {
    padding-left: 12px;
    line-height: 1.3em;
    }
form dt em, form .note em {
    color: #96BFAB;
    font-weight: bold;
    font-size: 130%;
	font-style: normal;
	vertical-align: middle;
	}
form dt em { margin-right: 6px; }
form dd {
    margin: 0 0 .5em 24px;
    padding: 0;
    }
form dd em {
	display: block;
	margin: 2px 0 0 0;
	font-size: 90%;
	font-style: normal;
    }
form dd em.checkbox { display: inline; }
form dd.chbox {
    margin-top: 1em;
    margin-bottom: 1em;
    }
form dd.radio ul {
    margin: 0;
    padding: 0;
    }
form dd.radio ul li{
    margin: 0;
    padding: 0;
    line-height: normal;
    background: none;
    }
.field-error { color: red; }

/* ---[ common elements ]-------------------------- */

h1 {
  font-size: 1.8em; /* 21px at base font percentage */
	font-weight: normal;
	margin: 0 0 .3em;
  padding: 0 0 .3em 0;
  border-bottom: 1px dashed #ccc;
  color: #445078;
	}
h1.categoryTitle {
	background:transparent none repeat-y scroll left top;
	border:12px solid #E5E5E5;
	color:#FFFFFF;
	display:block;
	font-family:Georgia,serif;
	font-size:22px;
	line-height:36px;
	padding:0 0 0 25px;
}
h2 {
	display:block;
  border-bottom:solid 1px #E6E6E6;
  color:#676767;
	font-size: 1.1em;
	margin: 1em 0;
	font-weight: bold;
  padding:3px 5px 3px 10px;
  line-height:1.5em;
  height:1.5em;
  background: url(/images/title-background.gif) no-repeat 0px 4px;
	}
  /*
h2.block {
	background:#0C2670;
    color:#FFFFFF;
    font-size: 1.1em;
    border:none;
	}*/
h2.noborder {
	padding-bottom:0px;
  padding-top:0px;
  margin-bottom:0px;
  margin-top:0px;
  border:none;
  background: url(/images/title-background.gif) no-repeat 0px 1px;
	}
h3 {
	font-size: 1.1em; /* close to 14px but less chunky */
	margin: 1em 0;
	font-weight: bold;
	}
div.product	h3, div.department h3, div.hreview h3, #extra h3, #sidebar h3, #dept-product-table h3 { font-size: 1em; }
h4, h5, h6 {
	font-size: 1.0em;
	margin: 1em 0em;
	font-weight: bold;
	}
ol, ul, li {
	font-size: 1.0em;
    line-height: 1.5em;
    position: relative;
	}
ul, ol { list-style: none; }
li { background: url(/images/li-bullet5x5.gif) 2px .6em no-repeat; }
ul li { padding-left: 20px; }
ol {
    padding-left: 40px;
    list-style: decimal;
    }
ol li {
    padding-left: 5px;
    background-image: none;
    }
p {
    font-size: 1.0em; /* 12px at base font percentage */
	line-height: 1.5em;
	margin: 1em 0;
	}
dt,dd {
    font-size: 1.0em;
	line-height: 1.5em;
    }
dd { margin: 1em 0; }
address {
    font-style: normal;
	margin: 1em 0;
    }

/* ---[ banners ]-------------------------- */

.banner {
	text-align:center;
	margin:0 auto;
	}

.content-banner {
	text-align:center;
	margin:0 auto;
	}
.header-banner {
	text-align:center;
	margin:0 auto;
}
.home-banner {
	text-align:center;
	margin:0 auto;
}



/* ---[ phrase elements ]-------------------------- */

big { font-weight: bold; }

/* ---[ containers and layout divisions ]---------- */

/* Layout based on http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm */

body {
	min-width:1080px;
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  }    /* Minimum width of layout - remove line if not required */

/* column container */
.threeColumn {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
top: 45px;
	clear:both;
	float:left;
  width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}

/* 3 column settings */
.threeColumn {
	 /*background:#ff9;    	/* Right column background colour */
	}
.threeColumn .colmid {
    float:left;
    width:200%;
    margin-left:-180px; 	/* Width of right column */
    position:relative;
    right:100%;
}
.threeColumn .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:420px;         	/* Left column width + right column width */
}
.threeColumn .col1wrap {
    float:left;
	width:50%;
	position:relative;
	right:240px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.threeColumn .col1 {
    margin:0 180px 0 240px;     	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
	left:200%;
	overflow:hidden;
}
.threeColumn .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:210px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:15px;         	/* Width of the left-had side padding on the left column */
}
.threeColumn .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:150px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}

/* 2 column settings */

.twoColumn {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	top: 45px;
  clear:both;
	float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}
.twoColumn .colleft {
    float:left;
    width:200%;
    position:relative;
    left:225px;
    background:#fff;
    }
.twoColumn .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:225px;
    padding-bottom:1em;
    }
.twoColumn .col1 {
    margin:0 15px 0 210px;
    position:relative;
    right:100%;
    overflow:hidden;
    }
.twoColumn .col2 {
    float:left;
    width:180px;
    position:relative;
    right:210px;
    }


/* ---[ header ]----------------------------------- */

div#header {
	/*background: url(/images/header-bg.gif) 0 0 repeat-x;*/
	margin-bottom: 5px;
	clear:both;
	float:left;
	width:100%;
	height:115px;
	text-align:right;
	border-top: solid 3px #082B7C;
	position:relative;
	padding-bottom:10px;
}
div#masthead {
	float:left;
	margin:0 0 0 20px;
	padding-top:10px;
	position:relative;
	text-align:left;
	width:255px;
}
/*div#header-utils {
    float: right;
    width: 640px;
    padding: 10px 0 0px;
    font-weight:bold;
    text-align:right;
    }
#header-utils ul {
    float: left;
    margin: 35px 0;
    padding: 0 10px;
    width:350px;
    text-align:right;
    }
#header-utils li {
    color: #fff;
    margin: 0;
    padding: 0 10px;
    float:left;
    background: url(/images/bg-hu1-1x1.gif) 100% 0 repeat-y;
    }
#header-utils a {
	color: #fff;
	text-decoration: none;
	}
#header-utils a:hover { text-decoration: underline; }
div#site-search {
	display:block;
	width:260px;
  float:right;
  text-align:left;
  margin:32px 5px 0px 0px;
  padding:0px;
    }
*/

#header ul {
	display:block;
	padding: 0 10px;
	margin: 17px 0;
	text-align:right;
	float:right;
	font-weight:bold;
	list-style-type: none;
}
#header li {
		display:inline;
    color: #092D77;
    padding: 0 10px;
    border-right: solid 1px #092D77;
    background-image: none;
    }
#header a {
	color: #092D77;
	text-decoration: none;
	}
#header a:hover { text-decoration: underline; }
div#site-search {
	display:block;
	width:260px;
	float:right;
	text-align:left;
	margin:15px 5px 0px 0px;
	padding:0px;
	font-weight:bold;
}

#siteTabs {
	position: absolute;
	bottom:3px;
	left:15px;
}
#siteTabs a {
	background-color:#B6C4F3;
	background-image:url(/images/House_Off.gif);
	background-position:6px 7px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	height:31px;
	line-height:31px;
	margin-right:1px;
	padding-left:27px;
	padding-right:10px;
	position:relative;
	top:4px;
}
#siteTabs .active {
	height:35px;
	line-height:35px;
	background-image:url(/images/House_On.gif);
	background-color:#002A72;
	background-position:6px 10px;
	top:0;
}
#siteTabs .hover {
	background-color:#2e36be;
	background-image:url(/images/House_Hover.gif);
}







div#site-search form {
	margin:0px;
  padding:0px;
}
div#site-search label {
	color:#092D77;
  padding:0 10px 0 0;
  }
div#site-search button {
	display:inline;
  margin:0px;
  padding:0px;
  width:22px;
  height:20px;
  margin-left:5px;
  text-align:center;
  text-decoration:underline;
}
div#site-search button:hover {
  background: url(/images/btn-submit29x15_underline_hover.gif) repeat-x 3px 16px;
}
div#site-search input#searchterm {
    width: 145px;
    }
div#site-search a#adv-search-link {
	display:inline-block;
  margin:0px;
  padding:0px;
  width:100px;
  text-align:left;
  color:#092D77;
  float:left;
  margin-left:80px;
  padding-top:5px;
    }
div#site-search input.input-text {
	color:#172D69;
  font-weight:bold;
  margin:0px;
  vertical-align:middle;
  padding:1px;
	}


/* ---[ topMenu ]----------------------------------- */
div#topMenu{
	position: absolute;
	top: 125px;
	background: url(/images/bg-topMenu.gif) repeat-x;
	width: 100%;
	height: 45px;
	border-top: solid 1px #182E57;
	padding-bottom: 10px;
	clear: both;
}
#topMenu ul {
  margin-top: 0;
  padding-left: 15px;
  list-style: none;
	width: 1009px; /* added by LH 24.03.2010 */
}
#topMenu ul li {
	float: left;
	background: none;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-weight: bold;
	border-left: 1px solid #000F4D;
	padding-left: 0;
}
/* set specific widths for each LI so they don't expand when hovered over */
#topMenu ul li#menu-for-home {
	width: 52px;
}
#topMenu ul li#menu-for-horse-rugs {
	width: 94px;
}
#topMenu ul li#menu-for-horse-wear {
	width: 94px;
}
#topMenu ul li#menu-for-horse-care {
	width: 91px;
}
#topMenu ul li#menu-for-riding-wear {
	width: 98px;
}
#topMenu ul li#menu-for-tack-and-leatherwork {
	width: 166px;
}
#topMenu ul li#menu-for-grooming {
	width: 81px;
}
#topMenu ul li#menu-for-saddlery {
	width: 68px;
}
#topMenu ul li#menu-for-stable-and-yard {
	width: 123px;
}
#topMenu ul li#menu-for-electric-fencing {
	width: 126px;
}
#topMenu ul li#menu-for-gifts {
	width: 45px;
}
#topMenu ul li#menu-for-gift-vouchers {
	width: 108px;
}
#topMenu ul li#menu-for-electric-fencing {
	width: 94px;
}

#topMenu ul li#menu-for-horse-feed {
	width: 94px;
}
#topMenu ul li#menu-for-dog {
	width: 42px;
}
#topMenu ul li#menu-for-cat {
	width: 40px;
}
#topMenu ul li#menu-for-furry-animals {
	width: 110px;
}
#topMenu ul li#menu-for-birds {
	width: 50px;
}
#topMenu ul li#menu-for-bedding {
	width: 68px;
}
#topMenu ul li#menu-for-fodder {
	width: 62px;
}
#topMenu ul li#menu-for-farm-livestock {
	width: 120px;
}
#topMenu ul li#menu-for-electric-fencing {
	width: 126px;
}
#topMenu ul li#menu-for-poultry {
	width: 74px;
}







#topMenu ul li.active {
  color: #fff;
  background-color: #002f99;
}
#topMenu ul li.last {
  border-right: 1px solid #000F4D;
}
#topMenu ul li a {
	float: left;
	color: #fff;
  text-decoration: none;
  /*width: 100%;*/
	line-height: 35px;
	height:auto;
	display:block;
  padding-left: 6px;
  padding-right: 6px;
}
#topMenu ul li a:hover {
	text-decoration: underline;
  background-color: #002f99;
  background-position: 0 0;
}

#topMenu ul li ul li{
	height: auto;
}
#topMenu ul li ul li{
	line-height:normal;
}
#topMenu ul li ul li a{
	line-height:normal;
	padding-top:9px;
	padding-bottom:9px
}



/* ---[ topMenu subnavs ]------------------------------- */
#topMenu ul.topSubCat {
	position: absolute;
	top: 35px;
	z-index: 10;
	padding-left: 0;
	width: 200px;
	overflow:visible;
}
#topMenu ul.topSubCat li {
	position: relative;
	float: none;
	border: none;
	z-index: 15;
	padding-left: 0;
}
#topMenu ul.topSubCat li a {
	float: none;
	width: 100%;
	display: block;
	background-color: #0137b0;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#topMenu ul.topSubCat li a:hover {
	background-color: #002f99;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


/* ---[ breadcrumbs ]----------------------------------- */

div#breadcrumbs {
	width:100%;
    }
div#breadcrumbs #breadcrumbsContainer {
	margin: 0 18px 10px;
  border-bottom: 1px dashed #ccc;
  }
#breadcrumbs p {
    font-size: .9em;
    margin: 0 0 3px;
    line-height: normal;
    }
#breadcrumbs p a {
	text-decoration:none;
    }
#breadcrumbs p a.active {
	font-weight:bold;
	}
#breadcrumbs p a:hover {
	text-decoration:underline;
    }

/* ---[ shared ]----------------------------------- */

.alert {
	padding-left: 24px;
	background: url(/images/i/icn-alert.gif) no-repeat 0 1px;
	}
.alert-bgc {
	padding-left: 24px;
	background: url(/images/i/icn-alert-bgc.gif) no-repeat 0 1px;
	}
h4.error {
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
    padding-top: .5em;
    padding-bottom: .5em;
    background-position: 0 50%;
    }
div.error {
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: 12px;
    background-position: 0 50%;
    background-color: #EAEAEA;
    margin-bottom:10px;
    }
/*button.continue {
    background: transparent url(/images/btn-continue.gif) no-repeat 0 0;
    border: 0;
    cursor: pointer;
    height: 22px;
    width: 153px;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    margin-left:0px;
	}
button.continue:hover, button.continue:focus {
	background-position: 0 -22px;
    }
button.update {
    background: transparent url(/images/btn-update.gif) no-repeat 0 0;
    border: 0;
    cursor: pointer;
    height: 22px;
    width: 153px;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    margin-left:0px;
	}
button.update:hover, button.update:focus {
	background-position: 0 -22px;
    }
*/

/* img figures: class 'figure' floats img to left. Adding class 'alt' floats img to right.  These come in img-only and div-with-img-and-para variants */

#content img.figure, div.figure {
	float: left;
	margin: 0 12px 6px 0;
	padding: 2px 2px 2px 0;
	}
#content img.alt, div.alt {
    float: right;
	margin-left: 12px;
    margin-right: 0;
	}
div.figure img {
    display: block;
    margin-bottom: 5px;
    }
div.figure p {
    font: italic .9em/1em Georgia, serif;
    margin: 0;
    }

/* product modules */

a.product-img {
    border: 2px solid #CDCDCD;
    display: block;
    }
div.product a.product-img {
    float: left;
    /width: 46px;
    height: 46px;
    margin-top:5px;
    margin-right:10px;
    margin-bottom:15px;
    }
a.product-img:hover { border: 2px solid #CDCDCD; }

a.featured-product-img {
    border: 2px solid #CDCDCD;
    display: block;
    }
div.product a.featured-product-img {
    /*position:relative;*/
    float: left;
    width: 75px;
    height: 75px;
    margin-top:5px;
    margin-right:10px;
    margin-bottom:55px;
    }
div.product span.fileMediumImagesaleProduct, div.product span.fileMediumImagesaleProduct img {
    display: block;
    }

div.product span.fileMediumImagesaleProduct {
    margin-top: -11px;
    width: 75px;
    height: 11px;
    }



div.product span.fileSmallImagesaleProduct {
    margin-left:-46px;
    width: 46px;
    height: 11px;
    }


div.product span.fileMediumImagesaleProduct {
    /*display: block;*/
    /*float: left;*/
    /*width: 75px;*/
    /*height: 11px;*/
    /*margin-top: -100px;*/
    /*background: url(/images/SmallOffer.png) no-repeat bottom;*/
    }
/*
div.product span.fileMediumImagesaleProduct {
    position:absolute;
    left: 0px;
    width: 75px;
    height: 75px;
    background: url(/images/SmallOffer.png) no-repeat bottom;
    }
*/

a.featured-product-img:hover { border: 2px solid #CDCDCD; }

div.product	h3 { margin: 0 10px 0 50px; }
div.product	h3 a { color: #374348; }
div.product	h3 a:hover { color: #4B7FBB; }
div.product	h4 a:hover { color: #4B7FBB; }
div.product p {
    margin: 0 10px 0 50px;
    line-height: 1.2em;
    }
div.product p.pdesc, p.pdesc  {
    font-size: .94em;
    margin-bottom: .5em;
    line-height: 1.2em;
    }
p.sale-price { font-weight: bold; }
p.RRP {
    color: #c03;
    text-decoration: line-through;
    }
p.price { font-weight: bold; font-size:13px; color:black; }
div.pricing { margin-bottom: .5em; }
a.info {
    width: 27px;
    height: 9px;
    text-indent: -9999px;
    background: transparent url(/images/info.gif) no-repeat 0 0;
    margin: -12px 100px 0;
    float:right;
    overflow:hidden;
    display:none;
    }
div.product .info:focus { background-position: 0 -20px; }
a.info:hover { background-position: 0 -9px; }
div.product-row {
    margin: 1em 0px 0 0px;
    border-bottom:dashed 1px #D2D2D2;
    padding: 0 20px 5px 20px;
    }
div.pr-last {
    background: none;
    padding-bottom: 0;
    }
div.product-row div.product {
    float: left;
    display:inline;
		width: 33%;
	}

/* product modules in the sidebars */

.sb-mod div.product {
	clear:both;
}

.sb-mod div.product h4 {
    font-size: .9em;
    font-weight: normal;
    margin: 0 0 0 55px;
    padding: 0;
    }
.sb-mod div.product .product-img {
	padding:0px;
  border:0px;
  width:auto;
  display:inline;
  }
.sb-mod div.product .price {
	margin: 0 0 0 55px;
  }
div.sb-mod ul {
    margin: 0;
    padding: 0;
    }
div.sb-mod ul li {
	background: none;
    line-height: normal;
    list-style: none;
	margin: 0 0 4px 0;
	padding: 0;
	}
div.sb-sect ul li a { color: #374348; }
div.sb-sect ul li a:hover { color: #099; }
div.simplelist a { font-weight: bold; }
.sb-mod div.product p { margin: 0 0 0 52px; }

.productLine {
	clear:both;
	}


/* tabs */

.tabs {
    line-height: normal;
    border-bottom:1px solid #000000;
    text-align: center;
    }
.tabs-inner {
		text-align: left;
    display:block;
		width:400px;
    margin:0 auto;
    }
.tabs ul {
    margin:0;
    padding: 0;
    list-style:none;
    }
.tabs li {
    border-bottom: 1px solid #363A3D;
    float: left;
    padding: 0 0 0 7px;
    background: url(/images/i/tab_left_both.gif) no-repeat left top;
    line-height: 1em;
    margin: 0 1px -1px 0;
    }
.tabs li.last { margin-right: 0; }
.tabs a, .tabs strong {
    background: url(/images/i/tab_right_both.gif) no-repeat right top;
    float: left;
    display: block;
    width: .1em;
    padding: 6px 10px 6px 4px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    }
.tabs a:hover { color: #fff; }
.tabs a:visited { color: #fff; }
.tabs div > ul a, .tabs div > ul strong {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a, .tabs strong {float:none;}
    /* End IE5-Mac hack */
.tabs li.active {
    background-position: 0 -300px;
    border-width:0;
    }
.tabs li.active a, .tabs li.active strong {
    background-position: 100% -300px;
    padding-bottom: 7px;
    color: #333;
    }
.tabs li:hover, .tabs li:hover a  { background-position: 0% -150px; }
.tabs li.active:hover { background-position: 0% -300px; }
.tabs li:hover a { background-position: 100% -150px; }


/* ---[ sidebars ]----------------------------------- */

div#globalnav {
    margin-bottom:1em;
    }
#globalnav h3, .sb-mod h3 {
    background: #001582;
    color: #fff;
    margin: 0;
    padding: 3px 5px;
    position:relative;
    }
#globalnav ul {
    margin: 3px 0 0 0;
    padding: 0;
    }
#globalnav li {
    background-image: none;
    background-color: #e8e8e9;
    height: 25px;
    color: #0c0e11;
    line-height: 25px;
    list-style: none;
    padding-left: 5px;
    border-bottom: solid 1px #858585;
    }
#globalnav li.subCatHeading {
	background-color: #303f92;
}
#globalnav li.subCatHeading a {
	color: #fff;
}
#globalnav li.first {
    border-top: solid 1px #858585;
}
#globalnav li.listSectionTitle {
    background-color: #002f99;
    border-top: solid 1px #fff;
    color: #fff;
    font-weight: bold;
}
#globalnav li.listSectionTitleStatic {
    background-color: #858585;
}
#globalnav li a, #globalnav li strong {
    display: block;
    color: #0c0e11;
    font-weight: bold;
    text-decoration: none;
    }
#globalnav li.listSectionTitle a {
    color: #fff;
}
#globalnav li.active, #globalnav li.active strong {
    background:#4B7FBB url(/images/bg-gnav-li-a-active-5x5.gif) no-repeat 97% 50%;
}
#globalnav li.activeTopLevel, #globalnav li.activeTopLevel strong {
	/*background:#002F99 url(/images/bg-gnav-li-a-active-5x5.gif) no-repeat 97% 50%;*/
	background-color:#002f99;
}
#globalnav #subCats #subSubCats li.subSubActive {
	background-color:#294768;
}
#globalnav li a:hover {
    text-decoration: underline;
    }
#globalnav li ul#subCats {
	margin-top: 1px;
}
#globalnav li ul#subCats li {
	background-color: #8392de;
	margin-left: -5px;
	padding-left: 15px;
}
#globalnav li ul#subCats li.selectedSub {
	background-color: #4257c4;
}
#globalnav li ul#subCats li, #globalnav li ul#subCats li a {
	color: #fff;
	font-weight: bold;
}
#globalnav #subCats #subSubCats {
	margin-left:-10px;
	margin-top:1px;
}
#globalnav #subCats #subSubCats li {
	background-color:#4B7FBB;
	padding-left:25px;
}

div.sb-mod { margin-bottom: 1em; }
div.sb-mod-main {
	border: 1px solid #E4E4E4;
	border-top-width: 0;
	padding: 5px;
}
div.sb-mod p {
	font-size: .9em;
	line-height: normal;
	margin: 0 0 .3em;
}

#WeatherWidget {
	font-size: .9em;
	line-height: normal;
	margin: 0 0 .3em;
}

.more {
	clear:both;
	background: url(/images/title-background.gif) no-repeat;
	padding:2px 0 0 10px;
}
.more a {
  color:#043061;
  font-weight:bold;
}
a.seeall {
	clear:both;
	color:#5C5C5C;
  font-weight:bold;
  display:block;
  margin:3px 0 0 10px;
	}
div.sb-add {margin-bottom: 1em; }
div.sb-add img {
	width:150px;
    overflow:hidden;
	}
div.sb-add span {
	display:block;
	text-indent:-9999px;
    height:0px;
    line-height:0px;
    overflow:hidden;
    display:none;
	}

/* ---[ Components ]----------------------------------- */
#bannerSWF {
	display:block;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom:10px;
	height:120px;
}

#featuredCategories {
 	background:#E5E5E5;
  padding:10px 0 10px 0;
 }
.quarterFeature {
	display:inline;
	width:25%;
	float:left;
  text-align:center;
	}
.quarterFeature a {
	display:block;
  margin:0 auto;
	width:117px;
  text-decoration:none;
  border:1px solid #A4BBDD;
	}
.quarterFeature a:hover {
	border:1px solid #4B7FBB;
 	}
.quarterFeature img {
	width:117px;
  height:102px;
  margin-bottom:24px;
	}
.quarterFeature span {
	display:block;
  width:117px;
  margin-top:-24px;
  margin-left:0px;
}
.quarterFeature b {
	display:block;
  color:#FFFFFF;
  font-size:13px;
  font-weight:bold;
  text-align:left;
  padding:8px 0 8px 5px;
	}
.quarterFeatureBlock .last a {
	padding-right:0px;
	}
.quarterFeatureBlock .last {
	width:24.8%;
    }

#departmental-links {
    background:#EAEAEA;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding:5px 5px 15px 5px;
    margin-bottom:5px;
	}
#departmental-links h2 {
    margin: 0;
    padding: 0;
    background:inherit;
    color:#000;
    font-size:1.1em;
    }
#departmental-links p {
    line-height: normal;
    margin: 0 0 .3em;
    }
#departmental-links dt {
    font-weight: bold;
    float: left;
    line-height: 1.3em;
    margin-right: .5em;
    }
#departmental-links dl {
	margin:0px;
    padding:2px 0 2px 0;
	}
#departmental-links dd {
    margin: 0;
    padding:0px;
    line-height: 1.3em;
    }
#departmental-links dd a {
	color:#0E2D64;
    }
div.department-row {
	width:100%;
}
div.department {
	display:block;
  width:33%;
  float:left;
  margin-bottom:30px;
  }
div.department h3 {
	margin-top:0px;
}
div.department span.categoryImageContainer {
	display:block;
  width:50px;
  height:100px;
  border: 2px solid #CCCCCC;
  float:left;
  margin: 0 10px;
	}
div.department span.categoryImageContainer:hover { border: 2px solid #4B7FBB; }

div.department li {
	list-style: none;
  background:none;
	}
div.department li a {
	text-decoration:none;
}
.search-meta {
    margin:0px;
    display:block;
}
.search-meta .pages {
	display:inline;
	float:left;
	}
.search-meta form {


	}
.search-meta form div {
	display:inline;
	}
.search-meta .input-page {
	width:35px;
	}
    /*
.search-meta button {
	background:none;
    border: 0;
    cursor: pointer;
    text-indent: 0px;
    margin: 0;
    padding: 0;
    margin-left:0px;
    font-weight:bold;
	}
    */
.search-meta .pages p { display:inline; }

#form-display-order {

	display:inline;
float:right;
	}


/* address book */
ul#address-list {
	margin:0px;
    padding:0px;
	}
ul#address-list li {
	list-style: none;
  background: none;
  margin:0 0 20px 0;
  padding:10px 0;
  border-top:dotted 2px #CCCCCC;
	}
ul#address-list li.first {
	border:none;
    }
ul#address-list ul#address-utils li{
	padding:0px;
  margin:0px;
}
ul#address-list .vcard {

	}
ul#address-list .vcard .nickname {
	display:block;
	font-weight:bold;

	}
ul#address-list .vcard .fn {

	}
ul#address-list .vcard .adr {

	}
ul#address-list .vcard .adr span {
	display:block;
	}
ul#address-list .vcard .adr .street-address {

	}
ul#address-list .vcard .adr .locality {
	display:inline;
	}
ul#address-list .vcard .adr .postal-code {
	display:inline;
	}
ul#address-list .vcard .adr .country-name {

	}
ul#address-list .vcard .tel {

	}
ul#address-list .vcard .tel .value {

	}
ul#address-list a {
	display:block;
	}
/* wishlist page */

#wishlist li {
	display:block;
    width:100%;
    border-bottom:dotted 2px #A3A3A3;
    height:60px;
	}
#wishlist li.first {
	border:none;
    }
#wishlistform ul {
	margin:0px;
    padding:0px;
    }
#wishlistform ul li {
	list-style: none;
    background: none;
    margin:0 0 10px 0;
    padding:0 0 10px;
    }
#wishlistform .product {
    float:left;
    width:44%;
    padding-left:5%;
    }
#wishlistform .wishlist-checkbox {
   float:right;
   width:49%;
   text-align:right;
   }
   /*
#wishlistform button {
	margin-top:30px;
	float:right;
    }
*/
/* FAQ page */
.faq dd {
	margin-top:0px;
	margin-bottom:20px;
}
.faq dd p {
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;
}

/* shopping basket page */
#shopping-basket-list {

	}
#shopping-basket-list table {

	}
#shopping-basket-list tbody {

	}
#shopping-basket-list .product-img {
	display:inline;
    width:auto;
    height:auto;
    margin:0 15px 0 0;
    padding:0px;
    border: solid 1px black;
	}
#shopping-basket-list .product-description {
    vertical-align:top;
	}
#shopping-basket-list .product-qty {
	width:35px;
	}
#shopping-basket-list .product-remove {

	}
#shopping-basket-list .line-price {

	}
#shopping-basket-list .line-totalprice {

	}
#basketContinue {
	text-align:right;
  padding-right:20px;
}
#cart-th-subtotal {
	text-align:left;
}
#cart-th-shipping {
	text-align:left;
}
#cart-td-shipping {
	text-align:left;
  padding-right:20px;
}
.odd .cart-th-voucher {
	background-color:#f4f8f6;
}
.cart-th-voucher {
  text-align:left;
}
#backToShop {
margin-right:30px;
}
#backToShop:active {

}


/* log in page */

div#login {
    background-color: #EAEAEA;
    border: 1px solid #ccc;
    margin: 1.2em 0;
    padding: 0 10px;
    }
#login h2 {
	margin: .6em 0;
  background: url(/images/title-background-grey.gif) no-repeat 0px 4px;
  }
#login dt, #login dd {
    padding-left: 0;
    margin-left: 0;
    }
div#login-login {
    float: left;
    width: 53%;
    border-right: 1px solid #ccc;
    margin-right: 10px;
    padding-right: 10px;
    }
div#login-register {
    float: left;
    width: 40%;
    }
div#login-login button {

	}
div#login-register a {
    background-image: url(../images/btn-registernow141x60.gif);
    cursor: pointer;
    display: block;
    height: 30px;
    width: 141px;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
	}
div#login-register a:hover, div#login-register a:focus { background-position: 0 -30px; }










/* product page */

#product-pix {
    /*position:relative;*/
    }


#product-pix ul {
  	padding:0px;
    margin:10px 0;
  }

#product-pix ul li {
	 list-style:none;
   background:none;
   border:none;
   width:auto;
   display:inline;
   padding:0px;
   margin:0px;
	}
#product-pix ul li a {
	display:inline;
  border:none;
  padding:0 5px 5px 5px;
}
#product-pix #pp-top {
	text-align:center;
}
.pp-top {
	text-align:center;
}
span.saleImageLarge {
	text-align:center;
}

span.saleImageLarge img {
	display:block;
  margin-left:auto;
  margin-right:auto;
}


.gallery-image {
	display:block;
  margin-left:auto;
  margin-right:auto;
}
.product-thumbs {
	display:block;
}

#pleasewaitScreen {
		position:absolute;
    z-index:5;
    top:0px;
    margin:0 auto;
    visibility:hidden;
    left:25%;
    top:100px;
  }
#pleaseWaitMsg {
    text-align:center;
	}
#pleaseWaitMsg p {
	background:#A4BBDD;
  margin-bottom:0px;
 	border:solid 1px black;
  border-bottom:0px;
  font-weight:bold;
  padding:5px;
}
#pleaseWaitMsg img {
	border:solid 1px black;
}
ul#item-styles {
	margin-left:0px;
  padding:0px;
  }
ul#item-styles li {
  background-image:none;
  padding-left:5px;
	}
#prod-col1 {
    float: left;
    width: 50%;
    }
#prod-col2 {
    float: right;
    width: 45%;
    }
#prod-col1 h1 { border:none; }
#prod-pix img {
    display: inline;
    width: 245px;
    border:solid 1px #A3A3A3;
    }
a#prod-zoom {
    background: url(/images/i/icn-zoom16x13.gif) 0 60% no-repeat;
    padding-left:20px;
    display:inline;
    margin-left:10px;
    }

ul#product-features {
    margin-left: 40px;
    padding-left: 0;
    }
ul#product-features li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    }
#prod-options-row, .prod-options.row {
	display:block;
  clear:both;
  padding:3px 0px 3px 0px;
  position:relative;
	}
.prod-options-row-item {
	display:block;
	float:left;
	width:49%;
  }

#productform {
	margin-bottom:20px;
    float:left;
    width:100%;
	}
#prod-col2 .main-price {
		font-size:20px;
    border-bottom:3px dotted #D3D3D3;
    margin:0 0 10px 0;
    font-weight:bold;
	}
#prod-col2 .main-price .rrp {
	color:red;
  text-decoration: line-through;
  font-weight:normal;
}

#productform #prod-options {
	}
#productform p.rating {
	width:auto;
  border:none;
  height:15px;
  padding:0px;
  margin:0px;
}

button.addToCart {
  float:left;
	display:inline;
  cursor: pointer;
  width: 153px;
  margin: 10px 0 6px 0;
  clear:none;
}
button.goItem {
  cursor: pointer;
  width: 30px;
  margin:0;
  padding:1px 0 0 3px;
  height:21px;
}

a.outOfStock {
	display:block;
  cursor:default;
  margin: 10px 0 6px 0;
  background-image:none;
  width:140px;
  padding:4px 0px 4px 0px;
  text-align:center;
  float:left;
}

/*
button.continue {
	display:block;
    background: transparent url(/images/i/continue.gif) no-repeat 0 0;
    border: 0;
    cursor: pointer;
    height: 22px;
    width: 153px;
    text-indent: -9999px;
    margin: 10px 0 10px 0;
}
*/
#productform #prod-qty {
	margin:10px 0 10px 0;
  font-weight:bold;
	}
#productform #prod-qty input {
	width:35px;
	}
    /*
button.addToCart:hover, button.addToCart:focus {
	background-position: 0 -22px;
    }
    */
#prod-options-col1 a,
#prod-options-col2 a {
	display:block;
  line-height:1.7em;
	}

#prod-related-products {
	float:left;
  margin-bottom:30px;
  width:100%;
	}
#prod-related-products .product {
	float:left;
    width:49%;
	}
#prod-related-products h4 {
	padding:5px 5px;
    margin:0px;
	}
#prod-related-products .product-img {
	margin-right:10px;
	}
#prod-alternatives {
	float:left;
  width:100%;
	}
#prod-alternatives .product {
	float:left;
    width:49%;
	}
#prod-alternatives h4 {
	padding:5px 5px;
    margin:0px;
	}
#prod-alternatives .product-img {
	margin-right:10px;
	}
#prod-related-links {
	float:left;
  width:100%;
	}

.hreview {
	padding-bottom:5px;
	margin-bottom:10px;
    border-bottom:solid 1px #A3A3A3;
	}
.hreview span {
	font-weight:bold;
	}
.hreview .reviewer {
	padding:0px;
    margin:0px;
	}
.hreview h3 {
	padding:0px;
    margin:0px;
	}
.hreview .dtreviewed {
	padding:0px;
    margin:0px;
	}
.rating {
    text-indent: -9999px;
    background: transparent url(/images/i/stars3.gif) no-repeat 0 50%;
    padding:0px;
    margin:0px;
    }
.stars1 { background-image: url(/images/i/stars1.gif) }
.stars2 { background-image: url(/images/i/stars2.gif) }
.stars3 { background-image: url(/images/i/stars3.gif) }
.stars4 { background-image: url(/images/i/stars4.gif) }
.stars5 { background-image: url(/images/i/stars5.gif) }

.hreview .description p {
	margin:0px;
    padding:0px;
}

/* Shopping Cart */



/* Shop By Brand */

#brand-alphasearch {
    padding: 0 0 .6em;
    border-bottom: 1px solid #ccc;
    }
#brand-alphasearch ul, #brand-alphasearch li {
    margin: 0;
    padding: 0;
    }
#brand-alphasearch ul { text-align: center; }
#brand-alphasearch li {
    background: none;
    margin-right: 5px;
    display: inline;
    }
div#brand-list ul {
    margin-left: 0;
    padding-left: 0;
    }
#brand-list ul li {
    background-position: 2px .75em;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    }


/* overlay for delivery questionnaire ------------- */
#questionnaire-overlay {
	width: 500px;
	height:500px;
	margin-left:-250px;
	background-color:#ffffff;
	border: solid 20px #003366;
	position: fixed;
	top:5%;
	left:50%;
	z-index:999;
	border-radius:1em;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
}
#questionnaire-overlay iframe {
	height:500px;
	width:500px;
}
#close-questionnaire {
	position: absolute;
	bottom:10px;
	right:20px;
}
/* ---[ freeDelivery ]----------------------------------- */
#freeDeliveryLink {
    padding:0px 0px 0px 0px;
    position:absolute;
    top:10px;
    left:100px;
    display:inline;
}
#freeDelivery {
    padding:0px 0px 0px 0px;
}

/* ---[ footer ]----------------------------------- */

div#footer {
	float:left;
  width:100%;
  margin-top: 75px;
  font-size: .9em;
  color: #333;
  text-align:left;
    }
div#footerLinks {
  margin: 15px 15px 15px 15px;
	padding: 0.8em 0 40px 0px;
  height:1.5em;
  border-top:4px solid #E4E4E4;
	}
div#fluidLink {
	float:right;
  height:1.5em;
  text-align:right;
  color:#ABABAB;
	}
div#fluidLink a {
	color:#ABABAB;
}

#footer ul {
	float:left;
  margin:0px 0px 0px 5px;
  padding:0px;
  display:block;
  width:500px;
  }
#footer ul li {
    background: transparent url(/images/bg-ft-li-sep-1x8.gif) no-repeat right 50%;
    color: #333;
    float: left;
    list-style: none;
    padding: 0 8px 0 0;
    line-height: normal;
    margin: 0 7px 0 0;
    }
#footer ul li.last {
    background: none;
    margin: 0;
    }
#footer a {
    color: #333;
    text-decoration: none;
    }
#footer a:hover { text-decoration: underline; }
p#copyright { font-weight: bold; }
p#address, p#site-author { font-size: .9em; }
p#site-author, p#site-author a { color: #d7d7d7; }

#storeCollectMsg {
    display:none;
}

/* ---[ misc ]------------------------------------- */

.odd { background-color: #EAEAEA; }
img, a img { border: none; }
.hide { display: none; }
.clear { clear: both; }
.debug { border: 1px solid red; }
.errors						 { color:red; font-weight:bold; }

/* self-clearing floats */

.clearfix:after,
div.mod-list ul li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:auto;
    }