/* ---------------------------------------------------------------------------------- */
/* CSS Document - last updated: 22/03/2010																						*/

/* Oakshott fabrics																																		*/
/* Author: Webnetism (www.webnetism.co.uk)																						*/

/* layout_control.css																																	*/
/* Media: screen																																			*/
/* ---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- */
/* Main layout properties																															*/
/* ---------------------------------------------------------------------------------- */

html, body {
	height: 100%;
	min-width: 981px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #636363;
	background-color: #FFFFFF;
}

#header {
	position: relative;
	margin: 0px 0px 11px 0px;
	height: 120px;
	width: 981px;
	left: 0px;
	float: left;
	z-index: 1000;
}

#header_bread_crumb {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 146px;
	width: 981px;
	left: 0px;
	float: left;
	z-index: 1000;
}

.bread_crumb {
	position: relative;
	margin: 6px 0px 6px 0px;
	height: 18px;
	width: 964px;
	float: left;
	padding: 2px 4px 0px 6px;
}

#main_container {
	margin: 0 auto;
	position: relative;
	width: 981px;
	height: auto;
}

#main_content {
	position: relative;
	width: 590px;
	height: auto;
	margin-right: 0px;
	float: left;
	z-index: 1;
	border: solid 1px #d5d5d5;
}

#main_content_full {
	position: relative;
	width: 958px;
	height: auto;
	left: 1px;
	float: left;
	z-index: 1;
	padding: 10px;
	border: solid 1px #cccccc;
}

#main_content_home {
	position: relative;
	width: 774px;
	height: auto;
	float: left;
}

.main_home_box_back {
	position: relative;
	width: 754px;
	height: 235px;
	float: left;
	padding: 10px;
	background: url('../images/general/main_home_box_back.gif') no-repeat bottom;
}

#main_box_back {
	position: relative;
	width: 570px;
	height: auto;
	float: left;
	z-index: 1000;
	padding: 10px;
}

.gallery_box_back {
	position: relative;
	width: 177px;
	height: 235px;
	float: left;
	padding: 10px;
	background: url('../images/general/gallery_back.gif') no-repeat bottom;
}

.gallery_box_back_internal {
	position: relative;
	width: 172px;
	height: 237px;
	float: left;
	padding: 8px 5px 0px 8px;
	margin-bottom: 10px;
	border: solid 1px #dddedc;
}

.featured_items_back {
	position: relative;
	width: 754px;
	height: 211px;
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 10px 10px;
	background: url('../images/general/featured_items_back.gif') no-repeat bottom;
}

.featured_item_back {
	position: relative;
	width: 134px;
	height: 175px;
	float: left;
	margin: 10px 0px 10px 0px;
	background: url('../images/general/featured_item_back.gif') no-repeat;
}

.featured_item_image {
	position: relative;
	width: 112px;
	height: 105px;
	float: left;
	margin: 10px 0px 5px 10px;
}

.featured_item_text {
	position: relative;
	width: 120px;
	height: 45px;
	float: left;
	margin: 5px 0px 10px 8px;
}

.right_column {
	position: relative;
	width: 197px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 10px;
}

.sale_back {
	position: relative;
	width: 205px;
	height: 206px;
	float: left;
	padding: 8px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	background: url('../images/general/sale_back.gif') no-repeat;
}

.news_back {
	position: relative;
	width: 519px;
	height: 204px;
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 10px;
	background: url('../images/general/news_back.gif') no-repeat;
}

.basket_top_back {
	position: relative;
	width: 187px;
	height: 29px;
	float: left;
	padding: 6px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
	background: url('../images/general/basket_top_back.gif') no-repeat;
}

.basket_middle_back {
	position: relative;
	width: 177px;
	height: 100%;
	float: left;
	padding: 0px 10px 0px 10px;
	background: url('../images/general/basket_middle_back.gif'); background-repeat: repeat-y;
}

.basket_bottom_back {
	position: relative;
	width: 197px;
	height: 10px;
	float: left;
	margin: 0px 0px 10px 0px;
	background: url('../images/general/basket_bottom_back.gif') no-repeat;
}

.basket_top_internal_back {
	position: relative;
	width: 177px;
	height: 29px;
	float: left;
	padding: 6px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	background: url('../images/general/basket_top_internal_back.gif') no-repeat;
}

.basket_middle_internal_back {
	position: relative;
	width: 167px;
	height: 100%;
	float: left;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	background: url('../images/general/basket_middle_internal_back.gif'); background-repeat: repeat-y;
}

.basket_bottom_internal_back {
	position: relative;
	width: 187px;
	height: 10px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: url('../images/general/basket_bottom_internal_back.gif') no-repeat;
}

.right_box_top {
	position: relative;
	width: 197px;
	height: 10px;
	float: left;
	background: url('../images/general/right_box_top.gif') no-repeat;
}

.right_box_middle {
	position: relative;
	width: 177px;
	height: auto;
	float: left;
	padding: 0px 10px 0px 10px;
	background: url('../images/general/right_box_middle.gif') repeat-y;
}

.right_box_bottom {
	position: relative;
	width: 197px;
	height: 10px;
	float: left;
	margin: 0px 0px 10px 0px;
	background: url('../images/general/right_box_bottom.gif') no-repeat;
}

.sale_box_container {
	position: relative;
	width: 225px;
	height: auto;
	float: left;
}

.sale_box_top {
	position: relative;
	width: 225px;
	height: 10px;
	float: left;
	background: url('../images/general/sale_box_top.gif') no-repeat;
}

.sale_box_middle {
	position: relative;
	width: 205px;
	height: auto;
	float: left;
	padding: 0px 10px 0px 10px;
	background: url('../images/general/sale_box_middle.gif') repeat-y;
}

.sale_box_bottom {
	position: relative;
	width: 225px;
	height: 10px;
	float: left;
	margin: 0px 0px 10px 0px;
	background: url('../images/general/sale_box_bottom.gif') no-repeat;
}

.news_box_container {
	position: relative;
	width: 539px;
	height: auto;
	float: left;
	margin-left: 10px;
}

.news_box_top {
	position: relative;
	width: 539px;
	height: 10px;
	float: left;
	background: url('../images/general/news_box_top.gif') no-repeat;
}

.news_box_middle {
	position: relative;
	width: 519px;
	height: auto;
	float: left;
	padding: 0px 10px 0px 10px;
	background: url('../images/general/news_box_middle.gif') repeat-y;
}

.news_box_bottom {
	position: relative;
	width: 539px;
	height: 10px;
	float: left;
	margin: 0px 0px 10px 0px;
	background: url('../images/general/news_box_bottom.gif') no-repeat;
}

.right_nav_other {
	position: relative;
	width: 197px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#left_nav {
	position: relative;
	width: 182px;
	height: auto;
	float: left;
	z-index: 100;
	margin-right: 10px;
}

#right_nav {
	position: relative;
	width: 187px;
	height: auto;
	float: left;
	margin-left: 10px;
	z-index: 10;
}

/* ---------------------------------------------------------------------------------- */
/* Header layout properties																														*/
/* ---------------------------------------------------------------------------------- */

#mast_head {
	position: relative;
	width: 981px;
	height: 77px;
	float: left;
}

#top_nav {
	position: relative;
	width: 781px;
	height: 41px;
	float: left;
	text-align: left;
	z-index: 1000;
	background-color: #0a3506;
	background: url('../images/navigation/top_nav_back.gif') no-repeat;
}

#top_nav_end {
	position: relative;
	width: 189px;
	height: 34px;
	float: left;
	text-align: left;
	z-index: 1;
	padding: 7px 11px 0px 0px;
	text-align: right;
	background: url('../images/navigation/top_nav_bar_end.gif') no-repeat;
}

.logo {
	position: relative;
	margin: 21px 45px 0px 10px;
	width: 208px;
	height: 38px;
	float: left;
}

.contact_container {
	position: relative;
	margin: 32px 10px 0px 0px;
	width: auto;
	height: auto;
	float: left;
}

.contact_number {
	position: relative;
	margin: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	float: left;
	padding: 0px;
}

.contact_icon {
	position: relative;
	margin: 2px 5px 0px 0px;
	width: 47px;
	height: 28px;
	float: left;
	padding: 0px;
	background-color: #CCCCCC
}

/* ---------------------------------------------------------------------------------- */
/* Search layout properties																														*/
/* ---------------------------------------------------------------------------------- */

.search_container {
	position: relative;
	margin: 10px 10px 0px 0px;
	width: 400px;
	height: 67px;
	float: right;
	text-align: right;
	background-color: #CCCCCC;
	background: url('../images/navigation/search_back.gif') no-repeat;
}

.search_field_container {
	position: relative;
	width: 250px;
	height: auto;
	float: left;
	margin: 23px 0px 0px 0px;
}

.search_field {
	position: relative;
	width: auto;
	height: auto;
	float: left;
	margin: 0px 0px 0px 9px;
}

.search_type {
	position: relative;
	width: 246px;
	height: 16px;
	float: left;
	margin: 3px 0px 2px 0px;
	text-align: left;
}

.search_button {
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 24px;
	height: 22px;
	float: left;
}

.search_by_colour {
	position: relative;
	width: 130px;
	height: auto;
	float: left;
	margin: 5px 0px 2px 15px;
	text-align: left;
}

.search_text {
	position: relative;
	margin: 0px 0px 0px 8px;
	width: auto;
	height: auto;
	float: left;
	padding: 0px;
}

.search_radio_bt {
	position: relative;
	margin: 0px 0px 0px 5px;
	width: auto;
	height: auto;
	float: left;
}

.my_basket {
	position: relative;
	margin: 3px 15px 0px 0px;
	width: auto;
	height: auto;
	float: right;
	padding: 0px;
}

#cat_list_top {
	position: relative;
	width: 570px;
	height: auto;
	float: left;
	z-index: 100;
	padding: 7px 10px 0px 10px;
}

.product_title { height: auto; padding-top: 10px; padding-bottom: 10px; }
.product_image_border { border: solid 1px #dddedc; margin: 0px 0px 0px 0px; }
.grey_line { margin: 10px 0px 10px 0px; border-top: solid 1px #dddedc; }
.grey_line_product_spacer { margin-top: 5px; margin-bottom: 30px; border-top: solid 1px #dddedc; }
.grey_line_bottom { margin-top: 5px; margin-bottom: 10px; border-top: solid 1px #dddedc; }
.grey_line_top { margin-top: 0px; margin-bottom: 10px; border-top: solid 1px #dddedc; }

.grey_line_2 { margin-top: 5px; margin-bottom: 10px; border-top: solid 2px #dddedc; }
.grey_line_3 { margin-top: 15px; margin-bottom: 15px; border-top: solid 1px #dddedc; }
.grey_line_4 { margin-top: 10px; margin-bottom: 4px; border-top: solid 1px #dddedc; }
.grey_line_5 { margin-top: 10px; margin-bottom: 0px; border-top: solid 1px #dddedc; }

.green_line_5 { margin-top: 10px; margin-bottom: 0px; border-top: solid 1px #5d8e3c; }

.column_spacer { width: 35px; }

/* ---------------------------------------------------------------------------------- */
/* My basket properties																																*/
/* ---------------------------------------------------------------------------------- */

#login {
	position: relative;
	width: 164px;
	height: 112px;
	float: left;
	padding: 4px 10px 4px 10px;
	margin-bottom: 8px;
	background-image: url(../images/general/login_back.gif); background-repeat: no-repeat;
}

#my_basket_content {
	position: relative;
	width: 183px;
	min-height: 66px;
	height: auto;
	float: left;
	padding: 0px 0px 5px 0px;
	border: solid 1px #dddedc;
}

#my_basket_title {
	position: relative;
	width: 173px;
	height: 23px;
	float: left;
	padding: 4px 0px 0px 10px;
	margin-bottom: 0px;
	background-color: #ea8c36;
}

#my_basket_total_items {
	position: relative;
	width: 170px;
	height: auto;
	float: left;
	padding: 8px 0px 0px 8px;
	background-image: url(../images/my_basket/padlock.gif); background-repeat: no-repeat; background-position: bottom right;
	z-index:10;
}

#basket_bottom {
	position: relative;
	width: 183px;
	height: 10px;
	float: left;
	background-image: url(../images/my_basket/basket_bottom.gif); background-repeat: no-repeat;
}

#basket_padlock_back { background-image: url(../images/my_basket/padlock.gif); background-position: bottom right; background-repeat: no-repeat; }

.basket_icons { padding-top: 3px;}

/* ---------------------------------------------------------------------------------- */
/* Body layout properties																															*/
/* ---------------------------------------------------------------------------------- */

.right_adverts {
	position: relative;
	width: 183px;
	height: auto;
	float: left;
	margin-top: 10px;
}

.left_logos {
	position: relative;
	width: 183px;
	height: auto;
	float: left;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

.popular_products {
	position: relative;
	width: 170px;
	height: auto;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border: solid 1px #d5d5d5;
}

.share_button {
	position: relative;
	margin: 5px 0px 0px 0px;
	width: 183px;
	height: 20px;
	float: left;
	text-align: center;
}

.width_15 { width: 16px; }

input.search {
	display: block;
	float: left;
	width: 200px;
	height: 15px;
	padding: 2px 0px 0px 2px;
	margin: 0px 5px 3px 0px;
	font-size: 11px;
	font-weight: bold;
}

input.sign_up {
	display: block;
	float: left;
	width: 170px;
	height: 17px;
	padding: 0px 0px 0px 2px;
	margin: 0px 5px 3px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

select.sort_by {
	display: block;
	float: left;
	width: 140px;
	height: 22px;
	margin-top: 0px;
	margin-right: 5px;
	font-size: 12px;
}

/* ---------------------------------------------------------------------------------- */
/* Other style / layout properties																										*/
/* ---------------------------------------------------------------------------------- */

a:focus { outline: none; }

img { border: 0; }

.hidden { display: none; }
.show { display: block; }

.clear { clear:both; height:0; }

.image_left { float: left; margin: 0px 15px 10px 0px; }
.image_right { float: right; margin: 0px 0px 10px 15px; }

.spacer_5 { height: 5px; }
.spacer_8 { height: 8px; }
.spacer_10 { height: 10px; }
.spacer_20 { width: 20px; }

.main_product_image_border { border: solid 1px #d1d1d1; margin: 0px 0px 10px 0px; }

.list_ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0px 0;
	list-style: none;
}

.list_ul li { padding: 1px 0 1px 0px; }

.search_list_ul {
	margin: 3px 0px 0px 27px;
	padding: 0px 0px 0px 0px;
	list-style: decimal;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.search_list_ul li { padding: 1px 0px 5px 2px; }

.sitemap_ul {
	margin: 0px 0px 10px 0px;
	padding: 0px 0 0px 0;
	list-style: none;
}

.sitemap_ul li {
	padding: 1px 0 5px 18px;
	background: url(../images/general/black_right_arrow.gif) no-repeat 0 5px;
}

.sitemap_ul li li {
	padding: 5px 0 0px 18px;
	background: url(../images/general/black_right_arrow.gif) no-repeat 0 10px;
}

.sitemap_line { margin-top: 5px; margin-bottom: 5px; margin-right: 0px; border-top: solid 1px #dddedc; }

/* ---------------------------------------------------------------------------------- */
/* Basket / account properties																												*/
/* ---------------------------------------------------------------------------------- */

.grey_border { border: solid 1px #dddedc; padding: 10px; background-color: #ffffff; }
.grey_border_account { border: solid 1px #dddedc; width: 568px; background-color: #ffffff; }
.grey_bottom_border { border-bottom: 1px solid #dddedc; padding: 0px 0px 10px 0px; }
.grey_line_account { margin-top: 5px; margin-bottom: 5px; border-top: solid 1px #dddedc; }
.grey_border_generic { float: left; width: 184px; border: solid 1px #dddedc; background-color: #ffffff; }

.light_grey_border { border: solid 1px #dddedc; padding-bottom: 5px; width: 570px; background-color: #ffffff; }
.light_grey_border_thank_you { border: solid 1px #dddedc; width: 100%; padding: 0px 10px 0px 10px; background-color: #ffffff; }

.grey_left_box {
	position: relative;
	float: left;
	width: 141px;
	background-color: #f2f2f2;
	border: 1px solid #cccccc;
	padding: 8px 8px 0px 8px;
	margin-bottom: 10px;
}

.clear_right_box {
	position: relative;
	float: left;
	width: 185px;
	padding: 8px 7px 0px 8px;
	margin-bottom: 10px;
}

.grey_right_box {
	position: relative;
	float: left;
	width: 183px;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	padding: 8px 7px 0px 8px;
	margin-bottom: 10px;
}

.grey_right_box_basket {
	position: relative;
	float: left;
	width: 184px;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.margin_bottom_10 { margin-bottom: 10px; }
.margin_top_10 { margin-top: 10px; }

.padding_5 { padding: 5px; }
.padding_bottom_5 { padding-bottom: 5px; }
.padding_top_5 { padding-top: 5px; }

.sign_up_topbox { height: auto; width: auto; background-color: #ffffff; }
#forgot_password { display: none; }

.no_padding { padding: 0px; }

#add_delivery_address { display: none; }

.greenbox { width:auto; padding:5px; margin:5px 0px 10px 0px; border:1px solid #04b600; background-color:#aefb8a; }
.greenbox_no_margin_top { width:100%; padding:5px; margin:0px 0 10px 0; border:1px solid #04b600; background-color:#aefb8a; }

.account_menu_ul { margin:0 0 5px 0; padding:0px 0 0px 0; list-style-type:none;}
.account_menu_ul li {margin:0; padding:2px 0 2px 10px; line-height:14px;	background: url(../images/general/black_right_arrow.gif) no-repeat 0 5px; font-size:11px;}

#account_details_title {
	position: relative;
	width: 151px;
	height: 19px;
	float: left;
	padding: 5px 0px 0px 8px;
	margin-top: 15px;
	background-color: #f2653a;
}

.account_table_header {
	background-color: #f2653a;
	padding: 4px 5px 6px 6px;
	margin-bottom: 15px;
}

#title_spacer {
	position: relative;
	width: 151px;
	height: 21px;
	float: left;
	padding: 5px 0px 0px 8px;
	margin: 15px 0px 0px 0px;
}

.stage_arrows { margin-bottom: 2px; }

.order_progress_bar {
	position: relative;
	height: 21px;
	background-color: #fff;
	width: auto;
	text-align: center;
	font-size: 14px;
	border: solid 1px #999999;
	padding-top: 2px;
	margin: 5px 0px 10px 0px;
}

/* ---------------------------------------------------------------------------------- */
/* Form properties																																		*/
/* ---------------------------------------------------------------------------------- */

form { margin: 0px; }
label { font-weight: bold; }
label.non_bold { font-weight: normal; }
.field50 { width: 50px; font-size: 12px; }
.field60 { width: 60px; font-size: 12px; }
.form_field { width: 200px; font-size: 12px; }
.form_field_full { width: 260px; font-size: 12px; margin-right: 3px; }
.form_field_contact { width: 412px; font-size: 12px; }
.contact_txt_field { width: 412px; height: 150px; }

.other_field { width: 196px; font-size: 12px; }
.account_other_field { width: 136px; font-size: 12px; }
.txt_area_postcode { width: 353px; height: 100px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.txt_area_postcode_login { width: 260px; height: 100px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.txt_area_delivery { width: 552px; height: 60px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.postcode_field { width: 60px; font-size: 12px; margin-right: 3px; }
.txt_area_comments { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.qty_field { width: 30px; font-size: 11px; margin-right: 3px; }

.ddl_country { width: 169px; font-size: 12px; }

.radio_no_margin { width:14px; height:14px; margin: 0px; padding: 0px; }

input.login {
	float: left;
	width: 160px;
	height: 16px;
	border: solid 1px #ccc;	
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #666;
	padding-left: 2px;
	margin: 0px 0px 0px 0px;
}

input.promo_code {
	float: left;
	width: 165px;
	height: 16px;
	border: solid 1px #ccc;	
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #666;
	padding-left: 2px;
	margin: 0px 5px 5px 0px;
}

/* ---------------------------------------------------------------------------------- */
/* Footer properties																																	*/
/* ---------------------------------------------------------------------------------- */

.footer {
	margin: 10px 0px 0px 0px;
	width: 961px;
	height: auto;
	float: left;
	padding: 5px 10px 10px 10px;
	border-top: solid 1px #c9c3c3;
}

.footer_text {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: auto;
	float: left;
}

.footer_text_center {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 100%;
	float: left;
	text-align: center;
}

.footer_text_right {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: auto;
	text-align: right;
	float: right;
}