/* OVERRIDE CSS
This CSS overrides values set in 'plainfluid.css'
================================================= */


/* ----- body & background ----- */
body{
	color:#000000;
	background-color:#2fa6a6;
	background-image:url("/images/canvas_bg.jpg");
	background-repeat:repeat-x;
	background-position:top center;
	font: 0.75em  Tahoma,Arial,Helvetica,sans-serif;
	margin:10px 10px 40px 10px;
}
label{
	font-weight:bold;
}

/* ----- tables ----- */
table, td, th, input, textarea, select, li{
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	color: #000000;
	background-color: #ffffff;
	vertical-align:middle;
	padding:3px;
}

/* ----- global links ----- */
a:link, a:visited, a:active{
	color:#009090;
	text-decoration:none;
}
a:hover{
	color:#333333;
}



/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6{margin:1em 0;}
h1{font-size:1.6em;letter-spacing:-1px;}
h2{font-size:1.5em;letter-spacing:-1px;}
h3{font-size:1.2em;}
h4, h5{font-size:1em;}
hr{display:none;}
p{line-height:1.3em;}


/* ----- pagination ----- */
div#pagination {
	width:95%;
	clear:left;
}
#pagination span#divPage{
	float:left;
	margin-left:10px;
	padding-right:5px;
	border-left:1px solid #aaaaaa;
	padding-bottom:0.4em;}
#pagination a#firstPage{
	background-image:url("/images/page_first.gif");
	background-repeat : no-repeat;
	background-position: 0em 0.1em;
	padding-left:20px;
	padding-bottom:1em;}

#pagination a#prevPage{
	background:url("/images/page_prev.gif");
	background-repeat : no-repeat;
	background-position: 0em 0.1em;
	padding-left:20px;
	padding-bottom:1em;}

#pagination a#nextPage{
	background:url("/images/page_next.gif");
	background-repeat : no-repeat;
	background-position: 2.3em 0.1em;
	padding-right:20px;
	padding-bottom:1em;}

#pagination a#lastPage{
	background:url("/images/page_last.gif");
	background-repeat : no-repeat;
	background-position: 2em 0.1em;
	padding-right:20px;
	padding-bottom:1em;}


/* ----- main content area ----- */
#main{
	padding-top:5em;
	margin-bottom:20px;
	position:relative;
}
#main h2{
	font-weight:normal;
	padding:0;
	color: #771e00;
	background-color: #ffffff;
	font-size:1.5em;
	letter-spacing:0px;
	clear:both;
	padding:5px 3px 10px 1px;
	background-repeat:no-repeat;
	background-position:center left;
	/*background-image:url("/images/icon_general.gif");*/
	background-image: none;
	border-bottom:1px dotted #cccccc;
	font-family: Georgia,Arial,Helvetica,sans-serif;
}
#main #pageTitle{
	font-weight:normal;
	/*padding:0px 0px 0px 27px !important;*/
	padding: 0;
	margin: 0;
	margin-bottom: 1.6em;
	color: #333333;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center left;
	/*background-image:url("/images/h1_bullet.gif");*/
	background-image: none;
}
#main h2#pageTitle {
	color: #333333;
	background-color: #ffffff;
	font-family: Georgia,Arial,Helvetica,sans-serif;
}
/* ----- container size & positioning ----- */
#container{
	width:96%;
	max-width:794px;
	min-width:600px;
	margin-top:4em;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 2px #b34d02;
}


/* ----- header area ----- */
#header{
	height:150px;
	color:#000000;
	background-color:#ffffff;
	background-image:url("/images/header_topleft.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:1em;
}

/* ----- company logo & strapline ----- */
#logo{
	position:static;
	top:0px;
	left:0px;
	line-height:1em;
	font-size:1em;
	width:27%;
	height:150px;
	text-align:center;
}
#tagline{
	display:none;
}

/* ----- shopping basket info ----- */
#info{
	top: 160px;
	left: 0px;
	/*width: 27%;*/
	width: 190px;
}
#side {
	width: 190px;
}
#info_inner {
	display: block;
	padding: 5px 5px 5px 45px;
	color: #ff5e6f;
	background: #ffffff url("/images/mini_basket.gif");
	background-repeat: no-repeat;
	background-position: center left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#info_inner span {
	display:block;
}
#info_inner a {
	color: #333333;
	background: #ffffff;
	text-decoration: none;
}
#info_inner a:hover {
	color: #333333;
	background: #ffffff;
	text-decoration: underline;
}

/* ----- breadcrumb trail ----- */
#breadcrumbs {
	position:absolute;
	top:-5px;
	right:20px;
	font-size:0.85em;
}
#breadcrumbs a {
	color: #771e00;
	background: #ffffff;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #333333;
	background: #ffffff;
	text-decoration: underline;
}

/* ----- search box ----- */
#search{
	color:#000000;
	background-color:#ffffff;
	margin: 0;
	padding:5px 5px 65px 5px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url("/images/search_bg2.jpg");
}

#search label{
	display:none;}

#searchKeyword{
	width:75%;
	padding:3px;
	vertical-align:middle;
	color:#000000;
	background-color:#ffffff;}

#searchSubmit{} /* View .formButton for more*/

/* ----- customer tool list ----- */
#navToolsTitle{
	display:none;
}
#navTools{
	position: absolute;
	top: -32px;
	left: -2px;
	font-size: 0.9em;
}
#navTools, #navTools li{
	float:left;
	line-height:2em;
	margin-right:5px;
}
#navTools{margin-bottom:1em;}
#navTools li{
	margin-bottom:1px;
}
#navTools li a{
	display: block;
	width: 100%;
	color: #ffffff;
	background-color: #b34d02;
	border: 2px solid #b34d02;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#navTools li a:hover{
	color:#b34d02;
	background-color:#f0f0f0;
	border:2px solid #b34d02;
}
#navTools li a span{
	display:block;
	padding:3px 10px;
}

/* ----- side navigation ----- */
#navDept, #navDept li{
	margin:0;
	padding:0;
	list-style:none;
}

#navDept {
	margin-bottom: 2px;
}
#navDept li{
	margin-bottom:1px;
}

#navDept li a{
	display:block;
	width:100%;
	color:#000000;
	background-color:#e0e0e0;
	padding-top:3px;
	padding-bottom:3px;
	background-repeat:no-repeat;
	background-position: 160px 3px;
	background-image:url("/images/menu_bullet_a1.gif");
}

#navDept li a:hover, #navDept li a.selected{
	color:#000000;
	background:#ffffff;
	background-repeat:no-repeat;
	background-position: 160px 3px;
	background-image:url("/images/menu_bullet_a.gif");
}

#navDept li a span{
	display:block;
	padding:3px 10px 3px 10px;
}

/* ----- nav static menu items ----- */


#navToolsTitle {
	color:#ffffff;
	background-color:#333333;
	margin:0;
	padding: 8px 0px 8px 20px;
	margin-bottom:1px;
	font-size:100%;
}
#navDeptTitle {
	color:#ffffff;
	background-color:#333333;
	margin: 60px 0 0 0;
	padding: 8px 8px 8px 8px;
	margin-bottom:1px;
	font-size:100%;
}
.navStaticTitle{
	color:#ffffff;
	background-color:#00A5D5;
}



/* ----- NEW - tab menu ----- */


/* ----- nav static menu items ----- */
.navStaticTitle {display:none;}
.navStatic {
	margin:0px;
	padding:0px 0px 15px 0px;
	height:2.3em;
	position:absolute;
	top:190px;
	right:15px;
	z-index:99;
}
.navStatic li{
	float:right;
	/*border-bottom:1px solid #EEEFF2;*/
	margin-right:1px;
	font-size:0.9em;}
.navStatic li a{
	color:#333333;
	background-color:#ffffff;
	line-height:2.3em;
	background-repeat:repeat-x;
	background-position:bottom left;
	background-image:url("/images/topnav_bg.jpg");
	display:block;
	padding:0px 10px 0px 10px;
	border:1px solid #dddddd;
	width:auto;
}
.navStatic li a.selected,
.navStatic li a:hover{
	color:#2fa6a6;
	background-color:ffffff;
	background-repeat:repeat-x;
	background-position:bottom left;
	background-image:url("/images/topnav_bg2.jpg");
	border:1px solid #2fa6a6;
}
.navStatic li a.selected{
	font-weight:bold;
}
.navStatic li a span{
	padding:0px;
}

/* ----- sub-department list - new template ----- */
#navSubDeptImg ul, #navSubDeptImg li {
	margin:0;
	padding:0;
	list-style:none;
}
#navSubDeptImg li{
	margin: 0px 1% 20px 1%;
	padding: 0px;
	float: left;
	height: 120px;
	width: 30%;
}


/* ----- product thumbnail list ----- */
.products{
	margin:0px;
}
#main .products h2{
	/*padding:5px 3px 10px 40px;*/
	padding:5px 3px 10px 0px;
	/*background-repeat:no-repeat;*/
	/*background-position:center left;*/
	/*background-image:url("/images/icon_latest_products.gif");*/
	border-bottom:1px dotted #cccccc;
}

.products ul, .products li{
	margin:0;
	padding:0;
	list-style:none;
}
.products li{
	margin:0px 1% 20px 1%;
	padding:0px;
	color:#555555;
	background-color:#ffffff;
	border:1px solid #ffffff;
	float:left;
	height:280px;
	width:30%;
}
.products li:hover{
	color:#000000;
	background:#ffffff;
	border:1px solid #ffffff;
}
.products li h3{
	margin-top:.5em;
	margin-bottom:1em;
	padding:0;
	background:none;
	text-align:center;
	font-size:0.9em;
	height: 2.1em;
}
.products li h3 a, .products li h3 a:visited {
	color: #333333;
	background-color: #ffffff;
	text-decoration: none;
}
.products li h3 a:hover {
	color: #771e00;
	background-color: #ffffff;
	text-decoration: underline;
}
.products .image{
	float:none;
	margin:0;
	text-align:center;
	min-height:120px;
	height:120px;
}
.products .image a img{
	border:none;
	padding:0px;
	color:#555555;
	background-color:#f9f9f9;
	border:1px solid #ffffff;
}
.products .image a:hover img{
	border:1px dotted #bbbbbb;
	padding:0px;
	color:#555555;
	background-color:#f9f9f9;
}
.products .desc{
	color:#555555;
	background-color:#FAFBFC;
	background-repeat:repeat-x;
	background-position:top left;
	background-image:url("/images/product_desc_bg.jpg");
	padding:10px;
	font-size:0.9em;
	overflow:auto;
	height:60px;
	margin-bottom:3px;
}
.products .price{
	clear:both;
	margin:0px;
	padding:10px;
	text-align:center;
	line-height:1em;
	color:#771e00;
	background-color:#ffffff;
	/*background-repeat:repeat-x;*/
	/*background-position:top left;*/
	/*background-image:url("/images/product_price_bg.gif");*/
	background-image: none;
	font-size:0.9em;
	font-weight:bold;
}

/* ----- individual products ----- */
#product p{
	margin:2px 0px 2px 0px;
	height:1%;
}
#product .image img {
	border: dashed 1px #771e00;
	padding: 5px;
}
#product .info{
	float:right;
	width:48%;
	background-repeat:no-repeat;
	background-position:top left;
	background-image: none;
	padding:0 10px 0 20px;
	height:1%;
	min-height:150px;
}
#product .price{
	color: #771e00;
	background-color: #ffffff;
	font-size:1.6em;
	font-family: Georgia,Arial,Helvetica,sans-serif;
}
#product #addBasket{
	border-top:1px dotted #666666;
	padding-top:1em;
}
#product #addBasket label{
	padding:2px;
	vertical-align:middle;
	font-size: 1.5em;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#product #addBasket input{
	padding:2px;
	vertical-align:middle;
}
#product #addBasket #quantity{
	border:2px solid #771e00;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#product #addWishlist {
	text-align: right;
}
#product #addWishlist a{
	color:#555555;
	background-color:inherit;
	font-size:0.9em;
	background-repeat:no-repeat;
	background-position:0em 0.1em;
	/*background-image:url("/images/add2.gif");*/
	background-image: none;
	padding-left:0;
}
#product #addWishlist a:hover{
	text-decoration:underline;
}
#product .info h3 {
	margin-bottom: 5px;
}

/* ----- customer reviews ----- */
#reviews h2{
	padding:5px 3px 10px 40px;
	background-repeat:no-repeat;
	background-position:center left;
	background-image:url("/images/icon_customer_reviews.gif");
	border-bottom:1px dotted #cccccc;
}
#reviews ul{
	color:#555555;
	background-color:#FAFBFC;
}
#reviews ul li{
	background-repeat:no-repeat;
	background-position:0px 0.4em;
	/*background-image:url("/images/add2.gif");*/
	background-image: none;
	padding-left: 0;
}
#reviews p{
	background-repeat:repeat-x;
	background-position:bottom left;
	background-image:url("/images/review_bg.jpg");
	border:1px solid #eeeeee;
	padding:10px;
	font-size:0.9em;
}



/* ----- tables and forms ----- */
th{
	color:#000000;
	background-color:#DBDCE5;
	margin:4.8em 0px 10px 0px;
	padding:8px 5px 12px 5px;
	background-repeat:repeat-x;
	background-position:bottom left;
	background-image:url("/images/search_bg.gif");
	font-weight:bold;
}
td{
	color:#000000;
	background-color:#F1F2F5;
}
.formButton,
#searchSubmit{
	color:#000000;
	background:#CCCCCC;
	background-repeat:repeat-x;
	background-position:top left;
	background-image:url("/images/formbutton_bg.jpg");
	border:1px solid #A8ABC1;
	outline:1px solid #ffffff;
	padding:2px;
	cursor:pointer;
}
.formField{
	padding:3px;
}
.formButton:hover,
#searchSubmit:hover{
	color:#000000;
	background-color:#dddddd;
	background-image:url("/images/formbutton_hover_bg.jpg");
	border:1px solid #000000;
	outline:1px solid #ffffff;
}

/* ----- featured articles ----- */
#articles{clear:both;}
#articles ul, #articles li {
	margin:0;
	padding:0;
	list-style:none;
}
#articles ul{
	margin:1em 0;
	padding:3px 10px;
	color:#555555;
	background-color:#FAFBFC;
	background-repeat:repeat-x;
	background-position:top left;
	background-image:url("/images/product_desc_bg.jpg");
}
#articles ul li{
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;
	background:url("/images/bullet04.gif") no-repeat 0 .4em;
}
#articles  ul li a{color:#777;}
#articles  ul li a:hover{color:#777;text-decoration:underline;}

#articles h2{
	padding:5px 3px 10px 40px;
	background-repeat:no-repeat;
	background-position:center left;
	background-image:url("/images/icon_latest_news.gif");
	border-bottom:1px dotted #cccccc;
}

/* ----- footer area ----- */
#footer {
	margin: 0 auto;
	width: 100%;
	max-width: 818px;
	min-width: 600px;
	height: 38px;
	color: #ffffff;
	background-color: #2fa6a6;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url("/images/footer_bgl.jpg");
	padding: 0;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
}
#footer .inner {
	height: 38px;
	width: 95%;
	margin: 0 0 0 5%;
	color: #ffffff;
	background-color: #2fa6a6;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url("/images/footer_bgr.jpg");
	padding: 0;
}
#footer .inner2 {
	margin-right: 5%;
	padding-top: 10px;
	font-size: 95%;
	text-align: left;
}
#footer p {
	margin:0;
	padding: 0;
}
#footer ul, #footer li {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ffffff;
	background: transparent;
}
#footer li {
	display: inline;
	margin-right: 0.5em;
}

#footer a {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
}
#footer a:hover{
	color: #333333;
	background-color: transparent;
	text-decoration: underline;
}
#footer #credits{
	float: right;
	margin-top: -1.25em;
}

/* ----- NEW - banner bar ----- */
#bannerBar{
	text-align:center;
	overflow:hidden;
}
.special { display: none }
.blkwht { color: #000000; background: #ffffff; }