/*----- 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:#EE5522;}
a:hover {text-decoration:none;font-weight:normal;color:#332222;}

a.redlink {
	background-image:url(images/redgradient.png);
	background-position:center;
	padding:3px 2px 3px 2px;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;  
}

div.quotationbox {text-align:right; padding-top:8px;}



/*----- primary layout styles --------------------*/
body
{
	background:url(images/background_body.png) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	padding:0;
	margin:0;
}

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



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


/*----- currency selection buttons --------------------*/
div#layout_currencies {float:right;width:120px;margin-left:-119px;text-align:right;}
div#layout_currencies div.holder {float:right;padding-left:10px;}
div#layout_currencies div.holder a {display:block;width:24px;height:16px;border:1px solid #444466;}
div#layout_currencies div.holder img {vertical-align:bottom;}



/*----- left-hand layout styles --------------------*/
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 #C7C6C6;
	border-right:0;
}
div#layout_body_right div.shadow {margin:0px 4px 12px 4px;background-color:#F0F0F0;overflow:hidden;height:4px;}



/*----- centre layout styles --------------------*/
div#layout_body_centre div.layout_top_panel {background-color:#F0F0F0;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;}

.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;}



/*----- 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.discount {color:#E80000;font-size:90%;font-weight:normal;font-style: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;width:150px;padding:3px 15px 3px 0px;text-align:right;}
form.basic div.right {float:left;width:260px;}
form.basic div.right_pad {float:left;width:260px;padding:3px 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 {color:#EE0000;padding:3px 60px 10px 30px;text-align:center;}
form.basic em {font-style:normal;color:#E80000;}



/*----- shopping-cart table --------------------*/
table.cart {margin:10px 0px;}
table.cart tr td.light {font-weight:normal;background-color:#F5F5F5;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:#FFC051;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;
}



/*----- footer --------------------*/
div#layout_body_footer
{
	background:url(images/background_footer.png) repeat-x;
	border-top:1px solid #BBBBBB;
	text-align:center;
	font-size:90%;
	padding:8px 8px 12px 8px;
}
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:#332222;text-decoration:underline;cursor:pointer;}

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

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:#EE5522;text-decoration:underline;}