a { color: #f00; text-decoration: none; }
body, label, input, select, textarea, div#categories_nav a { font-family: "Times New Roman", Times, Georgia; }
body { font-size: 62.5%; margin: 20px; text-align: center; }
p { line-height: 150%; }

h1, h2, h3, h4, h5, p { letter-spacing: 0.1em; }

table { clear: both; width: 100%; }
th, td { font-size: 1.1em; padding: 5px; }

dl { float: left; width: 100%; }
dt, dd { float: left; padding: 0.5em; }
dt { font-weight: bold; width: 5em;  }
dt { clear: both; }

.center { text-align: center; }
.clear { clear: both; }
.hidden_innards { text-indent: -9999em; overflow: hidden; }
.hidden { position: absolute; left: -9999em; height: 1px; width: 1px; }
.column { width: 30em; }
.left { float: left; }
.right { float: right; }
.scroll { overflow: auto; height: 400px; padding: 0 10px; }

#container { background: url(/images/background.gif) center 50px; border: 5px solid #E4FE63; border-width: 4px; margin: 0 auto; position: relative; width: 74em; }
#basket { background: url(/images/basket.gif) no-repeat; display: block; height: 54px; position: absolute; top: 20px; left: -26px; width: 54px; }

#header, #contents, #footer { float: left; margin: 0 3em; padding: 2em; text-align: left; width: 64em; }

#header { text-align: center; }

#nav, #nav li { list-style: none; position: relative; z-index: 10; }
#nav li { display: block; float: left; }
#nav li a { background: url(/images/navigation_bg.gif) no-repeat center; color: #666; display: block; font-size: 1.2em; font-weight: bold; padding: 1em 20px; text-transform: lowercase; }
#nav li a:hover, #nav li a.current { background-image: url(/images/navigation_bg_hover.gif); }
#nav li.current a { color: red; }

#nav li ul { height: auto; left: -999em; margin: 0; padding: 0; position: absolute; }

#nav li li { background: #fff; display: block; float: none; }

.categories { border: 0.3em solid #E4FE63; background: #fff; width: 8em; }
#nav li li a, .categories li a { background: #fff; border: 0.1em solid #E4FE63; color: red; display: block; font-size: 1.2em; font-weight: normal; padding: 0.4em; }
#nav li li a:hover, #nav li li a.sfhover, .categories li a:hover  { background: #E4FE63; color: #000; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }

#header #nav .categories li { clear: both; }

#logo { background: url(/images/logo.gif) no-repeat scroll top left; height: 49px; position: absolute; right: -38px; width: 77px; }

#contents { background: white; min-height: 400px; }
#contents h1, #contents h2, #contents h3 { color: #666; clear: both; font-weight: normal; margin-bottom: 0.5em; } 
#contents h1 { font-size: 2em; }
#contents h2 { font-size: 1.6em; }
#contents h3 { font-size: 1.2em; }
#contents h4 { font-size: 1.1em; }
#contents h5 { font-size: 1em; }
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5 { margin: 0 0 0.5em; font-weight: normal; }

#contents p, #contents li, #contents dt, #contents dd { font-size: 1.2em; }
#contents a { font-family: Arial, Helvetica, sans-serif; }

#categories_nav { position: absolute; left: -5em; top: 100px; z-index: 10; }
.categories, .categories li { list-style: none; margin: 0; padding: 0; }

#footer, #footer a { color: #128FAE; }
#footer a { border-bottom: 1px dotted #128FAE; }
#footer p { font-size: 1em; text-transform: lowercase; }

#notice, #error { clear: both; font-size: 1.4em; font-weight: bold; float: left; margin-bottom: 1em; padding: 10px; text-align: center;  width: 620px; }
#notice { background: #efe; color: #060; }
#error { background: #fdd; color: #600; }

.attachments, .attachments li { list-style: none; margin: 0; padding: 0; }
.attachments { float: left; }

.product_details h3 { margin: 0; } 

.variant_photos, .variant_photos li { float: left; list-style: none; padding: 0; margin: 0; }
.variant_photos { margin: 1.5em 0; width: 100%; }
.variant_photos li { margin-right: 10px; }
.variant_photos li img { display: block; }

#contents p.price { background: url(/images/price_bg.gif) no-repeat; clear: both; display: block; font-size: 1.2em !important; font-weight: bold; line-height: 100%; height: 49px; margin: 0; padding: 18px 0; text-align: center; width: 48px; }


.add_to_basket select, .add_to_basket input { font-size: 1.2em; }
.add_to_basket input { background: #cff; border-width: 1px; padding: 5px; }

#admin_nav dt { float: left; padding: 3px; }
#admin_nav dd { float: left; padding: 0; }
#admin_nav ul, #admin_nav li { float: left; list-style: none; margin: 0; padding: 0; }
#admin_nav ul {  width: 100%; }
#admin_nav a { display: block; float: left; padding: 3px; margin-right: 1px; }

.admin_options { border: 1px solid #eee; clear: both; float: left; margin: 5px 0; padding: 5px 0; display: block; width: 100%; }
.admin_options h4 { float: left; margin: 0; margin-right: 12px; padding: 6px; font-size: 1.2em; font-weight: normal; }
.admin_options ul, .admin_options li { list-style: none; margin: 0; padding: 0; }
.admin_options ul { margin: 0 5px; float: right; }
.admin_options li { float: left; }
.admin_options a { background: #000; border: 2px solid #000; color: #fff; display: block; font-weight: bold; margin-right: 1px; padding: 4px; }
.admin_options a:hover { background: #fff; border-color: #ccc; color: #000; }

.attachment { display: block; float: left; height: 180px; }
.attachment span { float: left; }

#categories, #categories li, #products, #products li { list-style: none; margin: 0; padding: 0; }

#categories, #products { float: left; text-align: center; margin: 0 2px; }
#categories li, #products li { display: block; float: left; padding: 10px; height: 200px; }

div.category_image { height: 190px; width: 190px; line-height: 190px; text-align: center; margin-bottom: 0.3em; }
.category_image img { vertical-align: middle;  }

#products { float: left; }
#products h3 { font-size: 1em; margin: 0 0 0.2em; }
#products h4 { color: #999; font-size: 1em; font-weight: normal; margin: 0 0 0.3em; }

#products li { width: 190px; }

#categories h3 { font-size: 1em; margin: 0; }

#events, #events li { list-style: none; margin: 0; padding: 0; }
#events li { float: left; margin-bottom: 2em; line-height: 140%; }
#events h3, #events h4, #events h5 { margin: 0; }
#events h3 { margin-bottom: 0.3em }
#events p { margin: 0; }

#container, #contents {-moz-border-radius: 10px; -webkit-border-radius: 10px;}

#stockists, #stockists li, #awards, #awards li { float: left; list-style: none; margin: 0; padding: 0; }
#stockists li { margin-bottom: 1.7em; }
#awards li { margin-bottom: 2em; }
#stockists li, #awards li { font-size: 1.1em; }
#stockists h3, #awards h3, #contents .press h3 { margin: 0 0 0.3em; }
#stockists dl { margin: 0; }
#stockists dt { display: none; }
#stockists dt, #stockists dd { margin: 0 0 0.3em; padding: 0; float: left; clear: both; }
#stockists dd { width: 100%; }

#stockists, #awards p, #contents .press p { margin: 0; }

a img { border: 0; }

#contact_details .right { width: 240px; padding: 6em 0 0; padding-right: 3em; }
#contact_details { font-size: 1.1em; }
#contact_details dt { display: none; }
#contact_details dd { margin: 0; padding: 0 0 1em; font-size: 1.2em; text-align: center; text-transform: lowercase; width: 240px; line-height: 180%; font-weight: bold; }
#contact_details a { font-family: Times, "Times New Roman", Georgia, sans-serif; }

.press { clear: both; float: left; margin-bottom: 2em; }

.product { margin-bottom: 2em; }
.product h3, .product h4 { font-size: 1em; }

.update_basket_item form .quantity { float: none; width: 20px; }

.errorExplanation { background: #fee; padding: 2em; }
#contents div.errorExplanation h2 { color: #900; }
#contents div.errorExplanation p, #contents div.errorExplanation li { font-size: 1.2em; }

#basket_summary { margin-bottom: 2em; }
.currency { text-align: right; }
.total_footer { font-size: 1.1em; text-transform: uppercase; }

/* Start Forms */
form fieldset {
	clear: both;
	border: 1px solid #eee;
  font-size: 1em; }
form fieldset legend,
form label,
form input,
form select,
form select option,
form textarea {
  border-width: 1px;
  font-family: Georgia;
  font-size: 1.2em;
  font-color: #000;
  padding: 4px; }
form input,
form select,
form textarea {
  border-top: 2px solid #999999;
  border-left: 2px solid #999999;
  border-right: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  font-size: 1.2em; }
form input[type=text],
form input[type=password],
form textarea {
  width: 20em; }
form select {
  height: 2.5em; }
form input[type=submit],
form input[type=button] {
  background: #229316;
  color: #fff;
  border-top: 2px solid #55c649;
  border-left: 2px solid #55c649;
  border-right: 2px solid #006000;
  border-bottom: 2px solid #006000;
  margin: 0 5px; }
form input[type=submit][disabled],
form input[type=button][disabled] {
	background: #999;
	color: #fff;
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
}
form input[type=submit][value=cancel] {
  border-top: 2px solid #e68582;
  border-left: 2px solid #e68582;
  border-bottom: 2px solid #801f1c;
  border-right: 2px solid #801f1c;
  color: #ffb8b5;
  background: #b3524f; }
form div.file-field input { border: 0; }
form div.fieldWithErrors {
  display: inline; }
  form div.fieldWithErrors input, form div.fieldWithErrors select, form div.fieldWithErrors textarea {
    border-top: 2px solid #8F0600;
    border-left: 2px solid #8F0600;
    border-bottom: 2px solid #BB4036;
    border-right: 2px solid #BB4036;
    line-height: 1.5em; }
form div.check-box-field,
form div.check-box-fields,
form div.date-field,
form div.datetime-field,
form div.file-field,
form div.password-field,
form div.radio-field,
form div.radio-fields,
form div.select-field,
form div.text-field,
form div.textarea-field,
form div.time-zone-select-field,
form div.submit-field {
  float: left;
  clear: both;
  margin: 0;
  padding: 10px;
  font-size: 1.2em; }
  form div.check-box-field div.input,
  form div.check-box-fields div.input,
  form div.date-field div.input,
  form div.datetime-field div.input,
  form div.file-field div.input,
  form div.password-field div.input,
  form div.radio-field div.input,
  form div.radio-fields div.input,
  form div.select-field div.input,
  form div.text-field div.input,
  form div.textarea-field div.input,
  form div.time-zone-select-field div.input,
  form div.submit-field div.input {
    float: left;
    clear: right;
    text-align: left;
    width: 24em;
    padding-left: 5px; }
  form div.check-box-field label,
  form div.check-box-fields label,
  form div.date-field label,
  form div.datetime-field label,
  form div.file-field label,
  form div.password-field label,
  form div.radio-field label,
  form div.radio-fields label,
  form div.select-field label,
  form div.text-field label,
  form div.textarea-field label,
  form div.time-zone-select-field label,
  form div.submit-field label {
    float: left;
    display: block;
    width: 14em;
	padding: 5px;
    padding-right: 10px;
    text-align: right; text-transform: lowercase; }
    form div.check-box-field label span.help,
    form div.check-box-fields label span.help,
    form div.date-field label span.help,
    form div.datetime-field label span.help,
    form div.file-field label span.help,
    form div.password-field label span.help,
    form div.radio-field label span.help,
    form div.radio-fields label span.help,
    form div.select-field label span.help,
    form div.text-field label span.help,
    form div.textarea-field label span.help,
    form div.time-zone-select-field label span.help,
    form div.submit-field label span.help {
	  color: #666;
      display: block;
      font-size: 75%;
	font-style: italic;
      font-weight: normal;
      margin-top: 5px;
      line-height: 100%; }
form div.submit-field {
  border: none; }
form div.submit-field div.input {
  font-size: 1.2em;
  margin-left: 12em; }
form div.check-box-fields div.input label,
form div.radio-fields div.input label {
  clear: left;
  width: auto;
  font-size: 80%; }
form div.required {
  float: left;
  line-height: 1.4em; }
  form div.required label, form div.required p, form div.required span {
    color: #944;
    font-weight: bold; }
  form div.required label span.help {
    margin-top: 0; }

/* End Forms */


html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/modal/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('/images/modal/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/modal/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/modal/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/modal/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/modal/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/modal/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/modal/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/modal/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/modal/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/modal/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/modal/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/modal/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(/images/modal/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(/images/modal/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(/images/modal/fancy_title_right.png) repeat-x;
}