html 
{
	background-color:white;
}

body 
{
	width:69em;
	margin: 2em auto 2em auto;
	background-color:white;
	padding: 1em 1em;
	color:#666666;
	font: 70% "HelveticaNeue Extended", Verdana, Arial, sans-serif;
	line-height:1.5em;
	border:1px solid #004165;
	}

a 
{
	text-decoration:none;
	color:#004165;
}

a:hover
{
	color:#777;
}

input 
{
	font: 100% "HelveticaNeue Extended", Verdana, Arial, sans-serif;
}

textarea 
{
	font: "HelveticaNeue Extended", Verdana, Arial, sans-serif;
}

input.text
{
	background-color:#F7F7F7;
	border:1px solid #DEDFD6;
	width:25em;
}

input.textsmall
{
	width:15em;
}

input.textverysmall
{
	width:5em;
}

select 
{
	font: 100% "HelveticaNeue Extended", Verdana, Arial, sans-serif;
	width:25.4em;
	background-color:#F7F7F7;
	border:1px solid #DEDFD6;
}

select.small
{
	width:5em;
}

select.medium
{
	width:15em;
}

table.spaced 
{
	padding:0.2em;
}

textarea.text
{
	background-color:#F7F7F7;
	border:1px solid #DEDFD6;
	width:25em;
}

div.clear
{
	clear:both;	
}

.hidden
{
	display:none;
}

hr 
{
	border:none;
	border-top:1px solid #EFEBE7;
	height:1px;
}

/** style that affect the header bar **/

div#header
{
	color:#004165;
	margin:0;
	padding:0;
	background-image: url(http://www.barbourbymail.co.uk/images/barbour.gif);
	background-position:middle;
	background-repeat:no-repeat;
	height:70px;
	
}

div#header .advert
{
	height:50px;
	margin-left:220px;
}

/** end of header bar styles **/

/** style that affect the product search header section **/

div.searchpnl
{
	text-align:right;
	padding-right:0.4em;
	margin:0.5em 0 0 0;
	padding:0;
	height:62px;
	overflow:hidden;
}

div#search
{
	color:#004165;
	float:left;
	text-align:left;
	margin-top:0.9em;
}

div#search input.text
{
	border:1px solid #949694;
	margin:0 0.5em 0 0;
	padding:0.2em;
}

div#search .searchBox
{
	float: left;
}

div#search .searchButton
{
	float: left;
	margin-top: 0px;
}

div.searchpnl .basketinfo 
{
	float:left;
	padding: 0 0 0 8em;
	margin-top:2em;
	height:auto;
}

div.searchpnl a
{
	color:#004165;
}

div.searchpnl a:hover
{
	color:#777;
}

/** end of product search styles **/

/** styles that affect the main nav bar **/

div#navbar 
{
	background:#004165 url(nav_back.gif) repeat-x;
	margin: 0.5em 0;
	padding:0.2em 0;
	height:2em;
	font-size:120%;
	font-weight:bold;

}

div#navbar a 
{
	color:white;
	padding:0;
	float:left;
	display:block;
	margin:3px 0 0 0;
	padding:0 0.5em 0 0.5em;
	line-height:2em;
	background-image:url(nav_span.gif);
	background-repeat:no-repeat;
	background-position: right center;

}

div#navbar a.current
{
	border-top:3px solid #0096CB;
	margin-top:0px;
}

div#navbar a:hover 
{
	color:white;
	border-top:3px solid #0096CB;
	margin-top:0px;
}

div#navbar ul 
{
	margin:0;
	padding:0;
	list-style-type:none;
}

div#navbar ul li 
{
	float:left;
	margin:0;
	padding:0;
}

/** end of main nav bar styles **/

/** styles that affect the top help bar **/

div#tophelpbar 
{
	margin: 0.5em 0;
	padding:0.3em 0 0.3em 0.2em ;
	height:1.5em;
	color:#afb1a0;
	text-align:left;
border-bottom: 1px solid #EFEBE7;
	}

div#tophelpbar a
{
	color:#004165;
	padding:0 0.3em;
}

div#tophelpbar a:hover
{
	color:#777;
}


/** end of styles for the top help bar **/

/** styles that affect the bottom help bar **/

div#bottomhelpbar 
{
	margin: 1em 0;
	padding:0.4em 1em 0 1em;
	height:1.5em;
	color:#afb1a0;
	text-align:center;
	border-top: 1px solid #EFEBE7;
}

div#bottomhelpbar a
{
	color:#004165;
}

div#bottomhelpbar a:hover
{
	color:#777;
}

/** end of styles for the bottom help bar **/

.home_text 
{
	padding:0.1em;
	margin: 0.5em 1em;
	width:90%;
	font-size:100%;
}

.front_cat_img
{
	border:1px solid black;
	width:100px;
	height:100px;
}

.front_cat_img:hover
{
	border:1px solid #777;
}

div.text 
{
	padding:1em;
}

/** styles that affect the section menu **/

div#sectionmenu
{
	margin:0.8em 0.5em 0 0;
	width:10em;
}

div#sectionmenu ul 
{
	list-style-type:none;
	padding:0;
	margin:0;
}

div#sectionmenu ul li a
{
	color:#004165;
}

div#sectionmenu ul li a:hover
{
	color:#777;
}

div#sectionmenu ul li
{
	margin:0 0 1em 0;
	padding:0 0 0 0.5em;
	border-left: 1px dotted #004165;
	border-bottom: 1px dotted #004165;
}

/** end of styles for the section menu **/

h2.toplevel 
{
	font-size:120%;
	padding:0;
	margin:0;
	line-height:1em;
}

.page_title
{
	font-size:120%;
	font-weight:bold;
	text-align:right;
}

/** the following styles affect the products on the Newcategory.aspx page **/

div.product
{
	margin:0.25em;
	padding:0.2em;
	background-color:#EbEbe9;
	height:22em;
	width: 12.7em;
	border: 1px solid #ebebe9;
}

div.product:hover
{
	background-color:#ebebe9;
	border: 1px solid #004165;
}

div.product div.image 
{	
	height:140px;
	text-align:center;
}

div.product div.name 
{
	height:5em;
	font-weight:bold;
}

div.product div.buy
{
	margin:1em 0 0 0;
}

div.product a:hover
{
	color:#B7A05d;
}

/** end of styles on Newcategory.aspx page **/

.ecoupon_invalid
{
	color:#004165;
	font-weight:bold;
	font-size:100%;
	padding-bottom:0 0.3em;
}

/** the following styles affect the product page **/
.prod_price 
{
	font-weight:bold;
	font-size:110%;
}

.prod_descrip_text 
{
	padding: 1em 0;
	border-bottom:1px solid #777;
}

.how_to_place_order
{
	
}

table.matrix td
{
	padding:0.2em;
}

/** end of product page styles **/

/** the following styles affect the shopping basket page **/

.basket_titles 
{
	font-weight:bold;
	font-size:110%;
}

.total_text
{
	padding:0.5em 0.2em;	
}

/** end if shopping basket styles **/

.thumb_prod_sale {
 font-size: 100%;
 color: red;
 padding-top: 2px;
 padding-bottom: 2px;
 font-weight: bold;
}
.thumb_prod_saleold {
 font-size: 100%;
 
 padding-top: 2px;
 padding-bottom: 2px;
 text-decoration: line-through;
}
.prod_price_sale {
	font-size: 110%;
	color:  red;
	text-decoration: none;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
}
.prod_price_saleold {
	font-size: 100%;
	text-decoration: line-through;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
}