/*----- browser-neutralisation --------------------*/
h1, h2, h3 {font-size:100%;font-weight:bold;text-decoration:none;}
div, form, img, h1, h2, h3, hr {padding:0;margin:0;border:0;}

a {text-decoration:none;font-weight:normal;color:#0A6200;}
a:hover {text-decoration:none;font-weight:normal;color:#C80000;}

a.redlink, a.redlink:hover {
	background-image:url(images/redgradient.png);
	background-position:center;
	padding:3px 8px;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;  
}
div.quotationbox {text-align:right; padding-top:0px;}



/*----- primary layout styles --------------------*/
html, body {height:100%;}
body
{
	background:url(images/background_body.png) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0;
	padding:0;
}
div#layout_wrapper {height:100%; position:relative; width:100%;}

/*div#overblue
{
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}*/

div#layout_body {margin:0 auto; width:966px;}
div#layout_body_left {float:left; padding:18px 0 0 0; width:248px;}
div#layout_body_centre {float:left; padding:26px 0 0 0; width:506px;}
div#layout_body_right {float:left; padding:26px 0 48px 16px; width:196px;}



/*----- page header styles --------------------*/
div#layout_header {background-color:#B5DE3A; border-bottom:2px solid #FFFFFF; cursor:default; font-size:100%; padding:12px; text-align:center;}
div#layout_header a {color:#000000; cursor:pointer; font-weight:bold;}
div#layout_header a:hover {color:#C80000; font-weight:bold;}
div#layout_header div#layout_headholder {margin:0 auto; position:relative; width:966px;}


/*----- currency selection buttons --------------------*/
div#currencyFlag {cursor:pointer; position:absolute; right:0px; top:0px;}
div#currencyFlag span {float:left; font-size:80%; padding:3px 6px 0 0;}
div#currencyFlag img {border:1px solid #000000; display:block; float:left; height:16px; width:24px;}

div#currencyList {background:#b5de3a; display:none; padding:0 6px 6px 6px; position:absolute; right:-14px; text-align:right; top:22px;} /* right:-14px; */
div#currencyList ul {background:#ffffff; float:left; list-style:none; margin:0; padding:5px 8px 4px 8px; width:19.0em;}
div#currencyList ul li {float:left; margin:0; padding:4px 0; width:100%;}

div#currencyList ul li a {float:left; font-weight:normal; width:100%;}
div#currencyList ul li a img {border:1px solid #000000; display:inline; float:right; height:16px; width:24px;}
div#currencyList ul li a span {float:right; padding:2px 8px 0 0;}
div#currencyList ul li a:hover {font-weight:normal; text-decoration:underline;}


/*----- comment --------------------*/
div.overlay_sheet {background:#ffffff; display:none; height:100%; left:0; position:absolute; top:0; width:100%; z-index:9998;}
div#overlay_window {background:#ffffff; border:6px solid #b5de3a; display:none; left:0; padding:10px 12px; position:absolute; top:0; width:270px; z-index:9999;}
div#overlay_window h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:180.0%; font-weight:normal; padding:2px 0 4px 0; text-align:center;}
div#overlay_window h1 em {color:#C80000; font-style:normal; font-weight:normal;}
div#overlay_window a {color:#000000; display:block; float:left; margin-top:4px; padding:6px 0; text-align:center; width:90px;}
div#overlay_window a:hover {color:#C80000; text-decoration:underline;}
div#overlay_window a img {display:block; border:1px solid #000000; margin:0 auto; width:24px;}
div#overlay_window a span {display:block; padding-top:4px;}


/*----- left-hand layout styles --------------------*/
div#layout_body_left {padding-bottom:20px;}
div#layout_body_left div#layout_menu {padding:16px 0px 20px 18px;}
div#layout_body_left div#layout_menu h1 {padding:2px 0px 6px 0px;font-size:120%;}
div#layout_body_left div#layout_menu h1 a {color:#000000;font-weight:bold;}
div#layout_body_left div#layout_menu h1 a:hover {color:#C80000;font-weight:bold;}
div#layout_body_left div#layout_menu div.item {padding:3px 12px 3px 10px;line-height:110%;}
div#layout_body_left div#layout_menu div.item a {}
div#layout_body_left div#layout_menu div.item a:hover {}
div#layout_body_left div#layout_menu div.item a.selected {font-weight:bold;}
div#layout_body_left div#layout_menu div.item a.selected:hover {font-weight:bold;}



/*----- right-hand function boxes --------------------*/
div#layout_body_right div.funcbox {padding-right:12px;}
div#layout_body_right div.funcbox div.mainbox
{
	padding:8px 12px;
	background:#FFFFFF url(images/background_box.png) 0 100% repeat-x;
	border:1px solid #BBCCAA;
	border-right:0;
}
div#layout_body_right div.shadow {margin:0px 4px 12px 4px;background-color:#EEEEDD;overflow:hidden;height:4px;}



/*----- centre layout styles --------------------*/
div#layout_body_centre div.layout_top_panel {background-color:#F5FCDA;padding:1px 1px 12px 1px;}
div#layout_body_centre div.layout_top_panel div.item {float:left;padding-left:15px;width:148px;}



/*----- general shorthand styles --------------------*/
div.rule_dashed {margin:10px 0px;overflow:hidden;border-top:1px dashed #000000;}
div.spacer5 {overflow:hidden;height:5px;}
div.spacer10 {overflow:hidden;height:10px;}
div.spacer15 {overflow:hidden;height:15px;}
div.spacer20 {overflow:hidden;height:20px;}
div.clearer {clear:both; font-size:0.01%; height:0; line-height:0.01; overflow:hidden;}

.clear {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncentre {text-align:center;}
.bold {font-weight:bold;}



/*----- managed and generic content --------------------*/
div#layout_content {padding:12px 14px 30px 14px;}
div#layout_content div.managed {line-height:1.8;}

div#layout_content h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:180%;font-weight:normal;}
div#layout_content h1 em {font-style:normal;font-weight:normal;color:#C80000;}

div#layout_content h2 {font-size:140%;font-weight:bold;}
div#layout_content h2 em {font-style:normal;font-weight:bold;color:#E80000;}

div#layout_content h2 a {font-weight:bold;color:#000000;}
div#layout_content h2 a:hover {font-weight:bold;color:#C80000;}

div#layout_content h3 {font-size:100%;font-weight:bold;}
div#layout_content h3 em {font-style:normal;font-weight:bold;color:#E80000;}

div#layout_content div.designnow_stripe {line-height:1.2; padding:4px 0 12px 0;}
div#layout_content div.designnow_stripe a {background:#b3fe47; color:#000000; display:block; font-family:Georgia, serif; font-size:200.0%; padding:0.2em 0 0.25em 0; text-align:center;}
div#layout_content div.designnow_stripe a:hover {color:#C80000; text-decoration:underline;}
div#layout_content div.designnow_stripe a em {color:#C80000; font-size:113.3%; font-style:normal;}


/*----- static product area --------------------*/
div#layout_content .staticproduct {padding:10px 0px;}
div#layout_content .staticproduct div.desc {font-size:110%; padding:1px 0px;}
div#layout_content .staticproduct div.desc a {font-weight:bold;}
div#layout_content .staticproduct div.discount {color:#E80000; font-size:90%; font-style:normal; font-weight:normal; text-align:right;}
div#layout_content .staticproduct div.packs {padding-bottom:3px;}

div#layout_content .staticproduct div.packs div.colhead {float:left;padding-top:3px;font-weight:bold;}
div#layout_content .staticproduct div.packs div.colbox {float:right;border:1px solid #C8C7BE;padding:1px;}
div#layout_content .staticproduct div.packs div.colbox div.back {overflow:hidden;height:16px;width:80px;}

div#layout_content .staticproduct div.packs div.leftcol {float:left;}
div#layout_content .staticproduct div.packs div.midcol {float:left;padding-top:0.25em;padding-left:0.5em;}
div#layout_content .staticproduct div.packs div.rightcol {float:right;padding-top:0.25em;}
div#layout_content .staticproduct div.packs input {padding:1px 3px;width:2em;}



/*----- basic two-column form styling --------------------*/
form.basic {}
form.basic div.left {float:left; padding:4px 15px 3px 0px; text-align:right; width:150px;}
form.basic div.leftWide {float:left; padding:4px 15px 3px 0px; text-align:right; width:200px;}
form.basic div.right {float:left;width:260px;}
form.basic div.right_pad {float:left;width:260px;padding:4px 0px 3px 0px;}
form.basic div.right_info {float:left;width:260px;font-size:80%;line-height:140%;text-align:justify;}
form.basic div.right input.text {font-family:Verdana, Arial, Helvetica, sans-serif;padding:2px 2px 1px 2px;float:left;}
form.basic div.right input.readonly {background-color:#E4E4E4; border:1px solid #AAAAAA;}
form.basic div.right textarea {font-family:Verdana, Arial, Helvetica, sans-serif;padding:2px 2px 1px 2px;float:left;font-size:100%;}
form.basic div.error, div.formError {color:#EE0000;padding:4px 60px 10px 30px;text-align:center;}
form.basic em {font-style:normal;color:#E80000;}



/*----- shopping-cart table --------------------*/
table.cart {margin-top:10px;}
table.cart tr td.light {font-weight:normal;background-color:#F5FCDA;padding:6px 8px 6px 10px;font-size:95%;}
table.cart tr td.light div.line {padding:0px 0px;line-height:150%;}
table.cart tr td.italic {font-style:italic;text-align:right;}

table.cart tr td.dark {font-weight:bold;background-color:#C0E359;padding:8px 12px;text-align:right;}
table.cart tr td.info {text-align:right;padding:8px 12px;font-size:90%;font-style:italic;}
table.cart tr td.left {padding-right:4px;}
table.cart tr td.right {padding-left:4px;}
table.cart tr td.notop {padding-top:2px;}

table.cart tr td.reorder {background:#E02525 url(images/redgradient_side.png) 50% 50% repeat; border-left:4px solid #FFFFFF; padding:4px; text-align:center;}
table.cart tr.spacer td {height:4px;overflow:hidden;}
table.cart input.readonly {background-color:#E4E4E4;border:1px solid #AAAAAA;}



/*----- order-status table --------------------*/
table.order_status {border-collapse:collapse; margin:0 auto;}
table.order_status tr th {text-align:left; padding:3px 4px 3px 0px;}
table.order_status tr td {text-align:right; padding:3px 4px 3px 16px;}


/*----- coloured buttons --------------------*/
div#layout_content .redbutton
{
	background-color:#E02525;
	background-image:url(images/redgradient.png);
	background-position:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	color:#FFFFFF;
	height:1.8em;
	border:0;
}

div#layout_content .yellowbutton
{
	background-image:url(images/yellowgradient.png);
	background-position:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	color:#FFFFFF;
	height:1.8em;
	border:0;
}

div#layout_content .greenbutton
{
	background-color:#69AA33;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	color:#FFFFFF;
	height:1.8em;
	border:0;
}

/*----- homepage grid menu --------------------*/
#grid_layout {background:#F1FCD2; float:left; margin:15px 0 27px 0; overflow:hidden; padding:0 3px 15px 18px; width:453px;}
#grid_layout li {float:left; list-style-type:none; margin:15px 15px 0 0; padding:0; width:136px;}
#grid_layout li a {display:block; height:136px; width:136px;}
#grid_layout li a img {display:block; height:136px; width:136px;}
#product_text_links {line-height:2em; margin: 0 0 30px 0; text-align: center; padding: 0 20px; font-size: 0.9em; }


/*----- footer --------------------*/
div#layout_body_footer {background:url(images/background_footer.png) repeat-x; border-top:1px solid #BFD066; font-size:90%; padding:8px 8px 16px 8px; text-align:center;}
div#layout_body_footer div.links {cursor:default;}
div#layout_body_footer div.links a {color:#F36634; text-decoration:underline;}
div#layout_body_footer div.links a:hover {color:#667766; cursor:pointer; text-decoration:underline;}

div#layout_body_footer div.contact {color:#2F2F2F; font-size:90%; font-weight:bold;  line-height:150%;padding:3px;}

div#layout_body_footer div.sisterSites {padding:7px 0px 9px 0px;}
div#layout_body_footer div.sisterSites a {}
div#layout_body_footer div.sisterSites img {margin:0 8px;}

div#layout_body_footer div.tjs {font-size:90%;}
div#layout_body_footer div.tjs a {color:#000000; text-decoration:none;}
div#layout_body_footer div.tjs a:hover {color:#667766; text-decoration:underline;}