/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	
	background-color: #ffffff;
	background-image: url('../images/bgMUBag_Header.jpg');
	background-position: center top;
	background-repeat: no-repeat;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #656565;
}

html, body, #wrapper {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #wrapper, html>body #wrapper #mainBody {
	height: auto;
}

/* ***** Page Structure ***** */
#wrapper {
	position: absolute;
	top: 0px;
	left: 0px;

	background-image: url('../images/bgBody.gif');
	background-position: left top;
	background-repeat: repeat-x;

	text-align: center;
}

#mainBody {
	height: 100%;
	margin: 0px auto;
	min-height: 100%;
	padding: 170px 0px 80px 0px;
	position: relative;
	width: 960px;
	
	border: 0px none #000000;
}

ul#navigation {
	height: 108px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
}

div#footer {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 100%;
	
	background-color: transparent;
	
	font-size: 10px;
	text-align: left;
}

/* ***** Navigation ***** */
ul#navigation {
	background-image: url('../images/bgMenu.gif');
	background-position: left top;
	background-repeat: repeat-x;
}

ul#navigation li {
	display: block;
	float: right;
	margin: 75px 20px 0px 20px;
}
ul#navigation li.order { margin-top: 67px; }

ul#navigation li a {
	color: #ffffff;
	font-family: Myraid, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}
ul#navigation li a:hover { color: #000000; }
ul#navigation li a img { border: 0px none #000000; }

/* ***** Footer ***** */
div#footer p {
	padding: 0px 0px 0px 340px;
	
	color: #bb0035;
	font-size: 12px;
}

div#footer p a {
	color: #bb0035;
}
div#footer p a:hover { text-decoration: none; }

div#footer p.legals {
	float: left;
	margin: 0px;
	padding: 0px;
	
	color: #000000;
	font-size: 10px;
}

div#footer p.siteCredits {
	float: right;
	margin: 0px;
	padding: 0px;
	
	color: #000000;
	font-size: 10px;
}
div#footer p.siteCredits a {
	color: #000000;
}

/* ***** Forms ***** */
	/* Table */
form table {
	border-collapse: collapse;
}

form table tbody {
	border: 2px solid #cccccc;
	border-style: solid none;
}

form table th {
	padding: 5px 0px;
	
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
}
form table th[scope=col] { padding: 5px; text-align: center; border-right: 2px solid #cccccc; }
form table th[scope=row] { padding: 5px 10px; text-align: left; }
form table th.imgNote { padding-left: 10px; font-weight: normal; text-align: left; }

form table td { padding: 0px; text-align: right; }
form table tbody td { border: 2px solid #cccccc; border-style: none solid; }

	/* Form Elements */
form fieldset {
	border: 0px none #000000;
}

form fieldset legend {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

form input,
form select,
form textarea {
	border: 1px solid #aaaaaa;
	
	color: #000000;
	font-size: 11px;
}

form input.qty {
	margin-left: 4px;
	width: 40px;
	
	border-style: none;
	border-bottom: 1px dotted #555555;
	background-color: transparent;
	
	text-align: right;
}

form input.total {
	padding-right: 9px;
	width: 70px;
	
	border: 0px none #000000;
	background-color: #ffffff;
	
	color: #777777;
	font-weight: bold;
	text-align: right;
}

fieldset.customerDetails {
	position: relative;
	margin: 40px 0px 0px 340px;
	width: 620px;
}

form p {
	float: left;
	margin: 4px 20px 4px 0px;
	width: 285px;
}
form p.orderButton { margin: 15px 0px 40px 0px; width: 100%; text-align: right; }
form p.submitButton { padding: 15px 0px 40px 79px; }
div.column2_3 form p { width: 445px; }

form p.error { color: #bb0035; }
form p.error input {
	border: 1px solid #bb0035;
	background-color: #FF9999;
}

form p label {
	display: block;
	float: left;
	padding-right: 10px;
	width: 70px;
}

form p input,
form p select { width: 200px; }
form p textarea { width: 300px; height: 100px; }

form p input.numeric {
	width: 70px;
	
	text-align: right;
}

form input.btnOrder,
form input.btnEnquiry {
	height: 41px;
	margin-right: 33px;
	width: 193px;
	
	border: 0px none #000000;
	background-image: url('../images/btnPlaceOrder_sprite.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	
	color: transparent;
}
form input.btnEnquiry { background-image: url('../images/btnSubmitEnquiry_sprite.jpg'); }

form.payPal p { margin: 30px 0px 60px 0px; text-align: right; }
form.payPal input {
	width: auto;
	
	border: 0px none #000000;
}

form input.btnOrder:hover,
form input.btnEnquiry:hover { background-position: left bottom; }

form table td p {
	margin: 0px;
	padding: 2px 7px;
	width: auto;
	
	background-color: #ffffff;
}
form table td p label {
	display: inline;
	width: auto;
	
	font-size: 11px;
}

/* ***** Headings ***** */
h2 {
	margin: 140px 0px 0px 60px;
	
	color: #bb0035;
	font-size: 18px;
	text-align: left;
}

h3 {
	margin-top: 0px;
	
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

/* ***** Images ***** */
img.logoHJM {
	position: absolute;
	right: 30px;
	top: 5px;
}

img#prdEnlargement {
	float: right;
	margin-top: 20px;
}

img.imgSpecialOffer {
	float: right;
	padding: 60px 60px 0px 0px;
}

a img { border: 0px none #000000; }

	/* Home Page Images */
div.imgHome {
	float: left;
	height: 215px;
	margin: 140px 30px 100px 60px;
	position: relative;
	width: 270px;
}

div.imgHome img { position: absolute; }
div.imgHome img.img1 { left: 0px; top: 0px; }
div.imgHome img.img2 { right: 0px; top: 0px; }
div.imgHome img.img3 { left: 60px; bottom: 0px; }

	/* Range Images */
img.imgRange {
	margin-bottom: 80px;
}

div.column2_3 img { margin-bottom: 30px; }

/* ***** Links ***** */
a {
	color: #000000;
	text-decoration: underline;
}
a:hover { color: #bb0035; text-decoration: none; }

/* ***** Lists ***** */
ul.lstRange {
	margin: 50px 0px 0px 40px;
	padding: 0px;
	
	list-style-type: none;
}

ul.lstRange li {
	display: block;
	float: left;
	margin: 0px 15px 150px 0px;
	padding: 0px;
}

/* ***** Tables ***** */
table.orderContents {
	border-collapse: collapse;
}

table.orderContents td,
table.orderContents th {
	padding-right: 10px;
	
	text-align: left;
}
table.orderContents td.numeric,
table.orderContents th.numeric { text-align: right; }

table.orderContents th {
	border-bottom: 1px solid #cccccc;
}

table.orderContents td.shipping,
table.orderContents td.gst,
table.orderContents td.orderTotal{
	text-align: right;
}

table.orderContents td.shipping {
	border-top: 1px solid #cccccc;
}


/* ***** Text ***** */
big {
	color: #bb0035;
	font-size: 18px;
}

p { text-align: left; }

p.intro {
	margin: 140px 0px 30px 60px;
	width: 520px;
	
	color: #bb0035;
	font-size: 18px;
	text-align: left;
}
p.range {
	margin: 120px 0px 0px 80px;
	width: 200px;
}
p.smallPrint {
	width: 470px;
}

div.home {
	float: left;
}
div.home p { width: 280px; }
div.home p.first { margin-top: 140px; width: 420px; }

div.column1 {
	float: left;
	margin: 0px 30px 0px 60px;
	width: 250px;
	
	text-align: left;
}
div.column2 {
	float: left;
	margin: 0px 30px 0px 0px;
	width: 250px;
	
	text-align: left;
}
div.column3 {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 250px;
	
	text-align: left;
}
div.column2_3 {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 530px;
	
	text-align: left;
}

div.column2_3 div.col2 {
	float: left;
	margin: 0px 30px 30px 0px;
	width: 250px;
}

div.column2_3 div.col3 {
	float: left;
	margin: 16px 0px 30px 0px;
	width: 250px;
}

/* ***** Miscellaneous ***** */
span.clear {
	display: block;
	clear: both;
}