/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

body {
	text-align:center;
	margin:22px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3D3230;
	line-height:20px;
	background:url(/images/backgrounds/bg.gif) repeat-x #EBECED;
}
	
#container {
	margin:0 auto;
	width:914px;
	padding:0 4px;
	text-align:left;
	background:url(images/backgrounds/container_bg.gif) repeat-y;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3D3230;
	line-height:20px;
	vertical-align:top;
}

img {
	border:0;
}

#popupWindowCaller {
	display:none;
}

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


/* Typography */

h2 a {
	color:#BE2234;
}

h2 a:hover {
	color:#A8C535;
}

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

.redCTA:hover {
	text-decoration:underline;
	color:#BE2234;
}

.greenCTA:hover {
	text-decoration:underline;
	color:#A8C535;
}



/* Header */

#header {
	background:url(/images/backgrounds/header_bg.gif) no-repeat;
	height:105px;
	padding:19px 0 0 29px;
	margin:0 -4px;
}

.buyConfidence {
	float:right;
	margin:13px 30px 0 0;
}


/* Main Navigation */

#mainNav {
	margin:0 0 3px 0;
	height:33px;
	background:url(images/backgrounds/nav_bg.gif) repeat-x #AF1E2F;
	text-align:center;
}

#mainNav li {
	list-style:none;
	display:inline;
}


/* Left Col */

#leftCol {
	width:238px;
	margin:2px 0 0 0;
}

#subNav {
	background:url(images/backgrounds/subnav_top_corners.gif) no-repeat #402D29;
	padding:6px 18px;
	margin:0 0 3px 0;
}

#subNav li {
	border-bottom:1px solid #4B3A34;
	font-size:13px;
	padding:1px 0;
	list-style:none;
}

#subNav li.last {
	border-bottom:none;
	background:url(images/backgrounds/subnav_bottom_corners.gif) no-repeat bottom left;
	margin:0 -18px -6px -18px;
	padding:0 18px 6px 18px;
}

#subNav li a {
	color:#FFFFFF;
}

#subNav li a:hover {
	color:#A8C535;
}

#priceGuide {
	padding:8px 0 4px 0;
}

#priceGuide li {
	line-height:16px;
	padding:0 0 9px 17px;
	list-style:none;
	font-size:11px;
	color:#3D3230;
}

.priceGuideTitle {
	font-size:14px;
	color:#1D73AD;
	font-weight:bold;
}

#priceGuide img.last {
	margin:0 6px 0 0;
}

#joinRugClub {
	background:url(images/backgrounds/join_rug_club_bg.jpg) no-repeat;
	height:113px;
	color:#FFFFFF;
	text-align:center;
	font-size:13px;
	line-height:18px;
	padding:41px 0 0 0;
}

#joinRugClub a {
	text-decoration:underline;
	color:#A8C535;
}

#joinRugClub a:hover {
	text-decoration:none;
	color:#A8C535;
}

.findStore {
	margin:0 0 3px 0;
}


/* Content */

.homeLeftIMG {
	margin:9px 0 0 7px;
	float:left;
}

.homeRightIMG {
	margin:9px 7px 0 0;
	float:right;
}

#headingContainer {
	background:url(/images/backgrounds/title_bg.gif) no-repeat bottom right;
	width:341px;
	margin:-21px -15px 12px 305px;
	height:56px;
	text-align:center;
	padding:0 0 0 4px;
	z-index:2;
	position:relative;
}

#content {
	width:636px;
	float:right;
	padding:0 14px 0 0;
}

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

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

.colourTable th {
	background:#1C72B2;
	text-align:left;
	font-weight:bold;
	color:#fff;
	padding:4px 9px;
	text-align:center;
}

.colourTable td {
	background:#F2F2F2;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:4px 9px;
	text-align:center;
}

.colourTable td.metricSize {
	color:#1C72B2;
	font-weight:bold;
}

.colourTable td.imperialSize {
	color:#402D29;
	font-weight:bold;
}

.colourTable td.description {
	font-size:11px;
}


/* Category List */

.catListContainer {
	float:left;
	width:202px;
	padding:0 10px 0 0;
}

.starRating {
	float:right;
	margin:0 3px 0 0;
}

.catListContainer p {
	font-size:11px;
	line-height:15px;
}


/* Category View */

h2.catViewHeading {
	margin:-33px 0 0 0;
	font-size:20px;
	font-weight:normal;
	color:#1C72B2;
	line-height:23px;
}

#content p.catViewSummary {
	margin:8px 0 15px 0;
}

#catViewIMGTable {
	background:url(images/backgrounds/img_table_top.gif) no-repeat #EBEBEB;
	width:100%;
}

#content table.thumbsCell {
	margin:0;
	width:100%;
	background:#FFFFFF;
}

.catViewLargeIMG {
	background:url(images/backgrounds/img_table_top_left.gif) no-repeat #EBEBEB;
	width:247px;
	padding:11px 0 3px 11px;
	height:28px;
	font-size:15px;
	font-weight:bold;
	line-height:35px;
}

.imageThumbs {
	padding:0 0 11px 0;
}

.imageThumbs img {
	margin:11px 0 0 11px;
}

.catIMGBottom {
	background:url(images/backgrounds/large_img_bottom.gif) no-repeat;
	height:8px;
}

div.textHighlight {
	padding:0 0 0 11px;
	height:30px;
}

.productPriceNote {
	background:url(images/backgrounds/price_bg.gif) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 12px;
	float:right;
}

h3.productsAvailTitle {
	background:url(images/backgrounds/brown_corners_top.gif) no-repeat #402D29;
	color:#A8C535;
	font-size:16px;
	padding:6px 0 0 10px;
	margin:0;
}

.productsAvailContainer {
	background:url(images/backgrounds/brown_corners_bottom.gif) no-repeat 0 -15px #F2F2F2;
}

.productsAvailTable th {
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 5px 11px;
	font-size:11px;
}

.productsAvailTable td {
	text-align:center;
	width:64px;
	vertical-align:middle;
	border-right:1px solid #ffffff;
}

#content table.productsAvailTable {
	margin:0;
}

.productsAvailTable td.colourName {
	background:#FFFFFF;
	text-align:left;
	padding:0 15px 0 11px;
	font-weight:bold;
	font-size:11px;
	width:40px;
}

.productsAvailTable td.tickCell {
	background:url(images/backgrounds/avail_cell_bg.gif) repeat-x 0 12px;
	height:25px;
}

.productsAvailTable td.priceCell {
	background:#A8C535;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:3px 0;
}

#fixedtipdiv{
	position:absolute;
	z-index:100;
	background:url(/images/backgrounds/price_bg.gif) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding:0 0 0 8px;
}

#content p.productViewCTA {
	margin:18px 0;
}


/* Store Locator */

.stateListContainer {
	float:left;
	width:212px;
}

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

.stateListContainer li a {
	font-weight:bold;
	color:#3D3230;
}

.stateListContainer li a:hover {
	color:#A8C535;
}

#content ul#storesSubSubNav {
	margin:10px 0 20px 0;
}

#storesSubSubNav li {
	display:inline;
	background:none;
	padding:0 7px 0 0;
}

#storesSubSubNav li a {
	color:#3D3230;
	font-weight:bold;
	text-decoration:underline;
}

#storesSubSubNav li a:hover {
	color:#A8C535;
}

.groupIMGContainer {
	width:152px;
	height:106px;
	margin:0 0 8px 0;
}

.storesGroupContainer {
	width:152px;
	float:left;
	font-size:11px;
	line-height:15px;
	padding:0 7px 17px 0;
}

.storesGroupContainer a {
	color:#1D73AD;
	text-decoration:underline;
	font-weight:bold;
}

.storesGroupContainer h3 a {
	text-decoration:none;
}

h3.storeViewName {
	font-size:16px;
}

#storeIMGContainer {
	float:right;
	background:url(images/backgrounds/large_store_img_bg.gif) no-repeat #EBEBEB;
	padding:10px 0;
	text-align:center;
	width:320px;
	height:221px;
}


/* 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:420px;
}

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

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

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

select {
	font-size:12px;
}

.submit {
	text-align:right;
}

.errorText {
	color:#FF0000;
}


/* Footer */

#footer {
	clear:both;
	background:url(/images/backgrounds/footer_bg.gif) no-repeat #EBECED;
	color:#808080;
	font-size:11px;
	text-align:right;
	margin:0 -4px 0 -4px;
	padding:0 19px 0 0;
	line-height:70px;
}

#footer ul {
	margin:-50px 0 0 0;
}

#footer ul.footerNav {
	display:inline;
	margin:0 10px 0 0;
}

#footer li {
	display:inline;
	list-style:none;
	color:#A8C535;
}

#footer a {
	color:#A8C535;
}

#footer a:hover {
	color:#1C72B2;
}

#footer li.locatorNavHeading {
	padding:0 5px 0 0;
	color:#808080;
}