/* General Stuff */



html, body {
/* Mozilla browsers require the following CSS for this doctype, */
/* otherwise page content height is not 100%. */
margin: 0;
padding: 20px;
}

*{
	padding:0;
	margin:0;
}

form {
	display:inline;
}

.clear:after, .row:after
{
	content: ".";
	display: block;
	display: inline-block;
	position: relative;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear, .row
{
	display: inline-block;
	width: auto;
}

/* Hides from IE-mac \*/
* html .clear
{
	height: 1%;
}
.clear
{
	display: block;
}
* html .row
{
	height: 1%;
}
.row
{
	display: block;
}
/* End hide from IE-mac */

.hide
{
	display: none;
}

.row
{
	padding-bottom: 4px;
}

.row label,
.row .label
{
	line-height: 1.5em;
}

.cell 
{
	display:block;
	vertical-align:middle;
	float: left;
	margin: 2px 10px 0 0;
	padding: 0;
}

.right
{
	text-align:right;
}

a img
{
	border: none;
}

/*
 * Form styles
 */
label,
.label
{
	float: left;
	width: 130px;
}

select.dateM
{
	width: 50px;
}

select.dateY
{
	width: 75px;
}

input.signUpElement {
	background-color:#ffffff;
	width:200px;
	border: 1px #b2d7cf solid;
	padding:2px;
}

input.signUpElementKey {
	background-color:#ffffff;
	width:200px;
	border: 1px #007d4b solid;
	padding:2px;
}

input.textQuantity
{
	width: 40px;
}

div.purchaseBox
{
	border-top: 1px solid #333;
	margin: 10px 0;
	padding: 10px 0;
}

div.linkedBox
{
	background: #fafafa;
	border-top: 1px solid #333;
	margin: 10px 0;
	padding: 10px 0;
}

/* Page Layout */

body{
	background: #007D4B url(/images/main-bground.gif) repeat top left;
	text-align: center;
}


/* Main Hold All Table */

table#masthead {
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	width:100%;
	border:none;
	margin:0;
}


table#masthead tr td {
	padding:0;
	background-image: none;
	text-align:left;
	vertical-align: bottom;
}

table#darkGreenBorder{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border:none;
	margin:0;
}

table#darkGreenBorder tr td.maintl{
	margin:0;
	padding:0;
	width:6px;
	height:6px;
	background: #085838 url(/images/mainpanel-tl-corner.gif) no-repeat top left;
}

/* -------------- OLD LEFT MENU ---------------- */

/*
table#darkGreenBorder tr td.leftMenu{
	margin:0;
	padding:0;
	width:200px;
	background-color: #085838;
	vertical-align:top;
	text-align:left;
}
*/

/* -------------- NEW LEFT MENU ----------------- */

table#darkGreenBorder tr td.leftMenu{
	margin:0;
	padding:0;
	width:153px;
	background-color: #085838;
	vertical-align:top;
	text-align:left;
}

table#darkGreenBorder tr td.loginPanel{
	margin:0;
	padding:0 6px 10px 0;
	width:143px;
	background-color: #085838;
	vertical-align:bottom;
	text-align:center;
}

table#darkGreenBorder tr td.fillerCell{
	margin:0;
	padding:0;
	background:#085838 url(/images/loginpanel-m-bground.gif) repeat top left;
	vertical-align:top;
}

table#darkGreenBorder tr td.whitetl{
	margin:0;
	padding:0;
	width:2px;
	background: #ffffff url(/images/contentpanel-tl-corner.gif) no-repeat top left;
}

table#darkGreenBorder tr td.whitetr{
	margin:0;
	padding:0;
	width:2px;
	background: #ffffff url(/images/contentpanel-tr-corner.gif) no-repeat top right;
}

table#darkGreenBorder tr td.whitebl{
	margin:0;
	padding:0;
	width:2px;
	background: #ffffff url(/images/contentpanel-bl-corner.gif) no-repeat bottom left;

}

table#darkGreenBorder tr td.whitebr{
	margin:0;
	padding:0;
	width:2px;
	background: #ffffff url(/images/contentpanel-br-corner.gif) no-repeat bottom right;
}

table#darkGreenBorder tr td.mainContent{
	margin:0;
	padding:0;
	width:99%;
	background-image: none;
	background-color: #ffffff;
	text-align:left;
	vertical-align: top;
	padding:10px 10px 15px 10px;
	height:350px;
	min-height:350px;
}


table#darkGreenBorder tr td.maintr{
	margin:0;
	padding:0;
	width:6px;
	height:6px;
	background:#085838 url(/images/mainpanel-tr-corner.gif) no-repeat top right;

}

table#darkGreenBorder tr td.mainbr{
	margin:0;
	padding:0;
	width:6px;
	height:6px;
	background:#085838 url(/images/mainpanel-br-corner.gif) no-repeat bottom right;
}

table#darkGreenBorder tr td.mainbl{
	margin:0;
	padding:0;
	width:6px;
	height:6px;
	background:#085838 url(/images/mainpanel-bl-corner.gif) no-repeat bottom left;
}

/* --- Rounded Panel Various --- */

div.roundedtl{
	margin:0;
	padding:0;
	_height: 0;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}

div.roundedtr{
	margin:0;
	padding:0;
	_height: 0;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: transparent;
}

div.roundedr{
	margin:0;
	padding:0;
	_height: 0;
	background-position: top right;
	background-repeat: repeat-y;
	background-color: transparent;
}

div.roundedbr{
	margin:0;
	padding:0;
	_height: 0;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: transparent;
}

div.roundedbl{
	margin:0;
	padding:0;
	_height: 0;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 10px;
}

.roundedPanelGreen{
	margin:0;
	padding:0;
	background: #e5f2ed url(/images/round-green-tl-corner.gif) no-repeat top left;
	_height: 0;
}

.roundedPanelGreen div.roundedtr{
	background-image: url(/images/round-green-tr-corner.gif);
}

.roundedPanelGreen div.roundedtr div.roundedbr{
	background-image: url(/images/round-green-br-corner.gif);
}

.roundedPanelGreen div.roundedtr div.roundedbr div.roundedbl{
	background-image: url(/images/round-green-bl-corner.gif);
}

.roundedPanelMGreen, .roundedBorderMGreen div.roundedtl div.roundedtr div.roundedr div.roundedbl div.roundedbr div.roundedPanelMGreen{
	margin:0;
	padding:0;
	background: #b2d7cf url(/images/round-mgreen-tl-corner.gif) no-repeat top left;
	_height: 0;
}

.roundedPanelMGreen div.roundedtr{
	background-image: url(/images/round-mgreen-tr-corner.gif);
}

.roundedBorderMGreen div.roundedtl div.roundedtr div.roundedr div.roundedbl div.roundedbr div.roundedPanelMGreen div.roundedtr 
{
	padding:0;
	background-image: url(/images/round-mgreen-tr-corner.gif);
}

.roundedPanelMGreen div.roundedtr div.roundedbr{
	background-image: url(/images/round-mgreen-br-corner.gif);
}

.roundedBorderMGreen div.roundedtl div.roundedtr div.roundedr div.roundedbl div.roundedbr div.roundedPanelMGreen div.roundedtr div.roundedbr
{
	padding: 0;
	background-image: url(/images/round-mgreen-br-corner.gif);
}

.roundedPanelMGreen div.roundedtr div.roundedbr div.roundedbl, .roundedBorderMGreen div.roundedtl div.roundedtr div.roundedr div.roundedbl div.roundedbr div.roundedPanelMGreen div.roundedtr div.roundedbr div.roundedbl{
	background-image: url(/images/round-mgreen-bl-corner.gif);
}

.roundedBorderMGreen 
{
	margin:0;
	padding:0;
	background: #ffffff url(/images/roundbdr-bdr-l.gif) repeat-y top left;
	_height: 0;
}

.roundedBorderMGreen div.roundedtl {
	background-image: url(/images/roundbdr-corner-tl.gif);
}


.roundedBorderMGreen div.roundedtl div.roundedtr {
	background-image: url(/images/roundbdr-corner-tr.gif);
	padding-top: 10px;
}

.roundedBorderMGreen div.roundedtl div.roundedtr div.roundedr {
	background-image: url(/images/roundbdr-bdr-r.gif);
}

.roundedBorderMGreen div.roundedtl div.roundedtr div.roundedr div.roundedbl
{
	padding: 0;
	background-image: url(/images/roundbdr-corner-bl.gif);
}

.roundedBorderMGreen div.roundedtl div.roundedtr div.roundedr div.roundedbl div.roundedbr
{
	padding: 0 10px 10px 10px;
	background-image: url(/images/roundbdr-corner-br.gif);
}

img#locationMap 
{
	width:371px;
	height:368px;
	border: none;
	margin: 0 0 4px 0;
	padding: 0;
}

img.mapButton 
{
	width:139px;
	height:24px;
	border: none;
	margin: 3px 0 3px 0;
	padding: 0;
}

table#productContent 
{
	width:100%;
	margin: 10px 0 0 0;
}

table#productContent tr td
{
	vertical-align:top;
}

table#productContent tr td.rightCol
{
	width:260px;
}

div#productImgHolder 
{
	width:266px;
	margin: 0 0 0 10px;
}

/* --- Forms --- */

fieldset.whiteBorder 
{
	font-size: 100%;
	margin: 5px 0 10px 0;
	border: 1px #ffffff solid;
	padding: 10px;
}

fieldset.whiteBorder label, fieldset.whiteBorder .label 
{
	font-size: 100%;
	font-weight: bold;
	color: #333333;
}

fieldset#yourDetails * input, fieldset#password * input, fieldset#yourDetails * input, fieldset#email * input, fieldset#myDetails * input, fieldset#changePassword * input, fieldset#changeSecurity * input
{
	border: 1px #007c4a solid;
	background-color: #ffffff;
	width: 300px;
	padding: 2px;
}

fieldset#yourDetails * select
{
	border: 1px #007c4a solid;
	background-color: #ffffff;
	width: 300px;
	padding: 2px;
}

fieldset#viewUserDetails * input, fieldset#viewUserPassword * input, fieldset#viewUserRoles * input
{
	border: 1px #007c4a solid;
	background-color: #ffffff;
	width: 180px;
	padding: 2px;
}

fieldset#viewUserDetails * select, fieldset#viewUserRoles * select
{
	width: 180px;
}

fieldset#forgottenPassword * input 
{
	width: 98%;
}

.textFieldGreen
{
	border: 1px #007c4a solid;
	background-color: #ffffff;
	width: 430px;
	padding: 2px;
}

span.checkbox input
{
	width: auto !important;
}


/*
 * Payment Styles
 */
ul.payment-list
{
	margin: 0;
	list-style-type: none;
}

ul.payment-list li label,
ul.payment-list li input
{
	float: left;
}

ul.payment-list li img
{
	vertical-align: middle;
}

ul.payment-list li label
{
	width: 350px;
}

ul.payment-list li
{
	padding: 5px 0 5px 0;
}

ul.payment-list li input
{
	margin-right: 10px;
}

div.basketWhichWay 
{
	width:176px;
	height:190px;
	padding: 38px 0 0 0;
	text-align:center;
	background: transparent url(/images/basketBg.gif) no-repeat top left;
}