/* CSS Document */

/* ######################################################################### */
/* STRUCTURE */

.addtobasket
{
	cursor: pointer;
}

.fsn-region-editor:hover
{
	background-color: #DCEBFF;
}

div.container
{
	background: #FFF;
	height: auto !important; /* allows content to extend past 650px if there is overflow */
	height: 580px; /* for ie5 and 6 which don't recognise minheight */
	position: relative;
	top: 29px;
	text-align: relative;
	padding: 0px 0px 0px 13px;
	width: 950px;
}

div.footer
{
	background: url(../images/footer_bg.jpg) no-repeat top;
	height: 135px;
	text-align: center;
	font-size: 11px;
	line-height: 13px;
	color: #4C2625;
	padding: 20px 0px 0px 0px;
}

div.footer a
{
	color: #4C2625;
	text-decoration: underline;
}

div.wrapper
{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 963px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

div.content
{
	position: relative;
	top: 40px;
	width: 700px;
	margin-left: 230px;
	min-height: 560px;
	padding-bottom: 150px;
}

.doublecolumn
{
	position: relative;
	width: 330px;
	float: left;
	margin-bottom: 30px;
	margin-right: 20px;
}

div.basket
{
	float: right;
	font-size: 12px;
	margin-right: 30px;
}

.productdesc
{
	padding-left: 260px;
}

.categories
{
	position: relative;
	background: #efefef;
	width: 343px;
	height: 213px;
	float: left;
	margin-bottom: 30px;
}

.catleft
{
	margin-right: 10px;
}

.catright
{
	margin-right: 0px;
}


.cattext
{
	margin: 2px 3px 5px 7px;
	font-style: italic;
	font-family: "Times New Roman" , Times, serif;
	color: #777;
	font-size: 15pt;
	line-height: 18pt;
}

.cattitle
{
	background: url(../images/cst_box.jpg) repeat-x;
	color: #FFE1A6;
	font-style: italic;
	font-weight: bold;
	font-family: "Times New Roman" , Times, serif;
	font-size: 17pt;
	padding: 1px 3px 2px 7px;
}

.catbutton
{
	background: url(../images/button_bg.jpg) no-repeat;
	width: 156px;
	height: 25px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0px 15px 0px 0px;
	text-align: right;
	cursor: pointer;
	 color: White;
}

.catbutton a
{
	color: #FFF;
	font-size: 10pt;
	text-decoration: none;
}


.checkoutconfirm
{
	background: url(../images/confirmbasket.gif);
	position: absolute;
	top: 255px;
	right: 220px;
	width: 209px;
	height: 155px;
	z-index: 100000;
}

.checkoutconfirm p
{
	text-align: center;
	line-height: normal;
	font-size: 11px;
	margin-top: 95px;
	margin-left: 0px;
}


/* ######################################################################### */
/* MENU */


ul.productsnav
{
	list-style: disc;
	color: #FF4838;
	list-style-position: outside;
	position: relative;
	font-size: 12px;
	font-family: verdana;
	float: left;
	font-weight: bold;
	top: 20px;
	left: -17px;
	line-height: 35px;
	width: 220px;
}

li.main a
{
	text-decoration: none;
	color: #333;
}

li.main a:hover
{
	text-decoration: none;
	color: #FF2217;
	font-weight: bold;
}

li.main a.active
{
	text-decoration: none;
	font-weight: bold;
	color: #FF2217;
}

li.main a.active:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #FF2217;
}

/* ######################################################################### */
/* PRODUCTLIST */

.products
{
	border-bottom: #A08869 solid 1px;
	padding-bottom: 20px;
	line-height: 19px;
	min-height: 250px;
	margin: 50px 0px 30px 0px;
	position: relative;
}

.productimage
{
	float: left;
	margin-right: 10px;
	border: #6b2412 solid 1px;
}

.imageleft
{
	border: #6b2412 solid 1px;
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}

.categories a 
{
	text-decoration: none;
}

.categories a:hover
{
	text-decoration: none;
}

/* ######################################################################### */
/* TABLESTYLES */
table.events
{
	width: 100%;
	border-collapse: separate;
}

table.events td
{
	padding: 7px;
}

tr.sand
{
	background: #EBE4DA;
}

tr.lilac
{
	background: #C7AEA8;
}

table.signup
{
	width: 340px;
	border-collapse: separate;
}

table.signup th
{
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	background-color:#6B2412;
	font-size: 13px;
}

table.signup td
{
	padding: 8px;
}

/* ######################################################################### */
/* DEFAULT STYLING */

a
{
	color: #6b2412;
}

a:hover
{
	text-decoration: underline;
}

body
{
	background: url(../images/body_bg.jpg) repeat-x #F95244;
	font-family: Verdana, Arial;
	font-size: 11pt;
	line-height: 21pt;
	text-align: relative;
	color: #333333; /* centers container divs in browsers that don't understand margin: auto */
}

html, body
{
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


p
{
	width: 93%;
}

H1
{
	font-family: Times, serif;
	color: #FF2217;
	font-size: 27px;
	margin-top: 0px;
	font-weight: 100;
}

H1.title
{
	font-family: Times, serif;
	color: #FF2217;
	font-size: 28px;
	margin-top: 0px;
}

H2
{
	font-family: Times, serif;
	color: #6B2412;
	font-size: 20px;
	margin-top:45px;
	margin-bottom:0px;
	padding-bottom:0px;
}




/* ######################################################################### */
/* STYLES */

.error
{
	color: Red;
	font-weight: bold;
}

.fltrt
{
	float: right;
}

.fltlft
{
	float: left;
}

.clrflt
{
	clear: both;
}

.white
{
	color: #fff;
}

.white a
{
	color: #fff;
}


.bold
{
	font-weight: bold;
}

.italics
{
	font-style: italic;
}

.feature
{
	color: #6b2412;
}

.dropdown
{
	font-size: 85%;
}

.smalltext
{
	font-size: 12px;
}

/* ######################################################################### */
/* Registration and payment pages */
/* ######################################################################### */
.tablestyle
{
	width: 98%;
	margin: 20px 0px;
	border-collapse: collapse;
	border: #FFFFFF 1px solid;
	border-bottom: #999 2px solid;
	border-top: #999 2px solid;
	font-size: 13px;
}

.tablestyle td
{
	padding: 2px 2px;
	border-bottom: #CCCCCC 1px solid;
}

.tablestyle th
{
	border: #FFFFFF 1px solid;
	background-color: #EBEBEB;
	color: #666666;
	font-weight: bold;
	padding: 2px 2px;
}

tr.altrow
{
	background-color: #F3F3F3;
}

tr.altrow2
{
	background-color: #EBEBEB;
}

.address
{
	float: right;
	width: 420px;
}


.thumbnail
{
	width: 50%;
	height: 50%;
}

.delete
{
	font-weight: bold;
	color: #CC0000;
	font-size: 16px;
}

a.delete:hover
{
	font-weight: bold;
	color: #CC0000;
	font-size: 16px;
	text-decoration: none;
}

.redbold
{
	font-weight: bold;
	color: #CC0000;
}

td.right
{
	text-align: right;
}

td.centre
{
	text-align: centre;
}


.step
{
	width: 100%;
	border-collapse: collapse;
	background: #CCCCCC;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	height: 28px;
}

.step td
{
	border: #FFFFFF solid 1px;
	width: 16%;
}

td.active
{
	background: #999999;
}

table.half
{
	width: 48%;
	float: left;
	margin-right: 15px;
}

.shipping
{
	background: url(file:///C|/Users/Lucy/Documents/Projects/images/shipping_bg.gif) no-repeat;
	width: 388px;
	height: 390px;
	padding: 50px 30px;
}


/* ######################################################################### */
/* DO NOT EDIT - STYLES TO MAKE EVERYTHING WORK THE SAME IN ALL BROWSERS */

/* Elements to clean out: */
body, fieldset, form, html
{
	margin: 0;
	padding: 0;
}

html
{
	/* font values can be overwritten for specific sites using body tag in default.css */
	font: 75%/150% Verdana, Arial, Helvetica, sans-serif; /* font-size, line-height, font-family */
}

input, label, select, textarea
{
	/* font values can be overwritten for specific sites using these tags in default.css */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Elements with a vertical margin: */
address, blockquote, dl, h3, h4, h5, h6, ol, p, pre, ul
{
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:                     */
blockquote, dd
{
	margin-left: 1em;
}

li
{
	margin-left: 2.5em;
}

/* Miscellaneous: */
label
{
	cursor: pointer;
}

fieldset
{
	border: none;
}

input, select, textarea
{
	font-size: 100%;
}

img
{
	border: none;
}

textarea
{
	overflow: auto;
}

input.submit
{
	cursor: pointer;
}

div
{
	border: 0px;
	margin: 0px;
}

/* Date
-----------------------------------*/

.fui-date
{
	border: 1px solid #A0A0A0 !important;
}

.fui-date table
{
	width: 220px;
	border-collapse: collapse;
	margin-bottom: 5px;
	margin-top: 2px;
}

.fui-date td
{
	border: 1px solid #EAE9E1;
	text-align: center;
	width: 14.3%;
	padding: 0px !important;
	margin: 0px;
	font-size: 12px;
	height: 20px;
}

.fui-date td.ety
{
	border: 0px;
}

.fui-date .rD td
{
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #A0A0A0;
}

.fui-date td.pop
{
	cursor: pointer;
}

.fui-date td.cur
{
	font-weight: bold;
}

.fui-date td.pop:hover
{
	font-weight: bold;
}

.fui-date .rH .c2
{
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}

.fui-date .rH td span
{
	display: block;
}

.fui-date .rH td
{
	border-bottom: 1px solid #A0A0A0;
}

.fui-date td.una, .fui-date td.una:hover /* specifically unavailable */
{
	background-color: #F2F2F2;
	color: #888888;
	font-weight: normal;
	cursor: default;
}


.fui-date td.sel
{
	background-color: #FFE299;
}

/* Copyright (c) Webfuel Ltd. */