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


/* ----- body & background ----- */
body{
	color:#000000;
	background-color:#DBDCE5;
	background-image:url("/images/canvas_bg.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	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:#000;
	background-color:inherit;
	vertical-align:middle;
	padding:3px;
}

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



/* ----- 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 ----- */
#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:#0091C6;
	background-color:inherit;
	font-size:1.5em;
	letter-spacing:0px;
	clear:both;
	padding:5px 3px 10px 40px;
	background-repeat:no-repeat;
	background-position:center left;
	background-image:url("/images/icon_general.gif");
	border-bottom:1px dotted #cccccc;
}
#main #pageTitle{
	font-weight:normal;
	padding:0px 0px 0px 27px !important;
	margin:0;
	margin-bottom:1.6em;
	color:#646575;
	background-color:inherit;
	font-size:inherit;
	background-repeat:no-repeat;
	background-position: center left;
	background-image:url("/images/h1_bullet.gif");
}

/* ----- container size & positioning ----- */
#container{
	width:96%;
	max-width:860px;
	min-width:600px;
	margin-top:4em;
}


/* ----- header area ----- */
#header{
	height:150px;
	color:#000000;
	background-color:#ffffff;
	background-image:url("/images/header_topright.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	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:150px;
	left:0px;
	width:27%;
	background-image:url("/images/basket_bg.jpg");
	background-repeat:repeat-x;
	background-position:bottom left;
}
#info_inner{
	display:block;
	padding:5px 5px 5px 45px;
	border:1px solid #aaaaaa;
	background-image:url("/images/mini_basket.gif");
	background-repeat:no-repeat;
	background-position:center left;

}
#info_inner span{
	display:block;
}

/* ----- breadcrumb trail ----- */
#breadcrumbs{
	position:absolute;
	top:-5px;
	right:10px;
	font-size:0.85em;
}

/* ----- search box ----- */
#search{
	color:#000000;
	background-color:#DBDCE5;
	margin:4.8em 0px 10px 0px;
	padding:5px 5px 9px 5px;
	background-repeat:repeat-x;
	background-position:bottom left;
	background-image:url("/images/search_bg.gif");
}

#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;
	right:0px;
	font-size:0.9em;
}
#navTools, #navTools li{
	float:left;
	line-height:2em;
	margin-left:5px;
}
#navTools{margin-bottom:1em;}
#navTools li{
	margin-bottom:1px;
}
#navTools li a{
	display:block;
	width:100%;	
	color:#ffffff;
	background-color:#33333C;
	border:1px solid #33333C;
}
#navTools li a:hover{
	color:#ffffff;
	background-color:#8B8D9A;
	border:1px solid #ABADBA;
}
#navTools li a span{
	display:block;
	padding:3px 20px;
}

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

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

#navDept li a{
	display:block;
	width:100%;
	color:#555;
	background-color:#E9F4DF;
	padding-top:3px;
	padding-bottom:3px;
	background-repeat:no-repeat;
	background-position:20px 0.65em;
	background-image:url("/images/bullet01.gif");
}

#navDept li a:hover, #navDept li a.selected{
	color:#000000;
	background:#CDE6B7;
	background-repeat:no-repeat;
	background-position:20px 0.65em;
	background-image:url("/images/bullet02.gif");
}

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

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


#navToolsTitle, #navDeptTitle{
	color:#ffffff;
	background-color:#50A700;
	margin:0;
	padding: 8px 0px 8px 20px;
	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:3px 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:#00A5D5;
	background-color:ffffff;
	background-repeat:repeat-x;
	background-position:bottom left;
	background-image:url("/images/topnav_bg2.jpg");
	border:1px solid #00A5D5;
}
.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;
	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;
}
.products li h3 a{color:#50A700;background-color:inherit;}
.products li h3 a:hover{color:#dd0000;background-color:inherit;}

.products .image{
	float:none;
	margin:0;
	text-align:center;
	min-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:#ffffff;
	background-color:#3D3F44;
	background-repeat:repeat-x;
	background-position:top left;
	background-image:url("/images/product_price_bg.gif");
	font-size:0.9em;
	font-weight:bold;
}

/* ----- individual products ----- */
#product p{
	margin:2px 0px 2px 0px;
	height:1%;
}
#product .info{	
	float:right;
	width:48%;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url("/images/item_details_bg.jpg");
	padding:20px 10px 10px 20px;
	height:1%;
	min-height:240px;
}
#product .highlight {
	color:#ee0000;
	background-color:inherit;
	font-size:1.6em;
}
#product .price{
	color:#000000;
	background-color:inherit;
	font-size:1.6em;
}
#product #addBasket{
	border-top:1px dotted #666666;
	padding-top:1em;
}
#product #addBasket label{
	padding:2px;
	vertical-align:middle;
}
#product #addBasket input{
	padding:2px;
	vertical-align:middle;
}
#product #addBasket #quantity{
	border:2px solid #0091C6;
}
#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");
	padding-left:15px;
}
#product #addWishlist a:hover{
	text-decoration:underline;
}


/* ----- 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");
	padding-left:15px;
}
#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{
	color:#ffffff;
	background-color:#00A5D5;
	background-repeat:repeat-x;
	background-position:bottom left;
	background-image:url("/images/footer_bg.jpg");
	padding:10px;
}
#footer p{margin:0;}
#footer ul, #footer li{
	margin:0;
	padding:0;
	list-style:none;
}
#footer li{display:inline;margin-right:.5em;}

#footer a{
	color:#ffffff;
	background-color:inherit;
}
#footer a:hover{
	color:#C6F2FF;
	background-repeat:no-repeat;
	text-decoration:underline;
}
#footer #credits{
	float:right;
	margin-top:-1.5em;
}

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