/* Universal Styles */ /*
	Lords	-	#3CA314
	Lords Cream - #EBE6C9
	MCC	-	#44677C
	grey BG - #DEE4DA;
	Font	-	Century Schoolbook / Verdana
*/
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font-family:verdana;
	font-size: 13px;
	color: #000000;
	margin: 0;
	padding: 0;
}
span {
	white-space: nowrap;
}

label {
	cursor: pointer;
	cursor: hand;
}

a {
	text-decoration: underline;
	color: black;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

.a_link {
	float: right;
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
	margin-top: -12px;
	*margin-top: 2px;
	margin-bottom: 8px;
	*margin-bottom: 5px;
	margin-right: 2px;
	*margin-right: 8px;
}

.a_link:hover {
	cursor: hand;
	cursor: pointer;
	color: #CC0033;
	text-decoration: none;
}

h1,h2 {
	font-size: 15px;
	color: #3CA314;
	text-align: left;
	padding:0px;
	margin-top:0px;
}

h2 {
	color: black;
	font-size: 14px;
}

h2.bg {
	color: white;
	background: url('../images/lords_bg.png') repeat-x center;
	padding: 5px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}

h3,h4 {
	font-size: 12px;
	font-weight: bold;
	color: black;
}

* div.title {
	position: relative;
}

p.instruction {
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:0px;
	margin: 0px;
	margin-bottom:5px;
}
fieldset p.instruction {
	margin-left:5px;
}
img {
	border: 0;
}

div.clear {
	clear: both;
}

p {
	padding: 0px;
	text-align: left;
}

form {
	text-align: left;
}

/** TEMPLATE **/
#template_outer {
	position: relative;
	background: #FFFFFF url('../images/full_bg.png') repeat-y top;
	width: 100%;
	z-index: 10;
	overflow: visible;
	margin: 0 auto;
	min-height: 850px;
}
/*#leftcol,#rightcol {
	float:left;
	min-height: 850px;
	width:15%;
}*/
#template_inner {
	position:relative;
	background: white;
	/*float:left;*/
	width: 880px;
	height: 100%;
	margin: 0 auto;
	display: block;
	overflow: visible;
	_overflow: hidden;
}
#shim {clear:both;}

/* ----- HEADER ----- */
#header {
	position: relative;
	background-color: #004711;
	width: 100%;
	padding-top: 10px;
	overflow: hidden;
	margin-bottom: 30px;
	_height: 118px;
}
#tagline_holder {
	position: relative;
	width: 250px;
	color: white;
	float: left;
	text-align: center;
}
#tagline_holder a {
	color: white;
	text-decoration: none;
}
#tagline_holder p.tagline {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 10px 10px 25px -25px;
}
#tagline_holder p.portal_link, #tagline_holder p.header_box_link {
	color: white;
	width: 201px;
	height: 30px;
	margin-left: 5px;
	*margin-left: -35px;
	margin-top: -5px;
	font-size: 11px;
	/*
font-weight: bold;
*/
	padding: 0px;
	padding-bottom: 5px;
	background: url(../images/header_box_link.png) no-repeat;
	text-decoration: none;
	margin-bottom: 0;
}
#tagline_holder p.portal_link a, #tagline_holder p.header_box_link a {
	position: absolute;
	color: white;
	text-decoration: none;
	margin-top: 7px;
}
#logo {
	padding-top: 16px;
	margin-left: 45px;
	text-align: right;
	float: left;
}

#header_links h1 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

/* ----- LOGIN BOX ----- */
#login_container {
	background: url(../images/banner-box.png) no-repeat;
	float: right;
	right: 0px;
	width: 200px;
	height: 108px;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: -5px;
	margin-right: 5px;
	_margin-right: 3px;
	color: #FFFFFF;
	font-size: 11px;
}
#login_panel {
	margin-left: 5px;
	height: 84px;
}
#login_container p {
	margin: 0;
	font-weight: bold;
	margin-bottom: 5px;
}
#account_option {
	margin-left: 10px;
	height: 16px;
}
#account_option label {
	float: left;
}
#account_option input {
	float: right;
	margin-right: 80px;
	margin-top: -1px;
	*margin-top: -4px;
}
#login_panel input.submit {
	float: right;
}
#login_panel a {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
#login_panel p.mcc_category {
	margin-top: 20px;
}
#login_panel p a {
	padding: 5px;
	background-color: #EE3424;
}
#search_box {
	position: relative;
	height: 35px;
}
#search_box input {
	position: absolute;
	bottom: 10px;
	left: 0px;
	height: 14px;
	width: 130px;
}
#search_box input.submit {
	position: absolute;
	left: 140px;
	bottom: 10px;
	height: 22px;
	width: 60px;
}

/* ----- BREADCRUMB ----- */
#header_links {
	position: relative;
	width: 860px;
	text-align: left;
	padding: 10px;
	font-size: 11px;
	text-transform: uppercase;
	/*background-color: #ddfad2;*/
	*margin-right: 10px;
	margin-top: 2px;
	margin-bottom: -3px;
	_margin-bottom: -30px;
}

/* ----- CONTENT AREA ----- */
#content {
	clear: both;
	overflow: hidden;
	padding: 10px 20px 10px 20px;
	z-index:0;
	min-height: 600px;
}

/* ----- FOOTER ----- */
#footer {
	clear: both;
	overflow: hidden;
	width: 100%;
	_margin-top: -20px;
	background: url(../images/footer_bg.png);
}

#footer_menu ul {
	width: 100%;
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 20px;
	font-size: 12px;
}

#footer_menu ul li {
	display: inline;
	margin-right: 30px;
}

#footer_menu ul li a {
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#cs1 {
	float: left;
	padding: 5px;
	padding-left: 10px;
	font-size: 9px;
	color: #d5d5d5;
	*font-size: 8px;
	*color: #cecece;
}

#cs2 {
	float: right;
	padding: 5px;
	padding-right: 10px;
	font-size: 9px;
	color: #d5d5d5;
	*font-size: 8px;
	*color: #cecece;
}

#cs1 a, #cs2 a {
	color: #d5d5d5;
	*color: #cecece;
	text-decoration: none;	
}

/* ----- LANDING PAGES ----- */
#content div.top_content {
	position:relative;
	min-height:200px;
	z-index:99;
	margin-bottom:10px;
}
div.inner_content {
	clear: both;
	text-align: center;
	margin-top: 20px;
	overflow: hidden;
}
#landing_image {
	text-align: left;
	float: left;
	padding: 3px;
	background: url(../images/item_holder_bg.png) repeat;
	margin: 0px;
	margin-bottom: 10px;
	*margin-bottom: -10px;
	overflow: auto;
}
#landing_image .landing_image_border {
	padding: 2px;
	*padding-bottom: 0px;
	background-color: #FFFFFF;
}

/* Button / links */ /* Shop buttons */
p.shop_button {
	background: url(../images/lords_bg.png) repeat-x center;
	width: 100px;
	border: 0;
	padding: 2px;
	color: white;
	text-align: center;
	margin: 0px;
	overflow:visible;
	z-index:10;
	cursor: hand;
	cursor: pointer;
}

p.shop_button a {
	text-decoration: none;
	font-weight: bold;
	color: white;
	z-index:10;
	cursor: hand;
	cursor: pointer;
	padding-bottom: -2px;
}

p.shop_button input {
	/*background: url(../images/lords_bg.png) repeat-x center;*/
	background:transparent;
	border: 0;
	padding: 0px;
	width: 91%;
	font-weight: bold;
	color: white;
	z-index:12;
	cursor: hand;
	cursor: pointer;

 
}

/** END TEMPLATE **/ /* Category / homepage Product listings */
.item_border {
	background: url(../images/item_holder_bg.png) repeat;
	position: relative;
	width: 264px;
	height: 200px;
	float: left;
	padding: 3px;
	margin-right: 15px;
	margin-bottom: 10px;
	*margin-bottom: 0px;
	_margin-bottom: -10px;
	overflow: visible;
}

.product_border {
	background: url(../images/item_holder_bg.png) repeat;
	position: relative;
	width: 264px;
	height: 200px;
	float: left;
	padding: 3px;
	margin-right: 10px;
	*margin-right: 15px;
	*margin-bottom: 0px;
	margin-bottom:10px;
	overflow: visible;
}

div.product_holder {
	height: 196px;
	border: 2px solid #FFFFFF;
	background: white;
}

div.item_holder {
	height: 196px;
	border: 2px solid #FFFFFF;
	background: white;
}

div.product_border.no_margin, div.item_border.no_margin {
	margin-right: 0px;
}

div.product_holder p.name {
	_position: relative;
	color: white;
	width: 260px;
	background: url(../images/lords_bg.png) repeat-x center;
	margin: 0px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	margin-top: -5px;
	margin-left: -5px;
	_margin-right: -5px;
}

div.item_holder p.name {
	_position: absolute;
	color: white;
	width: 260px;
	background: url(../images/lords_bg.png) repeat-x center;
	margin: 0px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	margin-top: -5px;
	margin-left: -5px;
	_margin-left: -197px;
}

div.product_holder p.description, div.item_holder p.description {
	padding:5px;
	padding-left:130px;	/* This has to be set greater than the width of the floating image
									There must be a better way. */
	_margin-top: 50px;
}

div.product_holder p.name a, div.item_holder p.name a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

div.product_holder img, div.item_holder img {
	float: left;
	margin-top: 15px;
	_margin-top: 30px;
}

div.item_holder.category img {
	clear: both;
}

div.product_holder p.price,div.main_product div.product p.price {
	clear: both;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 5px;
	margin-right: 10px;
	font-weight: bold;
}

div.main_product_border {
	position: relative;
	float: left;
	width: 555px;
	padding: 3px;
	background: url(../images/item_holder_bg.png) repeat;
	overflow: auto;
	margin-bottom: 10px;
	_margin-bottom: 4px;
	min-height: 354px;
	_height: 354px;
	_overflow: visible;
}

div.main_product {
	min-height: 350px;
	border: 2px solid #FFFFFF;
	_height: 100%;
	background: white;
}

div.main_product h1 {
	color:black;
	text-align: center;
}
div.main_product div.product {
	position: relative;
	overflow: auto;
	padding: 10px;
	text-align: left;
}
div.main_product div.product p.name {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
div.main_product p.description {
	clear:both;
	padding-top:10px;
}
div.main_product img.front {
	float: left;
}
div.main_product div.product div.extra_image_click {
	position: relative;
	float: left;
	text-align: center;
}
div.main_product div.product div.extra_image_click div.extra_image {
	position: relative;
	clear: both;
	cursor: hand;
	cursor: pointer;
}
div.main_product div.product div.extra_image_click div.click_to_view {
	position: relative;
	top: 125px;
}

/* Product Pagination */
#page_numbering {
	position:relative;
	clear: both;
	font-size: 12px;
	text-align: center;
}
#page_numbering a {
	color: #3CA314;
	text-decoration: none;
	font-weight: bold;
}
#page_numbering p.view_all {
	text-align: center;
}
#page_numbering span.selected {
	text-decoration: underline;
}

#page_number a.page_navigation_selected {
	text-decoration: underline;
}

/** Product View **/
#product_view_main_image {
	position: relative;
	float: left;
}

div.main_product h2 {
	color: black;
	background: transparent;
	text-align: left;
	margin: 10px;
}

div.extra_image {
	margin-left: 5px;
	float: left;
}

div.extra_image p {
	margin: 0px;
	padding: 2px;
}

#product_view_enlarge_image {
	clear: both;
}

#reticle {
	width: 75px;
	height: 75px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #ccc;
	border:1px solid;
}

#zoom_overlay {
	position: absolute;
	top:0;
	right:275px;
	_left:-260px;
	background:#DEE4DA;
	width: 300px;
	height: 300px;
	margin-top: 5px;
	overflow: hidden;
	border:1px dashed;
}

#zoom_overlay img.product {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1;
}

#zoom_overlay img.close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
}
#zoom_overlay span {
	float:right;
	padding:5px;
	z-index:10;
}
#product_notification {
	display: none;
}
#product_notification p {
	padding:0px;
}

#product_notification.visible {
	display: block;
}

#parent_content_links {
	clear: both;
}
#parent_content_links li {
	
}

/* Product info tabs */
#product_information_border {
	position: relative;
	border-top: 0;
	width: 555px;
	float: left;
	min-height: 230px;
	_height: 230px;
	padding: 3px;
	background: url(../images/item_holder_bg.png);
}

#product_information {
	border: 2px solid #FFFFFF;
	min-height: 226px;
	_height: 100%;
	background: white;
}

#product_information ul.tabs {
	_position: relative;
	padding: 2px;
	margin: 0px;
	background: url(../images/lords_bg.png) repeat-x center;
	list-style: none;
	text-align: left;
	overflow: auto;
	width: 557px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: -5px;
	margin-top: -5px;
	_margin-right: -5px;
}

#product_information ul.tabs li {
	display: inline;
	font-size: 12px;
	padding: 2px;
}

#product_information ul.tabs li a {
	color: white;
	font-weight: bold;
	text-decoration: none;	
	padding: 5px 10px 4px 10px;
}

#product_information ul li a.selected {
	background: url(../images/lords_bg_on.png) repeat-x 0px -24px;
	border-left: 1px dotted #7ac85d;
	border-right: 1px dotted #7ac85d;
	margin-left: -1px;
	margin-right: -1px;
}
#product_information p.shop_button.download {
	width: 250px;
	margin-bottom: 40px;
}
#product_information div.tab_content {
	padding: 5px;
	text-align: left;
	display: none;
	padding-bottom: 30px;
}
p.uk_only_notice {
	color:red;
	font-weight: bold;
}
#product_information #details {
	display:block;
}
#product_information #child_price {
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
}
#size_guide table {
	width: 300px;
}
#size_guide table tr td {
	width: 50%;
}
/* Child Options */
#child_options {
	width: 270px;
	background: url(../images/item_holder_bg.png);
	float: right;
	*margin-bottom: -10px;
	_margin-bottom: 30px;
}
#child_options form input {
	float:left;
	margin-right:10px;
}
#child_options form {
	margin: 0px;
	padding: 10px;
	border: 6px double white;
	border-top: 0px;
	text-align: left;
	
}
#child_options form p.instruction {
	width:90%;
	margin:0 auto;
	padding:0px;
	margin:0px;
	text-align:center;
	margin-bottom:10px;
}
#child_options h3 {
	text-align: left;
}

#child_options .selector {
	list-style: none;
	float: left;
	width: 50%;
	margin-bottom:10px;
}

#child_options .selector ul {
	text-align: center;
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#child_options .selector ul li {
	margin-top:5px;
}
#child_options .selector.full {
	width:100%;
}
#child_options p {
	clear: both;
}
#sku {
	width:250px;
}
#child_options #hamper_notice {
	color:red;
	padding:0px;
	margin:0px;
}
/** Main Account Page **/
div.account_holder {
	text-align: left;
}

div.personal_details div.detail {
	clear: both;
	text-align: left;
	width: 100%;
	margin: 5px 0px 5px 0px;
	overflow: auto;
}

div.personal_details div.detail div.name {
	height: 100%;
	text-align: left;
	width: 25%;
	float: left;
	font-weight: bold;
}

div.personal_details div.detail div.value {
	margin-left: 1em;
	float: left;
}

div.personal_details div.detail div.value p {
	margin: 0px 0px 2px 0px;
	padding: 0px;
}

div.order_history,div.delivery_addresses {
	text-align: left;
	
}

/* Account - Delivery Addresses */
div.delivery_address_list table {
	
}

/* Account - Order Details */
div.order_container div.order_info {
	clear: both;
	width: 100%;
	overflow: auto;
	margin-bottom: 2px;
	text-align: left;
}

div.order_container div.order_info div.name {
	float: left;
	width: 30%;
	font-weight: bold;
}

div.order_container div.order_info div.value {
	float: left;
}

div.order_container div.address_holder {
	width: 40%;
	margin: 0 auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#order_history th {
	text-align: left;
}
#order_history td {
	padding:2px;
}
table tr.r1 {
	background:#dee4da;
}
table tr.r2 {
	background:#FFF;
}

/* Account - registration Form */
.terms_and_conditions_text {
	padding:0px;
	text-align: center;
}
.terms_and_conditions_text p {
	text-align: center;
}
 
.terms_and_conditions_text input {
	margin:5px;
}
/* Order Items */
tfoot tr td.name {
	text-align: right;
	font-weight: bold;
}

tfoot tr td.value {
	text-align: left;
	padding-left: 20px;
}

/** Shopping Cart **/
#cart_titles {
	position: relative;
	text-align: right;
	padding: 10px;
	overflow: auto;
}

#cart_titles span {
	font-weight: bold;
	text-align: right;
	color: #000000;
}

#cart_titles span {
	margin-right: 50px;
}

#cart_titles span.remove {
	margin-right: 0px;
}

/* Cart items */
#cart_holder {
	text-align: left;
}

div.cart_item {
	position:relative;
	border: 1px dotted black;
	overflow: auto;
	min-height:140px;
	background:#dee4da;
	margin-bottom:5px;
	padding-left:5px;
}

.item_delivery_time {
	clear: both;
	margin-left:10px;
}

.cart_item img.item_img {
	position:relative;
	float: left;
	width: 75px;
	height:75px;
}

.cart_item .child_selector {
	position:absolute;
	top:25px;
	left:80px;
	_left:10px; /* IE6 positioning is really messed up */
	padding:5px;
}
.cart_item .child_selector  p {
	margin:0px;
	margin-bottom:5px;
	padding:0px;
}

.cart_item .item_detail {
	position:absolute;
	right:0px;
	width: 60%;
	text-align: left;
	padding: 5px;
}

.item_detail div {
	margin-right: 40px;
	text-align: center;
	width:90px;
	float:left;
}

.item_detail div.remove {
	margin-right: 40px;
	margin-right:0px;
}

.item_detail span.item_quantity {
	margin-right: 75px;
}
div.holder {
	background:#dee4da;
	border:1px dotted black;
	margin-bottom:5px;
	padding-left:5px;
}
.item_out_of_stock {
	width:100% !important;
}
.item_out_of_stock p {
	text-align: center;
}
p.availability {
	clear:both;
}
div.cart_item p.hamper_collection {
	position: absolute;
	top:75px;
	left:75px;
}
/* Totals */
p.cart_total {
	position: relative;
	font-weight: bold;
	padding: 0px;
	width: 300px;
}

p.cart_total span.total_value {
	margin-left: 10px;
	position: absolute;
	right: 0px;
}

p.voucher_notice {
	padding: 0px;
}

/* Confimation Details */
.summary_colour_size
{
	color:#3CA314;
}

#cart_back {
	float: left;
	margin-top:20px;
}

#cart_continue {
	float: right;
	margin-top:20px;
}
#cart_holder div.delivery_option {
	margin:5px 0px 5px 0px;
}
#cart_holder div.delivery_option span.description {
	margin-left:26px;
}
#cart_holder div.holder.delivery p {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}
/* Gift Wrapping */
.voucher .r1 label{
	width:150px;
	margin-right:1em;
}
.voucher .r1 textarea,.voucher r1.input {
	margin-left:1em;
}
/* Gift vouchers */
div.voucher div.remove_item {
	display: none;
}
div.example {
	float:left;
	width:350px;
	margin-left:5px;
}
div.example p {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	white-space: normal;
}
div.example p:first-child {
	font-weight: bold;
}
textarea.message {
	float:left;
}
span.example {
	margin-left:5px;
}
/** Checkout **/
#checkout_holder #delivery_address,#saved_delivery_addresses {
	display: none;
}
fieldset {
	background:#dee4da;
}
#saved_delivery_addresses div.saved_address {
	clear: both;
	overflow: auto;
	border-top: 1px dotted grey;
	margin-top: 3px;
	margin-left: 5px;
}

#saved_delivery_addresses div.select_address {
	float: left;
	margin-right: 5px;
}

#saved_delivery_addresses div.address {
	float: left;
	margin-left: 5px;
}

#saved_delivery_addresses div.address p {
	margin: 0px 0px 1px 0px;
	padding: 0px;
}

span.caution,p.warning {
	display: none;
}

.address_holder {
	padding:5px;
}
.address_holder p {
	padding:0;
	margin:0;
}
#checkout_newsletter_link {
	text-decoration: none;
}
/* Payment */
#order_process_notification_card_holder fieldset {
	background:#dee4da;
	padding:10px;
}
/* ===== [ Shade Layer ] =========================================================================================================== */
#shade_holder {
    overflow: visible;
    width: 100%;
    z-index: 30;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#shade_info_holder {
    width: 100%;
    z-index: 40;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#shade_layer {
    overflow: visible;
    width: 100%;
    height: 100%;
    background-color: #9f9f9f;
    display: none;
    z-index: 500;
    top: 0;
    left: 0;
    position: fixed;
    filter: alpha( opacity = 70 );
	_height: 2000px;
}

#shade_layer img {
    z-index: 999;
}

#shade_site_frame {
    text-align: center;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800;
    overflow-y: auto;
}

#shade_info_box_1 {
    text-align: left;
    width: 744px;
    *width: 738px;
    height: 300px;
    background-color: #FFFFFF;
    position: relative;
    margin: 25% auto;
    top: -260px;
    *top: 50px;
    display: none;
    color: #000000;
    z-index: 1000;
    filter: alpha( opacity = 1000 );
	-moz-opacity: 10;
	opacity: 10;
	padding: 5px;
}

#shade_info_box_1 iframe {
	width: 100%;
	*width: 741px;
	height: 100%;
	height: 470px;
	min-height: 470px;
	border: 0px;
}