﻿body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #BEC9D5;
	background-image: url(images/bg_tile.gif);
	background-position: left top;
	background-repeat: repeat-x;
	text-align: center;
}

h1, h2, h3, h4, h5, ul, li, p, a{
	margin: 0;
	padding: 0;
}

ul, li{
	list-style: none;
}

p{
	margin-bottom: 5px;
}

a, p{
	font-size: .8em;
}

a{
	color: #B11E1E;
	text-decoration: none;
}

p a{
	font-size: 1em;
}

a:hover{
	text-decoration: underline;
}

h1{
	font-size: 1em;
}

h2{
	font-size: .8em;
	font-weight: bold;
	background-image: url(images/side_box_header.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	width: 150;
	height: 21px;
	padding-top: 2px;
	padding-left: 6px;
	margin-bottom: -2px;
}

h3{
	font-weight: bold;
	font-size: 1em;
	border-bottom: 1px solid #4D5A68;
	padding-bottom: 1px;
	margin-bottom: 5px;
}

h4{
	font-weight: bold;
	font-size: .8em;
	margin: 15px 0px 5px 0px;
	padding: 1px;
	background-color: #4D5A68;
	color: #fff;
}

h4 a{
	color: #fff;
}

h4 a:hover{
	text-decoration: none;
}

h5{
	margin: 10px 0px 5px 0px;
	text-decoration: underline;
}

img{
	border: none;
}


/*Wrapper*/
div#wrapper{
	width: 787px;
	margin: auto;
	background-color: #fff;
	text-align: left;
	border-left: #91AEBB 1px solid;
	border-right: #91AEBB 1px solid;
}


/*Header*/
div#header{
	text-align: right;
	border: solid #91AEBB 1px;
	margin: 10px;
	margin-top: 0px;
	width: 765px;
}

div#header_top{
	background-image: url(images/header_top_tile.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 28px;
}

div#header_bottom{
	background-image: url(images/header_bottom_tile.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 29px;
}

div#header_bottom ul{
	padding-top: 5px;
	padding-right: 10px;
}

div#header_bottom li,
div#footer li{
	display: inline;
}

div#header_bottom a,
div#footer a{
	color: #000;
	text-decoration: none;
}

div#header_bottom{
	font-size: .8em;
}

/*Top Menu*/
ul#top_menu{
	padding-top: 5px;
}

ul#top_menu li{
	float: right;
}

ul#top_menu a{
	display: block;
	height: 19px;
	padding-top: 2px;
	padding-left: 24px;
	padding-right: 10px;
	text-decoration: none;
	color: #000;
	font-size: .6em;
}

ul#top_menu a#account{
	background-image: url(images/mnu_account.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

ul#top_menu a#account:hover{
	background-image: url(images/mnu_account_over.gif);
}

ul#top_menu a#checkout{
	background-image: url(images/mnu_checkout.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

ul#top_menu a#checkout:hover{
	background-image: url(images/mnu_checkout_over.gif);
}

ul#top_menu a#help{
	background-image: url(images/mnu_help.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

ul#top_menu a#help:hover{
	background-image: url(images/mnu_help_over.gif);
}

ul#top_menu a#contact{
	background-image: url(images/mnu_contact.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

ul#top_menu a#contact:hover{
	background-image: url(images/mnu_contact_over.gif);
}


/*Left Column*/
div#left_column{
	float: left;
	width: 150px;
	margin-left: 10px;
}

div.CatLeftNav {
	border: 1px solid #8FACB9;
	margin-bottom: 10px;
	font-size:12px;
	width:150px;
	overflow:hidden;
}

/*SideBox*/
div.sidebox{
	border: 1px solid #8FACB9;
	padding: 2px;
	margin-bottom: 10px;
}


/*Left Menu*/
h2.side_menu{
	background-image: url(images/side_box_header_border.gif);
	margin-bottom: 1px;
}

ul#side_menu{
	margin-bottom: 10px;
}

ul#side_menu li{
	background-image: url(images/side_menu_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #6F8092;
	margin: 0 0 1px 0;
}

ul#side_menu li a{
	background-image: url(images/side_menu_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	padding: 5px 0 5px 5px;
	margin: 0 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
}

ul#side_menu li.over{
	background-image: url(images/side_menu_bottom_over.gif);
	background-color: #B22323;
}

ul#side_menu li.over a{
	background-image: url(images/side_menu_top_over.gif);
}

li.sub_li {
	background-color:#788fb5!important;
	background-image:none!important;
	margin:0px 0px 0px 5px!important;
	width:135px!important;
}


li.sub_li a.sub {
	background-color:#788fb5!important;
	background-image:none!important;
	margin:0px 0px 0px 0px!important;
	width:140px!important;
}
li.sub_li:hover {
	background-color:#B22323!important;
	background-image:none!important;
	margin:0px 0px 0px 5px!important;
	width:135px!important;
}
 


li.sub_li a.sub:hover {
	background-color:#B22323!important;
	background-image:none!important;
	margin:0px 0px 0px 0px!important;
	width:140px!important;
}


/*Search Box*/
div#search{
	background-color: #6F8092;
}

div#search form{
	margin-bottom: 2px;
}

div#search p{
	color: #fff;
}

div#search select{
	width: 143px;
	margin-bottom: 2px;
	font-size: .6em;
}

div#search label{
	color: #fff;
}


/*Feedback*/
div#feedback{
	font-size: .8em;
}


/*Right Area*/
div#right_area{
	margin-left: 165px;
}


/*Right Column*/
div#right_column{
	float: right;
	width: 150px;
	margin-right: 10px;
}


/*Recently Viewed*/
ul#recently_viewed a{
	display: block;
	font-size: .6em;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #8FACB9;
	color: #4D5A68;
}

ul#recently_viewed a:hover{
	color: #B22323;
	text-decoration: none;
}


/*Top Ten*/
div#top_ten td{
	vertical-align: top;
}

div#top_ten td a{
	font-size: .6em;
	color: #4D5A68;
}

div#top_ten td a:hover{
	color: #B22323;
	text-decoration: none;
}

div#top_ten td.image{
	width: 30px;
}

div#top_ten img{
	width: 30px;
}

div#top_ten hr{
	display: none;
}


/*Summary Basket*/
div#summary_basket img{
	width: 30px;
}

div#summary_basket a{
	font-size: .6em;
}


/*Content*/
div#content{
	width: 457px;
	overflow: hidden;
}


/*Footer*/
div#footer{
	margin-top: 10px;
	background-image: url(images/footer_tile.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 22px;
	text-align: center;
	border-top: solid #91AEBB 1px;
	border-bottom: solid #91AEBB 1px;
	font-size: .8em;
}


/*Product List*/
div#product_list hr{
	display: none;
}

div.product{
	width: 130px;
	margin-bottom: 10px;
	text-align: center;
	font-size: .8em;
	padding: 0px 5px;
}

div.product_image{
	float: left;
	background-image: url(images/drop_shadow.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin: 10px 0 0 10px;
}

div.product_image_in{
	display: block;
	position: relative;
	width: 120px;
	text-align: center;
	vertical-align: middle;
	margin: -5px 5px 5px -5px;
	border: solid #6F8092 1px;
}

	div.product_image img{
		width: 120px;
	}

div.product a{
	font-size: 10px;
}

div.product div.product_header{
	background-image: url(images/product_header.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #90ADBA;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	height: 35px;
}

div.product div.product_header a{
	color: #000;
}

div.product div.product_body{
	border: solid 1px #90ADBA;
	height: 100px;
	padding: 2px;
}

div.pagination{
	text-align: center;
	font-size: .8em;
}

div#filter_controls{
	font-size: .8em;
}

div#filter_controls select{
	font-size: .9em;
}

div#category_list{
	padding-bottom: 5px;
	margin-bottom: 10px;
}

div#category_list li{
	float: left;
}

	div#category_list li img{
		width: 100px;
		height: 40px;
		margin: 5px;
	}

div#category_list br{
	clear: left;
}

div#category_list hr{
	height: 1px;
	width: 100%;
	border: solid 1px #4D5A68;
	margin: 10px 0px 5px 0px;
}

div#category_list li div br{
	clear: none;
}


/*Product Detail*/
div#product_detail{
}

div#product_detail p{
	margin-bottom: 15px;
	font-size: .7em;
}

div#product_detail .price{
}

div#product_detail h4{
	font-weight: bold;
	background-color: #fff;
	color: #000;
	margin-bottom: 10px;
}

div#product_detail h5,
h5.assoc{
	margin: 5px 0px;
	padding: 2px 0px;
	text-decoration: none;
	background-color: #DCE5E9;
	border-top: 1px solid #B22222;
	border-bottom: 5px solid #B22222;
}

div#product_detail_image{
	width: 270px;
	float: left;
	margin: 2px;
}

div#product_detail_image img{
	width: 80px;
}

div#product_detail_image img.main{
	width: 250px;
}

div#product_detail_image p{
	font-size: .6em;
	margin: 0;
}

div#product_detail li{
	font-size: .7em;
	list-style-type: disc;
	margin-left: 30px;
}

div#product_detail a:hover{
	text-decoration: none;
}

div#topsizechart{
	text-align: center;
	margin-bottom: 20px;
}

div#topsizechart table{
	width: 140px;
	margin: 0;
}

table.BuyGrid{
	width: 225px;
	margin: 10px 100px 0px 100px;
}

table.BuyGrid td{
	text-align: center;
}

table.BuyGrid td.ColourDisplay{
	font-size: .7em;
}

div#associated{
	padding: 0px 10px;
}
/*
div#associated img{
	width: 80px;
}
*/
div#associated div.product{
	float: left;
	height: 200px;
}


/*Products As Well - bespoke functionality for First4Shape*/
table#as_well{
	width: 100%;
	border-top: #B22222 dotted 2px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

* html table#as_well{
	width: 450px;
}

table#as_well td{
	padding: 5px;
	border-bottom: #b22222 dotted 2px;
	vertical-align: middle;
}

table#as_well td img{
	width: 80px;
	height: 80px;
}


/*Basket Styles*/
table#basket{
	width: 456px;
	border-collapse: collapse;
}

* html table#basket{
	width: 450px;
}

table#basket td{
	font-size: .8em;
}

table#basket a{
	font-size: 1em;
}

table#basket tr.basket_product img{
	width: 30px;
}

div#basket_controls{
	text-align: center;
	padding: 10px 0px;
}

div#basket_controls a{
	margin: 0px 5px;
}

table#basket thead td{
	background-color: #B22323;
	color: #fff;
	padding: 2px;
	border-top: #4D5A68 1px solid;
	border-bottom: #4D5A68 1px solid;
}

table#basket tr#total td{
	border-top: #4D5A68 1px solid;
	margin-top: 2px;
}

table#basket tr#offer_code td{
	border-bottom: #4D5A68 1px solid;
	padding-bottom: 2px;
}

	td.basket_total{
		border-top: 1px solid #e4e9ed;
		border-right: #4D5A68 1px solid;
		padding: 3px 5px 3px 0px ;
	}
	
table#basket select{
	display: inline;
}


/*Checkout*/
div#new_form td{
	padding: 2px;
}

form#frmAddress td{
}

div#checkout{
	font-size: .7em;
}

div#checkout a{
	font-size: 1em;
}

div#checkout table{
	width: 100%;
	font-size: .95em;
	text-align: left;
}

div#checkout input,
div#checkout select{
	margin-bottom: 3px;
}

form#frmAddress table{
	text-align: left;
}

div#checkout table td{
}

form#frmAddress img{
}

td.AddressTitle{
	font-size: 1.2em;
}

table.ShoppingCart th{
	background-color: #B22323;
	color: #fff;
	text-align: left;
}


/*Category Include Pages*/
div#cat_header,
div.offer_header{
	margin-top: -5px;
	position: relative;
}

div#cat_header h4,
div.offer_header h4{
	background-image: url(images/full_bar_red.gif);
	background-repeat: no-repeat;
	background-color: #C85353;
	color: #fff;
	font-size: .8em;
	font-weight: normal;
	margin-bottom: 0;
	padding: 3px 3px 3px 6px;
}

	div#cat_header a{
		position: absolute;
		right: 6px;
		top: 3px;
		font-size: .6em;
		color: #fff;
	}

div.offer_header h4{
	background-image: url(images/full_bar.gif);
	background-color: #91AEBB;
	color: #000;
}

div#cat_body{
	border: #C85353 solid 1px;
	min-height: 125px;
}

div#cat_body p,
div#cat_body li,
div.offer_body p,
div.offer_body li{
	padding: 5px;
	font-size: .7em;
}

div.offer_body p{
	padding: 2px;
}

div#cat_body img{
	float: right;
}

div.offer_body img{
	float: left;
}

div.offer_body{
	border: #91AEBB solid 1px;
	min-height: 125px;
}


/*My Account*/
table#myaccount{
	border: solid #4D5A68 1px;
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0px;
	font-size: .7em;
}

table#myaccount thead{
	background-color: #4D5A68;
	color: #fff;
}

table#myaccount tbody td{
	border-top: dotted 2px #4D5A68;
}

table#myaccount td{
	padding: 2px;
}


/*Static Wrapper*/
div#static_wrapper{
	
}

div#static_wrapper p{
	font-size: .7em;
	margin-bottom: 20px;
}

div#static_wrapper a{
	font-size: .7em
}

div#static_wrapper p a,
div#static_wrapper li a,
div#static_wrapper td a{
	font-size: 1em;
}

div#static_wrapper li{
	font-size: .7em;
}

div#static_wrapper ul{
	margin-bottom: 20px;
}

div#static_wrapper td{
	padding: 2px;
	font-size: .7em;
	vertical-align: top;
}

div#static_wrapper table{
	margin-bottom: 20px;
}

/*Form Styles*/
.field{
	height: 17px;
	border: solid 1px #809DB9;
}

.search{
	width: 110px;
}

.image_button{
	vertical-align: middle;
}

label{
	font-size: .8em;
}


/*Misc Styles*/
.clear{
	clear: both;
}

.italic{
	font-style: italic;
}

.bold{
	font-weight: bold;
}

.strikethru,
.strike{
	text-decoration: none;
}

.big{
	font-size: 1.2em;
}

.large{
	font-size: 1.6em;
}

.red{
	color: red;
}

.crimson{
	color: #B22323;
}

.center{
	text-align: center;
}

.right_align{
	text-align: right;
}

ul.numerical li{
	font-size: .8em;
	list-style-type: decimal;
	margin-left: 30px;
}

ul.bullets li{
	font-size: .8em;
	list-style-type: disc;
	margin-left: 30px;
}

table.tip_table{
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.tip_table td{
	padding: 5px;
	border: solid #000 1px;
	font-size: .8em;
}

.ErrorMsg{
	color: red;
	}
	
	
	
/*** new ***/

.top_search {
	float:left;
	width:200px;
	margin-top:2px;
	height:25px;
}

.top_search input{
	float:left;
	margin-left:3px;
}


.top_filter {
	float:left;
	width:150px;
	margin-top:2px;	
}

.Advert_Main {
	clear:both;
	width:150px;
	overflow:hidden;
}





