/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

body {
	text-align:center;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	line-height:18px;
	background:#fff;
}
	
#container {
	margin:0 auto;
	width:920px;
	text-align:left;
	background:url(images/backgrounds/border_bg.gif) repeat-y;
	padding:0 65px;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	line-height:18px;
	vertical-align:top;
}

img {
	border:0;
}

#popupWindowCaller {
	display:none;
}

.clear {
	clear:both;
	height:1px;
}


/* Typography */

h1.latestProducts {
	font-size:20px;
	margin:0 0 7px 0;
}

h2.newsHeading {
	margin:0 0 3px 0;
}

a.go {
	background:url(/images/spacers/go_arrow.gif) no-repeat right 3px;
	font-size:12px;
	font-weight:bold;
	padding:0 19px 0 0;
	display:block;
	text-align:right;
}

a.go:hover {
	background:url(/images/spacers/go_arrow.gif) no-repeat right -18px;
}

a.viewMore {
	background:url(/images/spacers/go_arrow.gif) no-repeat left 4px;
	font-size:12px;
	font-weight:bold;
	padding:3px 0 0 19px;
}

a.viewMore:hover {
	background:url(/images/spacers/go_arrow.gif) no-repeat left -17px;
}



/* Header */

#header {
	height:118px;
	text-align:right;
	background:#262626;
}

.logo {
	float:left;
	margin:11px 0 0 18px;
}


/* Main Navigation */

#mainNav {
	background:url(images/backgrounds/nav_line_bg.gif) repeat-x #474747;
	height:29px;
	padding:12px 0 0 9px;
	font-size:14px;
	text-align:center;
}

#mainNav li {
	list-style:none;
	display:inline;
	background:url(images/spacers/nav_spacer.gif) no-repeat 3px right;
	padding:0 17px 0 10px;
}

#mainNav li.last {
	background:none;
}

#mainNav li a {
	color:#FFFFFF;
}

#mainNav li a:hover, #mainNav li.down a {
	color:#FFFFFF;
	text-decoration:underline;
}


/* Left Col */

#leftCol {
	width:160px;
	margin:24px 0 10px 21px;
}

.joinMailingList {
	background:url(images/backgrounds/join_mailing_list_bg.gif) no-repeat 123px 4px;
	border:1px solid #000000;
	display:block;
	height:47px;
	color:#000000;
	font-size:18px;
	padding:7px 8px 0 8px;
	line-height:20px;
	margin:0 0 12px 0;
}

.joinMailingList:hover {
	text-decoration:underline;
	color:#000000;
}

div#quickSearch {
	background:#262626;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	padding:3px;
}

form#quickSearch {
	margin:3px 0 12px 0;
}

#quickSearch input.textinput, #quickSearch input.textinputhover {
	width:152px;
}


/* Sub Menu */

.subNavTitle {
	font-size:22px;
	color:#999999;
	padding:0 0 7px 0;
	text-align:center;
}

#subNav {
	margin:0 0 12px 0;
	border-bottom:1px solid #D9D9D9;
}

#subNav li {
	list-style:none;
}

#subNav li a {
	color:#000000;
	display:block;
	border-top:1px solid #D9D9D9;
	font-size:10px;
	text-transform:uppercase;
	height:20px;
	padding:3px 34px 0 0;
}

#subNav li a:hover {
	color:#000000;
	background:url(/images/backgrounds/subnav_ro_bg.gif) no-repeat top right;
}

#subNav li.down a {
	color:#000000;
	background:url(/images/backgrounds/subnav_ro_bg.gif) no-repeat right -23px;
}

#subNav li.child a {
	color:#999999;
	border-top:none;
	font-size:11px;
	text-transform:none;
	height:20px;
	padding:0 34px 0 0;
}

#subNav li.child a:hover, #subNav li.childDown a {
	color:#7C488B;
	background:none;
}


/* Content */

#content {
	width:690px;
	padding:24px 23px 0 0;
	float:right;
}

#content p, #content table, #content ul {
	margin:0 0 18px 0;
}

#content table table {
	margin:0;
}

#content li {
	list-style:none;
	background:url(images/spacers/required.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
}

.banner {
	border:1px solid #000;
	margin:0 0 18px 0;
}

.homeBanner {
	border:1px solid #000;
	border-right:none;
	margin:0 0 18px 0;
}

#homeLinks {
	padding:7px 0;
}

#homeLinks li {
	display:inline;
	border:1px solid #D9D9D9;
	padding:7px 77px 7px 10px;
	margin:0 9px 0 0;
	font-size:15px;
	font-weight:bold;
	background:none;
}

#homeLinks li.last {
	margin:0;
}

#homeLinks li a {
	background:url(/images/spacers/go_arrow.gif) no-repeat 0 2px;
	padding:0 0 0 24px;
}

#homeLinks li a:hover {
	background:url(/images/spacers/go_arrow.gif) no-repeat 0 -19px;
}

#latestProducts {
	width:160px;
	float:right;
	height:225px;
	border:1px solid #000;
	border-left:none;
	padding:5px;
	overflow:hidden;
}

#content #latestProducts td.productViewIMGCont {
	height:223px;
	width:160px;
}


/* Featured Products */

.latestProductContainer {
	background:url(images/backgrounds/featured_product_bg.gif) no-repeat;
	width:150px;
	height:197px;
	padding:12px;
	float:left;
	margin:0 -7px 0 9px;
	position:relative;
}

.latestPCFirst {
	margin:0 -7px 0 -7px;
}

#content .latestProductContainer table {
	margin:0 0 7px 0;
}

.productViewIMGCont {
	border:1px solid #000;
	height:150px;
	width:150px;
	text-align:center;
	vertical-align:middle;
}

.latestProductContainer h2 {
	font-size:13px;
	margin:0 0 1px 0;
}

.price {
	color:#000000;
	font-weight:bold;
}

.latestProductContainer a.go {
	float:right;
	margin:0 3px 0 0;
}


/* Online Enquiry Form */

.onlineEnquiryTable td {
	padding-bottom:5px;
}

.yourDetails {	
	padding:7px 0 0 0;
	height:30px;
	font-weight:bold;
	font-size:13px;
}

.requiredFields {
	text-align:right;
	padding:7px 0 0 0;
	font-size:11px;
}

.required {
	text-align:center;
	vertical-align:middle;
	padding-left:15px;
	padding-right:5px;
}

.onlineEnquiryTable input.textinput, .onlineEnquiryTable input.textinputhover, .onlineEnquiryTable textarea {
	width:440px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/images/backgrounds/white.gif);
}

.textinput {
	border:1px solid #D9D9D9;
	padding:3px;
}

.textinputhover {
	border:1px solid #262626; 
	padding:3px;
}

select {
	font-size:12px;
	color:#808080;
}

.submit {
	text-align:right;
}

.errorText {
	color:#FF0000;
}


/* Footer */

#footer {
	background:#474747;
	color:#999999;
	line-height:16px;
	clear:both;
	height:88px;
	padding:0 0 0 8px;
	position:relative;
	z-index:2;
}

#footer img {
	margin:8px 0 10px 0;
}

#footer img.tellFriend {
	margin:8px 8px 10px -3px;
	_margin:8px 4px 10px -5px;
}

#footer a {
	color:#ffffff;
}

#footer a:hover {
	text-decoration:underline;
}

#footer li {
	display:inline;
	list-style:none;
	color:#FFFFFF;
	margin:0 4px 0 0;
	background:url(images/spacers/footer_arrow.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
}

#retailStoreDetails {
	border:1px solid #FFFFFF;
	width:187px;
	height:64px;
	margin:8px 0 0 0;
	padding:7px 0 0 5px;
	float:left;
	line-height:13px;
}

.storeDetail {
	color:#FFFFFF;
}

.lineBreak {
	line-height:6px;
}

#customerService {
	width:445px;
	background:#D9D9D9;
	height:82px;
	padding:6px 0 0 20px;
	margin:0 10px 0 8px;
	float:left;
}

.custServiceTitle {
	font-size:13px;
	line-height:24px;
}

#customerService li {
	width:138px;
	background:url(images/spacers/footer_nav_arrow.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
	float:left;
	margin:0;
}

#customerService li a {
	color:#4D4D4D;
}

#footerBorder {
	background:url(/images/backgrounds/footer_border.gif) no-repeat;
	margin:-52px -65px 0 -65px;
	height:119px;
	position:relative;
	z-index:1;
}