/* ------------------------------------------------------ */
/* CSS Document - last updated: 27/10/2011				        */

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

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

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

html, body {
	height:100%;
	min-width: 961px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	color: #000 /*263145*/;
}
#background_image { position:fixed; top:0; left:0; width:100%; height:100%; }
#homepage_image   { padding:0px; margin:0px; }
#header {
	position: relative;
	margin: 0px 0px 0px 10px;
	height: 121px;
	width: 941px;
	left: 0px;
	float: left;
	background-image: url(../images/general/header_back.jpg); background-repeat: no-repeat; background-position: left top;
}
#header_blank {
	position: relative;
	margin: 0px 0px 0px 10px;
	height: 121px;
	width: 941px;
	left: 0px;
	float: left;
	background-image: url(../images/general/header_blank.jpg); background-repeat: no-repeat; background-position: left top;
}

#main_container {
	margin:0 auto;
	position:relative;
	width: 961px;
	height: auto;
	padding-bottom:50px;
}

.main_container_box {
	position:relative;
	width: 961px;
	height: auto;
	float: left;
	background-image: url(../images/general/background_shadow.png); background-repeat: repeat-y;
}

.bottom_shadow {
	position:relative;
	width: 961px;
	height: 10px;
	float: left;
	background-image: url(../images/general/bottom_shadow.png); background-repeat: no-repeat;
}

.left_shadow {
	position: relative;
	width: 10px;
	height: 630px;
	float: left;
	background-image: url(../images/general/left_shadow.png); background-repeat: repeat-y; background-position: left top;
}

.right_shadow {
	position: relative;
	width: 10px;
	height: 630px;
	float: left;
	background-image: url(../images/general/right_shadow.png); background-repeat: repeat-y; background-position: left top;
}

#main_content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 812px;
	height: auto;
	float: left;
	background: url(../images/general/page_bg_top.jpg) no-repeat top #fff;
}

#main_content_full {
	position: relative;
	top: 0px;
	left: 0px;
	width: 812px;
	height: auto;
	float: left;
	background: url(../images/general/page_bg_top.jpg) no-repeat top #fff;
}

#cms_page_bg_top { 	background: url(../images/general/page_bg_top.jpg) no-repeat top #fff; width: 812px; height: 480px; }
#cms_page_bg_bottom {	background: url(../images/general/page_bg_bottom.jpg) no-repeat bottom; width: 812px; height: 480px; }

#main_content_columns {
	position: relative;
	width: 812px;
	min-height: 480px;
	height: auto;
	float: left;
	background-color: #fff;
}

#full_frame {
	position: relative;
	top: 0px;
	left: 0px;
	width: 792px;
	height: 460px;
	float: left;
	background:#fffffe;
	padding: 10px;
	overflow: auto;
	
}

#full_frame_fish {
	position: relative;
	top: 0px;
	left: 0px;
	width: 792px;
	height: 460px;
	float: left;
	background-color: #fff;
	padding: 10px;
	overflow: auto;
	background-image: url(../images/general/fish_back.gif); background-repeat: no-repeat; background-position:center top;
}

#full_frame_full {
	position: relative;
	top: 0px;
	left: 0px;
	width: 792px;
	min-height: 460px;
	height: auto;
	float: left;
	background:#fffffe;
	padding: 10px;
}

#full_frame_no_padding {
	position: relative;
	top: 0px;
	left: 0px;
	width: 812px;
	min-height: 460px;
	height: auto;
	float: left;
	background-color: #fff;
}

#left_column {
	position: relative;
	top: 0px;
	left: 0px;
	width: 525px;
	height: auto;
	float: left;
	overflow: auto;
}

#right_column {
	position: relative;
	top: 0px;
	left: 0px;
	width: 287px;
	height: auto;
	float: left;
	overflow: auto;
}

#right_column_prod_desc {
	position: relative;
	top: 0px;
	left: 0px;
	width: 271px;
	height: 470px;
	float: left;
	padding: 5px 8px 5px 8px;
	/*background-image: url(../images/general/right_back.jpg); background-repeat: no-repeat; background-position: left bottom;*/
}

#left_column_prod_desc {
	position: relative;
	top: 0px;
	left: 0px;
	width: 525px;
	height: 450px;
	float: left;
	overflow: auto;
}

#prod_desc_container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 525px;
	height: 480px;
	float: left;
	overflow: auto;
}

#image_nav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 505px;
	height: 25px;
	float: left;
	padding: 5px 10px 0px 10px;
	background-color: #fff;
}

.scroll_text { padding: 10px 10px 20px 0px; }

#scroll_container_title_small {
	position: relative;
	top: 0px;
	left: 0px;
	width: 287px;
	height: 23px;
	float: left;
	padding: 7px 0px 0px 0px;
	background-image: url(../images/general/top_bar_small.jpg); background-repeat: no-repeat; background-position:center top;
	text-align: right;
}

#scroll_container_title {
	position: relative;
	top: 0px;
	left: 0px;
	width: 804px;
	height: 20px;
	float: left;
	padding: 4px 0px 1px 8px;
	overflow: auto;
	background-color: #68B1AB;
}

#scroll_container {
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
}

.cat_spacer { height: 30px; }
.cat_spacer_top { height: 10px; }

.product_image_spacer { height: 10px; }

#bottom_nav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 803px;
	height: 21px;
	float: left;
	overflow: auto;
	background-color: #372D27;
	color: #fff;
	padding: 5px 0px 0px 9px;
}

#collection_tab {
	position: relative;
	top: 0px;
	left: 0px;
	width: 38px;
	height: 183px;
	float: left;
}

.left_nav_container {
	position: relative;
	width: 129px;
	min-height: 480px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 10px;
	z-index: 100;
}

.left_menu_image {
	position:relative;
	width: 951px;
	height: auto;
	float: left;
	background: url(../images/general/left_nav_back.png) no-repeat left bottom;
}

#left_nav {
	position: relative;
	width: 129px;
	height: 100%;
	float: left;
	z-index: 100;
	border: solid 0px #372D27;
}

#logo {
	position: relative;
	width: 149px;
	height: 96px;
	float: left;
	padding: 8px 0px 0px 10px;
	margin: 7px 0px 0px 6px;
}

#basket_container {
	position: relative;
	width: 289px;
	height: 90px;
	float: right;
	text-align: center;
	margin: 5px 5px 0px 0px;
	z-index: 10;
	color:#fff;
}
#basket_container a{
	color:#fff;
	text-decoration:none;
}
#basket_container a:hover{ text-decoration:underline;}

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

#top_nav {
	position: relative;
	margin:10px 0px 0px 0px;
	height: 20px;
	width: 954px;
	left: 0px;
	float: left;
	padding: 5px 0px 0px 0px;
	background-color: #9d9d00;
	text-align: center;
}

#search_field {
	position: relative;
	top: 9px;
	left: 14px;
	margin: 0px 0px 0px 0px;
	width: 229px;
	height: 16px;
	float: left;
}

#search_button {
	position: relative;
	top: 9px;
	left: 14px;
	margin:0px 0px 0px 4px;
	width: 26px;
	height: 16px;
	float: left;
}

input.search_field {
	width: 225px;
	height: 14px;
	border: solid 1px #cac9c0;	
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #757575;
	padding: 0px 2px 1px 2px;
}

#basket_sign_in {
	position: relative;
	margin: 24px 0px 0px 0px;
	width: 258px;
	height: 16px;
	left: 14px;
	float: left;
}

#basket_view {
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 285px;
	height: 17px;
	left: 0px;
	float: left;
	text-align: center;
}

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

.margin_bottom_10 { margin-bottom: 10px; }

.padding_5 { padding: 5px; }
.padding_bottom_2 { padding-bottom: 2px; }
.padding_bottom_5 { padding-bottom: 5px; }
.padding_bottom_10 { padding-bottom: 10px; }
.padding_10 { padding: 10px; }
.padding_left_6 { padding-left: 6px; }
.padding_right_5 { padding-right: 5px; }
.padding_right_10 { padding-right: 10px; }
.padding_top_5 { padding-top: 5px; }

.account_table_padding { padding: 4px 5px 4px 6px; }

.basket_icons { padding-top:3px;}

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

.shop_process {
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 6px;
	background-color: #68B1AB /*263145*/;
	color: #fff;
}

.featured_items {
	width: 100%;
	margin: 0;
	background-color: #ffffff;
	border: 1px solid #ccc;
	color: #ccc;
}

.quick_order_results {
	width: 100%;
	margin: 10px 0 0px 0;
	padding: 6px;
	background-color: #1f1f1f;
	border: 1px solid #ccc;
	color: #ccc;
}

.right_menu_ul { margin:0 0 5px 0; padding:0px 0 0px 0; list-style-type:none;}
.right_menu_ul li {margin:0; padding:2px 0 2px 0px; line-height:14px; background-image:none; font-size:11px;}

.shop_process td { font-size: 12px; }

.greenbox {width:100%; padding:5px; margin:10px 0 10px 0; 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; }

.delivery_options { width:170px; margin-top: 2px; }
.progess_arrow { margin-bottom: 2px; }

.grey_border_no_padding { border: solid 2px #dddedc; }
.grey_border_account { border: solid 2px #dddedc; padding-bottom: 5px; width: 600px; }
.grey_border_basket { border: solid 2px #dddedc; padding-bottom: 5px; width: 590px; }

.grey_title_box {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #999999;
/*	border: 2px solid #ccc;*/
	padding: 5px 8px 5px 8px;
/*	margin-bottom: 10px;*/
}

.grey_right_box {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #eeeeee;
	border: 2px solid #ccc;
	padding: 8px 8px 0px 8px;
	margin-bottom: 10px;
}

.fish_popout {
	position: absolute;
	width: 132px;
	top: 2px;
	left: 583px;
	z-index: 1;
}

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

.field50 { width: 50px; font-size: 11px; }
.promo_code { width: 120px; font-size: 11px; }
.form_field { width: 165px; font-size: 11px; }
.field300 { width: 300px; font-size: 11px; }
.ddl_country { width: 169px; font-size: 11px; }
.txt_area_help { width: 300px; height: 100px; font-size: 11px; }
.txt_area_postcode { width: 324px; height: 100px; font-size: 11px; }
.postcode_field { width: 60px; font-size: 11px; }
.postcode_field_store { width: 60px; height: 11px; font-size: 11px; }

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

a:focus { outline: none; }

img { border:none }

label { padding: 0px; margin: 0px;}

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

.spacer_5 { height: 5px; }
.spacer_9 { height: 9px; }
.spacer_10 { height: 10px; }
.spacer_16 { margin-top: 16px; }

.sign_up_topbox { height: 90px; width: 368px }

.grey_border { border: solid 2px #dddedc; padding: 10px; }

.dark_grey_border { border: solid 2px #ccc; padding: 10px; background-color: #efefef;}

.grey_bottom_border { border-bottom:2px solid #dddedc; padding: 0px 0px 10px 0px; }
.grey_bottom_top { border-top:2px solid #dddedc; padding: 10px 0px 0px 0px; }

.key_image { margin-right: 5px; }

.white_line { margin-top: 15px; margin-bottom: 5px; border-top: solid 1px #fff; }
.product_border_line { margin-top: 3px; margin-bottom: 3px; border-top: solid 1px #000; }

.grey_line { margin-top: 5px; margin-bottom: 5px; border-top: solid 1px #dddedc; }
.grey_line_title { margin-top: 10px; margin-bottom: 10px; border-top: solid 2px #dddedc; }

.no_padding { padding: 0px; }
.padding_left_4 { padding-left: 4px; }

.img_cartoon { vertical-align: bottom }

.delivery_address_box {
	width: 330px;
	margin: 0px 0 8px 0px;
	border: 1px solid #a5acb2;
}

.address_table { width: 370px; }

/* ---------------------------------------------------------------------------------- */
/* Scroller properties																																*/
/* ---------------------------------------------------------------------------------- */

#right_column_list {
	position: relative;
	top: 0px;
	left: 0px;
	width: 286px;
	height: 480px;
	float: left;
}

.scroll_pane {
	width: 284px;
	overflow-x: hidden;
	overflow-y: auto;
	float: left;
	height: 450px;
	padding: 0px 20px 0px 0px;
}

.scroll_pane_no_bar {
	width: 282px;
	float: left;
	padding: 0px 20px 0px 0px;
}

#cms_title {
	position: relative;
	top: 0px;
	left: 0px;
	width: 796px;
	height: 30px;
	float: left;
	padding: 6px 8px 0px 8px;
	overflow: auto;
	background-color: #fff;
}

.table_scroll { width:100%; padding:0px 15px 0px 8px; }
.table_scroll_cat_list { width:100%; padding:0px 0px 0px 5px; }

.table_related { width:97%; margin:0 auto; margin-bottom:8px; padding:0px 15px 0px 8px; border:1px solid #ccc; }

.scroll_pane_full {
	width: 819px;
	overflow-x: hidden;
	overflow-y: auto;
	float: left;
	height: 450px;
	padding: 0px 10px 0px 0px;
}

.holder { float: left; margin: 0px; }

.osX .jScrollPaneTrack { background: url(../images/scroller/osx_track.gif) repeat-y; }
.osX .jScrollPaneDrag { background: url(../images/scroller/osx_drag_middle.gif) repeat-y; }
.osX .jScrollPaneDragTop { background: url(../images/scroller/osx_drag_top.gif) no-repeat; height: 6px; }
.osX .jScrollPaneDragBottom { background: url(../images/scroller/osx_drag_bottom.gif) no-repeat; height: 7px; }
.osX a.jScrollArrowUp { background: url(../images/scroller/osx_arrow_up.png) no-repeat 0 -30px; height: 24px; }
.osX a.jScrollArrowUp:hover { background-position: 0 0; }
.osX a.jScrollArrowDown { background: url(../images/scroller/osx_arrow_down.png) no-repeat 0 -30px; height: 24px; }
.osX a.jScrollArrowDown:hover { background-position: 0 0; }

.left .jScrollPaneTrack { left: 272px; right: auto; }
.left a.jScrollArrowUp { left: 272px; right: auto; }
.left a.jScrollArrowDown { left: 272px; right: auto; }

.left_full .jScrollPaneTrack { left: 797px; right: auto; }
.left_full a.jScrollArrowUp { left: 797px; right: auto; }
.left_full a.jScrollArrowDown { left: 797px; right: auto; }

#add_delivery_address { display: none; }
#catalogue_request { display: none; }

.you_may_like {position:relative; float:left; width:780px; height:auto; margin:16px 0 10px 12px; padding:7px 0 6px 8px; background:#69b2ab;}

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

#footer {
	position: relative;
	margin: 0px 0px 10px 0px;
	height: 20px;
	width: 961px;
	float: left;
}

.footer_text_box {
	position: relative;
	margin: 0px 0px 10px 0px;
	height: 20px;
	width: 812px;
	float: left;
	color:#000;
}

#social_icons{
	position: relative;
	margin: 0px 0px 10px 0px;
	height: 50px;
	width: 139px;
	float: left;
	text-align: center;
}

#copyright {
	position: relative;
	height: 20px;
	width: 396px;
	float: left;
	padding-left: 10px;
}

#webnetism {
	position: relative;
	height: 20px;
	width: 396px;
	float: left;
	padding-right: 10px;
	text-align: right;
}

#footer_text {
	position: relative;
	height: auto;
	width: 792px;
	left: 0px;
	float: left;
	padding: 0px 10px 10px 10px;
	margin-bottom: 10px;
}