/** Base document styling */
#wrapper {
	color: #1a260e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.5%;
	line-height: 1.143;
}


/**------------------------------------------------------------------------------------*/


/** Define standard hyperlink styles */
a {
	color: #587516;
	text-decoration: none;
}
a:hover {
	color: #7d9d00;
	text-decoration: underline;
}


/** Define emboldened hyperlink styles */
a.strong {
	color: #587516;
	font-weight: bold;
	text-decoration: underline;
}
a.strong:hover {
	color: #7d9d00;
	font-weight: bold;
	text-decoration: underline;
}


/** Zero-height anchor is useful for named page fragments */
a.zeroHeight {
	display: block;
	font-size: 0.01em;
	height: 0;
	line-height: 0.01;
	overflow: hidden;
}


/**------------------------------------------------------------------------------------*/


/** Define base styles for all headings */
h1, .h1,
h2, .h2,
h3, .h3 {
	color: #587516;
	font-weight: bold;
}


/** Define font sizes for each heading weight */
h1, .h1 {
	font-size: 150%;
}
h2, .h2 {
	font-size: 128.57%;
}
h3, .h3 {
	font-size: 100%;
}


/**------------------------------------------------------------------------------------*/


/** Correct font-size disparity for general Cufon-powered handwritten text */
.cufon-active .cufon-Handwriting {
	font-size: 140%;
	line-height: 1.0;
}


/** Style <h1> handwritten text elements */
.cufon-active h1.cufon-Handwriting,
.cufon-active .h1.cufon-Handwriting {
	font-size: 60px;
}


/** Style <h2> handwritten text elements */
.cufon-active h2.cufon-Handwriting,
.cufon-active .h2.cufon-Handwriting {
	font-size: 44px;
}


/** Style <h3> handwritten text elements */
.cufon-active h3.cufon-Handwriting,
.cufon-active .h3.cufon-Handwriting {
	font-size: 34px;
}


/**------------------------------------------------------------------------------------*/


/** Define base styling of horizontal rules */
.rule {
	clear: both;
	border-top: 1px solid #8bc25d;
	height: 0;
	overflow: hidden;
}


/** Comment */
.rule-Thick {
	border-top-width: 3px;
}


/** Rule margins provide spacing around horizontal rules */
.ruleMargin-Top {
	margin-top: 15px;
}


/**------------------------------------------------------------------------------------*/


/** Shortcuts for floating/clearing */
.floatLeft {float: left;}
.floatRight {float: right;}
.block {display: block;}
.clear {clear: both;}


/** Zero-height clearing helper */
div.clearer {
	clear: both;
	height: 0;
	overflow: hidden;
}



/**============================================================================================================*/


/** Multi-line text copy container */
.copy {
	line-height: 1.4286;
}


/** Spaced paragraph element for multi-line (CMS) text */
.copy p {
	margin: 12px 0 20px 0;
}


/** Standard list styles in multi-line (CMS) text */
.copy ul,
.copy ol {
	padding-left: 16px;
	margin-bottom: 16px;
}

.copy ul li,
.copy ol li {padding: 1px 0;}

.copy ul,
.copy ul li {list-style-type: disc;}

.copy ol,
.copy ol li {list-style-type: decimal;}


/**------------------------------------------------------------------------------------*/


/** Comment */
.copy-Subdued {
	color: #666;
}
.copy-Subdued h2 {
	color: #000;
}
.copy-Subdued a {
	text-decoration: underline;
}



/**============================================================================================================*/


/** Re-usable container for drawing rounded corners around around content */
.roundedBox {
	position: relative;
}


/** Rounding is achieved by absolutely positioning small elements at container corners */
.roundedBox .rbTL,
.roundedBox .rbTR,
.roundedBox .rbBL,
.roundedBox .rbBR {
	background: url('../images/corners/white-2x2.png') no-repeat 0 0;
	display: block;
	height: 2px;
	overflow: hidden;
	position: absolute;
	width: 2px;
	z-index: 1;
}
.roundedBox .rbTL {
	background-position: -2px -2px;
	left: 0;
	top: 0;
}
.roundedBox .rbTR {
	background-position: 0 -2px;
	right: 0;
	top: 0;
}
.roundedBox .rbBL {
	background-position: -2px 0;
	left: 0;
	bottom: 0;
}
.roundedBox .rbBR {
	background-position: 0 0;
	right: 0;
	bottom: 0;
}


/** Either I forgot what this does, or James wrote it */
.blockColour { background: #eaf3d8; }
.blockForm { padding: 24px 160px 36px 36px; }


/**------------------------------------------------------------------------------------*/


/** Override standard rounded corners with 5px radius */
.roundedBox-5x5 .rbTL,
.roundedBox-5x5 .rbTR,
.roundedBox-5x5 .rbBL,
.roundedBox-5x5 .rbBR {
	background-image: url('../images/corners/white-5x5.png');
	height: 5px;
	width: 5px;
}
.roundedBox-5x5 .rbTL {background-position: -5px -5px;}
.roundedBox-5x5 .rbTR {background-position: 0 -5px;}
.roundedBox-5x5 .rbBL {background-position: -5px 0;}



/**============================================================================================================*/


/** Re-usable "Star rating" element for roadtest scoring */
.ratingStars {
	background: url('../images/icons/rating_stars.png') no-repeat 0 0;
	display: block;
	height: 15px;
	text-indent: -999.9em;
	width: 80px;
}
.ratingStars-10	{background-position: 0 -0px;}
.ratingStars-9	{background-position: 0 -15px;}
.ratingStars-8	{background-position: 0 -30px;}
.ratingStars-7	{background-position: 0 -45px;}
.ratingStars-6	{background-position: 0 -60px;}
.ratingStars-5	{background-position: 0 -75px;}
.ratingStars-4	{background-position: 0 -90px;}
.ratingStars-3	{background-position: 0 -105px;}
.ratingStars-2	{background-position: 0 -120px;}
.ratingStars-1	{background-position: 0 -135px;}
.ratingStars-0	{background-position: 0 -150px;}



/**============================================================================================================*/


/** Rectangular green buttons and faux-button anchors */
input[type="submit"],
button,
.button {
	background: #6c8d1b url('../images/bg/button_green.png') repeat-x 0 0;
	border-left: 1px solid #35440e;
	border-right: 1px solid #bbcf81;
	border-top: 1px solid #afcc56;
	border-bottom: 1px solid #435711;
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: -0.05em;
	line-height: 16px;
	overflow: hidden;
	padding: 2px 5px;
	text-shadow: #4e6215 0px -1px 1px;
}
a.button {
	float: left;
	text-decoration: none;
}
a.button:hover {
	color: #fff;
	text-decoration: none;
}
a.button.floatRight {
	float: right;
}


/**------------------------------------------------------------------------------------*/


/** Comment */
.actionButton {
	background: url('../images/buttons/action_sprites.png') no-repeat 0 0;
	display: inline;
	float: right;
	height: 64px;
}
.actionButton input,
.actionButton button,
.actionButton a {
	background: url('../images/buttons/action_sprites.png') no-repeat 100% -64px;
	border: 0 none;
	color: #343434;
	font-size: 14px;
	font-weight: bold;
	height: 64px;
	padding: 0 62px 0 15px;
	text-shadow: none;
	text-transform: uppercase;
}
.actionButton a,
.actionButton a:hover {
	color: #343434;
	display: block;
	height: 41px;
	line-height: 18px;
	padding: 23px 67px 0 20px;
	text-decoration: none;
}


/** Comment */
.actionButton-Left {
	background-position: 100% 0;
	float: left;
}
.actionButton-Left input,
.actionButton-Left button,
.actionButton-Left a {
	background-position: 0 -64px;
	padding-left: 62px;
	padding-right: 15px;
}
.actionButton-Left a,
.actionButton-Left a:hover {
	float: left;
	padding-left: 67px;
	padding-right: 20px;
}


/** Comment */
.actionButton.white {
	background-position: 0 -128px;
}
.actionButton.white input,
.actionButton.white button,
.actionButton.white a {
	background-position: 100% -192px;
}


/** Comment */
.actionButton-Left.white {
	background-position: 100% -128px;
}
.actionButton-Left.white input,
.actionButton-Left.white button,
.actionButton-Left.white a {
	background-position: 0 -192px;
}



/**============================================================================================================*/


/** Titlebar provides a prominent green heading and page-rule */
.titleBar {
	border-bottom: 3px solid #8bc25d;
	padding-bottom: 6px;
}
.titleBar h1 {
	color: #587516;
	font-size: 228.57%;
}
.titleBar h1.floatLeft {
	float: left;
}


/** Floated options can follow the main H1 (make sure it's been floated) */
.titleBar .option {
	float: left;
	font-size: 92.86%;
	font-weight: bold;
	padding-left: 14px;
	padding-top: 16px;
}
.titleBar .option.floatRight {
	float: right;
	padding-top: 0;
	padding-bottom: 8px;
}
.titleBar .option.floatLeft {
	float: left;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 8px;
}
.titleBar .option a {
	color: #343434;
	text-decoration: underline;
}
.titleBar .option a:hover {
	color: #7d9d00;
	text-decoration: underline;
}



/**============================================================================================================*/


/** Simple, inline pipe-separated list element */
.pipeList {
}
ul.pipeList li,
.pipeList .li {
	background: url('../images/pipes/standard.png') no-repeat 0 55%;
	display: inline;
	padding: 0 0.8em;
}
ul.pipeList li:first-child,
ul.pipeList li.first,
.pipeList .li:first-child,
.pipeList .li.first {
	background-position: 0 -999px;
}



/**============================================================================================================*/


/** Comment */
.tabBar {width: 100%;}


/** Comment */
.tabBar ul.tabList {
	float: left;
	font-size: 114.29%;
}
.tabBar ul.tabList li {
	float: left;
	padding-right: 4px;
}


.tabBar ul.tabList li a {
	background: url('../images/tabs/tabbar_sprites.png') no-repeat 0 0;
	float: left;
	text-decoration: none;
}

.tabBar ul.tabList li a span {
	background: url('../images/tabs/tabbar_sprites.png') no-repeat 100% 0;
	color: #1d3e05;
	cursor: pointer;
	float: left;
	margin-left: 4px;
	min-width: 110px;
	padding: 5px 6px 2px 2px;
	text-align: center;
}


.tabBar ul.tabList li a:hover {
	background-position: 0 -40px;
	text-decoration: none;
}
.tabBar ul.tabList li a:hover span {
	background-position: 100% -40px;
	color: #1d3e05;
}


.tabBar ul.tabList li.active a,
.tabBar ul.tabList li.active a:hover {
	background-position: 0 -80px;
}
.tabBar ul.tabList li.active a span,
.tabBar ul.tabList li.active a:hover span {
	background-position: 100% -80px;
	color: #fff;
}


/** Comment */
.tabBar .tabContent {
	background: #c7e585 url('../images/tabs/tabbar_sprites.png') no-repeat 100% -120px;
	clear: both;
	min-height: 64px;
}
.tabBar .tabContent.competition {
	background-position: 0 -206px;
}
.tabBar .tabContent h2 {
	color: #1c3e02;
	font-size: 164.28%;
	padding: 18px 13px 10px 13px;
}
.tabBar .tabContent.competition h2 {
	width: 450px;
	padding-right: 27px;
	float: left;
}

.tabBar .tabContent .subHeading {
	float: left;
	width: 250px;
	margin-top: 30px;
	padding-right: 30px;
	text-align: right;
	color: #587516;
	font-weight: bold;
	text-transform: uppercase;
}

.tabBar .tabContent .subHeading a {
	text-decoration: underline;
}

/** Comment */
.tabBar .pipeList {
	font-size: 92.86%;
	padding-left: 14px;
	padding-bottom: 10px;
	float: left;
	width: auto;
}
.tabBar ul.pipeList li,
.tabBar .pipeList .li {
	background-image: url('../images/pipes/tabbar_white.png');
}
.tabBar ul.pipeList li:first-child,
.tabBar .pipeList .li:first-child {
	padding-left: 0;
}
.tabBar .pipeList a {
	color: #222744;
	text-decoration: none;
}
.tabBar .pipeList .active a {
	color: #222744;
	text-decoration: underline;
}
.tabBar .pipeList a:hover,
.tabBar .pipeList .active a:hover {
	color: #587516;
	text-decoration: underline;
}

.sub_button {
	float: right;
	margin-top: -38px;
	margin-right: 16px;
}



/**============================================================================================================*/


/** Styling for the pagination container */
.paginationControl {
	font-size: 92.86%;
	margin-top: 8px;
	padding-bottom: 10px;
	text-align: right;
}
.paginationControl > * {
	line-height: 1.7;
	margin-left: 4px;
}


/** Numbered page anchors are inline but appear as bordered boxes */
.paginationControl .linkNum {
	background-color: #fff;
	border: 1px solid #cbea89;
	font-weight: bold;
	padding: 1px 6px;
}

.paginationControl a.linkNum {
	color: #587516;
	text-decoration: none;
}
.paginationControl a.linkNum:hover {
	background-color: #e5f4c4;
	color: #587516;
	text-decoration: none;
}

.paginationControl span.linkNum {
	background-color: #a5c957;
	color: #fff;
	cursor: default;
}


/** Next/previous navigation anchors */
.paginationControl .linkPrev,
.paginationControl .linkNext {
	color: #878787;
	cursor: default;
}
.paginationControl .linkPrev {
	background: url('../images/misc/pagination_sprites.png') no-repeat 0 55%;
	padding-left: 10px;
	padding-right: 4px;
}
.paginationControl .linkNext {
	background: url('../images/misc/pagination_sprites.png') no-repeat 100% 55%;
	padding-left: 4px;
	padding-right: 10px;
}

.paginationControl a.linkPrev,
.paginationControl a.linkNext {
	color: #587516;
	cursor: pointer;
	text-decoration: underline;
}
.paginationControl a.linkPrev:hover,
.paginationControl a.linkNext:hover {
	color: #7d9d00;
	text-decoration: underline;
}



/**============================================================================================================*/


/** Article list can display e.g. news headlines in a one- or two-column layout */
.articleList {
}
.articleList .li,
ul.articleList li {
	border-bottom: 1px solid #8bc25d;
	padding: 20px 0 28px 0;
}


/** Standard heading and anchor styles used by article list */
.articleList h1, .articleList h2 {
	font-size: 128.57%;
	line-height: 1.222;
}
.articleList h1 a, .articleList h2 a {
	color: #587516;
	text-decoration: none;
}
.articleList h1 a:hover, .articleList h2 a:hover {
	color: #7d9d00;
	text-decoration: underline;
}


/** Narrow image column defaults to being left-floated in standard article list */
.articleList .imageColumn {
	float: left;
	overflow: hidden;
	width: 160px;
}
.articleList .imageColumn img {
	border: 1px solid #eee;
	display: block;
	width: 158px;
}


/** Text column will widen accordingly if the image column is not present */
.articleList .textColumn {
	padding-left: 14px;
	padding-right: 21px;
}
.articleList .imageColumn + .textColumn {
	padding-left: 182px;
}


/** Style the individual elements that make up an article row in the text column */
.articleList .textColumn h2 {
}
.articleList .textColumn .date {
	color: #999;
	font-size: 78.57%;
	font-weight: normal;
	margin-top: 7px;
	padding-bottom: 3px;
}
.articleList .textColumn .intro {
	line-height: 1.427;
	margin-top: 7px;
}
.articleList .textColumn .link {
	margin-top: 7px;
}


/**------------------------------------------------------------------------------------*/


/** A featured article is larger, has reversed columns and a slightly different layout */
.articleList .li-Featured {
	padding-bottom: 22px;
}


/** Enlarge the heading of a featured article */
.articleList .li-Featured h1, .articleList .li-Featured h2 {
	font-size: 200%;
}


/** Image column is wider and is right-floated for a featured article */
.articleList .li-Featured .imageColumn {
	float: none;
	padding: 0 0 15px 0;
	width: auto;
}
.articleList .li-Featured .imageColumn img {
	border: 0 none;
	/*height: 250px;*/
	width: 520px;
}


/** Text column appears on the left in a featured article */
.articleList .li-Featured .textColumn {
	padding-left: 14px !important;
}


/**------------------------------------------------------------------------------------*/


/** Comment */
.articleList-News .textColumn .sideImage {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 175px;
}
.articleList-News .textColumn .sideImage a {
	display: block;
}
.articleList-News .textColumn .sideImage a img {
	border: 3px solid #eee;
	display: block;
}


/** Comment */
.articleList-News .textColumn .photoThumbs {
	padding-top: 4px;
	padding-bottom: 8px;
}
.articleList-News .textColumn .photoThumbs a.modal_image {
	float: left;
	height: 88px;
	margin-right: 12px;
	margin-bottom: 8px;
	overflow: hidden;
}
.articleList-News .textColumn .photoThumbs a.modal_image img {
	border: 1px solid #c2c2c2;
	display: block;
}



/**============================================================================================================*/


/** Comment */
.bulletList {
	padding-top: 8px;
	padding-bottom: 8px;
}
.bulletList .li,
ul.bulletList li {
	background: url('../images/bullets/pointer_green_large.png') no-repeat 0 5px;
	line-height: 1.286;
	padding: 2px 0 2px 22px;
}
.bulletList a {
	color: #374a0a;
	text-decoration: none;
}
.bulletList a:hover {
	color: #7d9d00;
	text-decoration: underline;
}


/**------------------------------------------------------------------------------------*/


/** Comment */
.bulletList-Spaced {
	padding-bottom: 2px;
}
.bulletList-Spaced .li,
ul.bulletList-Spaced li {
	padding-bottom: 8px;
}


/**------------------------------------------------------------------------------------*/


/** Comment */
.bulletList-Stars {
	padding-bottom: 0;
}
.bulletList-Stars .li,
ul.bulletList-Stars li {
	background: url('../images/bullets/star_gold_large.png') no-repeat 0 0;
	padding-left: 28px;
	padding-bottom: 10px
}



/**============================================================================================================*/


/** Brand/model listing provides two-tier navigation in either text-only or thumbnails mode */
.brandList {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
.brandList .brandListItem {
	border-bottom: 1px solid #8bc25d;
	float: left;
	width: 100%;
}


/** Common anchor styling in brand/model listing */
.brandList a {
	color: #1a260e;
	text-decoration: none;
}

.brandList a:hover {
	color: #7d9d00;
	text-decoration: underline;
}


/** Nested model-listing inside brand-listing */
.brandList .modelList {
	float: left;
}
.brandList .modelList .modelListItem {
	float: left;
}


/** Tail row contains a small "Back to top" link */
.brandList .tail {
	clear: both;
	font-size: 78.57%;
	padding: 0 1px 8px 0;
	text-align: right;
}
.brandList .tail a {
	color: #587516;
}
.brandList .tail a:hover {
	color: #7d9d00;
}


/** Style inline text elements used by model-listing */
.brandList .modelList a.block .name {
}
.brandList .modelList a.block .name .count {
	color: #82bd51;
	font-size: 85.71%;
}


/**------------------------------------------------------------------------------------*/


/** Heading in text-only brand-listing is turned into a left-hand column */
.brandList-Text .brandListItem h2 {
	float: left;
	font-size: 100%;
	padding: 14px 0;
	text-align: right;
	width: 142px;
	color: #1A260E;
}

/** Model-listing rows are given dimensions to contain right-hand column content */
.brandList-Text .modelList {
	padding: 7px 0 7px 10px;
	width: 368px;
}

.brandList-Text .modelList .modelListItem {
	padding: 7px 14px 7px 0;
}

/** No thumbnails in text-only brand/model listing */
.brandList-Text .modelList a.block img.thumbnail {
	display: none;
}


/**------------------------------------------------------------------------------------*/


/** Bottom border of brand-listing is thicker in thumbnail mode */
.brandList-Image {
	border-bottom: 2px solid #8bc25d;
}


/** Give padding block-level heading of thumbnail brand-listing */
.brandList-Image h2 {
	padding: 16px 0 8px 0;
}


/** Model-listing rows are floated into a grid pattern */
.brandList-Image .modelList {
}
.brandList-Image .modelList .modelListItem {
	padding: 6px 5px 16px 15px;
	width: 100px;
}


/** Apply styles to inner content elements model-listing rows */
.brandList-Image .modelList a.block {
	min-height: 160px;
}
.brandList-Image .modelList a.block img {
	border: 1px solid #eee;
	display: block;
}
.brandList-Image .modelList a.block .name {
	display: block;
	line-height: 1.214;
	padding: 6px 5px 0 5px;
}



/**============================================================================================================*/


/** Comment */
.listings {
	width: 520px;
}
.listings .li,
ul.listings li {
	border-bottom: 1px solid #8bc25d;
	padding: 20px 20px 26px 0;
	position: relative;
	width: 500px;
}

.listings .li.premium,
ul.listings li.premium {
	background: #fbffe8;
}

/** Comment */
.listings .imageColumn {
	float: left;
	overflow: hidden;
	width: 160px;
}
.listings .imageColumn img {
	border: 1px solid #eee;
	display: block;
	width: 158px;
}


/** Comment */
.listings .textColumn {
	padding-left: 180px;
	padding-bottom: 4.5em;
}
.listings .textColumn h2 {
	font-size: 128.57%;
	line-height: 1.222;
	padding-bottom: 10px;
}
.listings .textColumn h2 a {
	color: #587516;
	text-decoration: none;
}
.listings .textColumn h2 a:hover {
	color: #7d9d00;
	text-decoration: underline;
}
.listings .textColumn .price {
	font-size: 150%;
	font-weight: bold;
	padding-bottom: 10px;
}
.listings .textColumn .price big {
	background-color: #d8f4c1;
	padding: 0 0.15em;
}
.listings .textColumn .specs {
	font-size: 78.57%;
	font-weight: bold;
	padding-bottom: 4px;
}
.listings .textColumn .info {
	padding-top: 2px;
	padding-bottom: 4px;
}


/** Comment */
.listings .absOptions {
	position: absolute;
	left: 180px;
	bottom: 26px;
}
.listings .absOptions .price {
	float: left;
	font-size: 21px;
	margin-right: 14px;
}
.listings .absOptions .price strong {
	background-color: #d8f4c1;
	padding: 0 0.2em;
}


/** Comment */
.listings .absView {
	position: absolute;
	right: 10px;
	bottom: 15px;
}


/**------------------------------------------------------------------------------------*/


/** Comment */
div.listings-Single {
	padding: 30px 16px 36px 14px;
}


/** Comment */
div.listings-Single .mainDetails {
	padding-bottom: 30px;
	position: relative;
}
div.listings-Single .mainDetails .imageColumn {
    min-height: 185px;
	width: 224px;
}
div.listings-Single .mainDetails .imageColumn img {
	border-color: #c2c2c2;
	width: 222px;
}
div.listings-Single .mainDetails .textColumn {
	padding-left: 244px;
}
div.listings-Single .mainDetails .absOptions {
	left: 244px;
	bottom: 95px;
}
div.listings-Single .mainDetails .contact {
	float: left;
	position: absolute;
	left: 238px;
	bottom: 26px;
}


/** Comment */
div.listings-Single .photoThumbs {
	padding-bottom: 8px;
}
div.listings-Single .photoThumbs a.modal_image {
	float: left;
	height: 88px;
	margin-right: 6px;
	margin-bottom: 6px;
	width: 88px;
}
div.listings-Single .photoThumbs a.modal_image img {
	border: 1px solid #c2c2c2;
	display: block;
}


/**------------------------------------------------------------------------------------*/


/** Comment */
div.listings-Specs {}


/** Comment */
div.listings-Specs .imageColumn {
	text-align: center;
}
div.listings-Specs .imageColumn img {
	margin-bottom: 8px;
}


/** Comment */
div.listings-Specs .textColumn {
	padding-bottom: 0;
}
div.listings-Specs .textColumn .specs {
	line-height: 1.714;
	padding-bottom: 7px;
}


/** Comment */
div.listings-Specs .textColumn .website {
	font-size: 92.86%;
	padding-bottom: 10px;
}
div.listings-Specs .textColumn .website a {
	text-decoration: underline;
}


/** Comment */
div.listings-Specs .textColumn .reviews {

}
div.listings-Specs .textColumn .reviews h3 {
	color: #343434;
	padding-top: 8px;
	padding-bottom: 2px;
}
div.listings-Specs .textColumn .reviews .positive,
div.listings-Specs .textColumn .reviews .negative {
	background: url('../images/bullets/review_sprites.png') no-repeat 0 6px;
	line-height: 1.214;
	padding: 6px 0 6px 27px;
	text-indent: -0.3em;
}
div.listings-Specs .textColumn .reviews .negative {
	background-position: 0 -57px;
}
div.listings-Specs .textColumn .reviews .stars {
	font-size: 92.86%;
	padding-top: 8px;
}
div.listings-Specs .textColumn .reviews .stars .ratingStars {
	float: left;
	margin-right: 7px;
}



/**============================================================================================================*/


/** Comment */
.listingOptions {
	font-size: 78.57%;
}
.listingOptions .iconRow {
	background: url('../images/icons/listing_sprites.png') no-repeat 0 999px;
	padding: 6px 0;
}
.listingOptions .iconRow a {
	padding: 2px 0 2px 31px;
}


/** Comment */
.listingOptions .iconRow-FavAdd		{background-position: 0 -32px;}
.listingOptions .iconRow-FavRem		{background-position: 0 -0px;}
.listingOptions .iconRow-DelPct		{background-position: 0 -64px;}
.listingOptions .iconRow-DelSeller	{background-position: 0 -64px;}
.listingOptions .iconRow-DelBuyer	{background-position: 0 -96px;}
.listingOptions .iconRow-DelCollection	{background-position: 0 -128px;}
.listingOptions .iconRow-Report		{background-position: 0 -160px;}


/**------------------------------------------------------------------------------------*/


.listingOptions-Compact .iconRow,
.listingOptions-Compact .iconRow a {
	float: left;
	height: 24px;
	padding: 0;
	width: 28px;
}
.listingOptions-Compact .iconRow {
	margin-right: 3px;
}
.listingOptions-Compact .iconRow a {
	overflow: hidden;
	text-indent: -99.9em;
}



/**============================================================================================================*/


/** Comment */
.paidListings {
	width: 520px;
	background: #f2fbea;
}
ul.paidListings li,
.paidListings .li {
	border-bottom: 1px solid #86bf56;
	padding: 10px 24px 7px 10px;
	position: relative;
	width: 486px;
	min-height: 93px;
}
.paidListings h2,
.paidListings .price,
.paidListings .delivery {
	color: #587516;
	font-size: 12px;
	font-weight: bold;
}
.paidListings h2 {
	padding-bottom: 8px;
	width: 360px;
}
.paidListings h2 a, .paidListings .website a {
	color: #1122CC;
	text-decoration: underline;
}
.paidListings .price {
	
}


.paidListings .flags {
	font-size: 78.57%;
	font-weight: bold;
	position: absolute;
	right: 15px;
	top: 10px;
}
.paidListings .flags span {
	padding: 0 0.8em;
}
.paidListings .flags span:first-child {
	padding-left: 0;
}

.paidListings .intro {
	font-size: 12px;
	line-height: 1.412;
	padding-bottom: 7px;
}
.paidListings .website {
	font-size: 12px;
	margin: 0;
	position: absolute;
	left: 117px;
	bottom: 9px;
}


/**------------------------------------------------------------------------------------*/


/** Comment */
.paidListings-FullWidth {
	width: 770px;
}
ul.paidListings-FullWidth li,
.paidListings-FullWidth .li {
	padding-left: 14px;
	padding-right: 166px;
	width: 590px;
}
.paidListings-FullWidth .price {
	right: 165px;
}



/**============================================================================================================*/


/** Mosiac list is a three-column grid-like list of thumbnailed items e.g. road tests */
.mosiacList {
	padding-top: 20px;
}
.mosiacList .li,
ul.mosiacList li {
	float: left;
	padding-left: 20px;
	width: 160px;
}
.mosiacList .li.leftmost,
ul.mosiacList li.leftmost {
	padding-left: 0;
}


/** Large thumbnail image occupies the full width of the mosiac list item */
.mosiacList .thumbnail {
	display: block;
	height: 192px;
	overflow: hidden;
	padding-bottom: 6px;
	width: 160px;
}
.mosiacList .thumbnail a {
	display: block;
}
.mosiacList .thumbnail img {
	border: 1px solid #eee;
	display: block;
}


/** Name/title text uses a dark-coloured anchor in a mosiac list */
.mosiacList .name {
	line-height: 1.214;
}
.mosiacList .name a {
	color: #374a0a;
}
.mosiacList .name a:hover {
	color: #7d9d00;
}


/** Add spacing around rating stars in mosiac list */
.mosiacList .ratingStars {
	margin-top: 7px;
}


/** Standard green-backed price element at bottom of mosiac list */
.mosiacList .price {
	font-size: 150%;
	padding-top: 15px;
}
.mosiacList .price strong {
	background-color: #daf5c5;
	padding: 0 0.2em;
}



/**============================================================================================================*/


/** Search widget has a green backround and is found in the leftmost column */
.widget-Search {
	background: #a4c856 url('../images/bg/gradient-search.png') repeat-x 0 0;
}
.widget-Search h2 img {
	display: block;
	padding: 8px 0 0 9px;
}


/** Form and layout elements in search widget */
.widget-Search form {
	padding: 0 8px 8px 0;
}
.widget-Search form div.input {
	padding: 4px 0;
	text-align: right;
}


/** Common styling applied to all inputs/labels in search widget */
.widget-Search form label,
.widget-Search form select,
.widget-Search form input[type="text"] {
	border: 1px solid #e2e9ef;
	border-top-color: #acadb2;
	color: #1c3e02;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
}


/** Styling specific to individiual labels/inputs in search widget */
.widget-Search form label {
	background-color: #fff;
	float: left;
	margin: 0 -160px 0 8px;
	text-align: left;
}
.widget-Search form label,
.widget-Search form [type="text"] {
	padding: 1px 3px;
	width: 146px;
}
.widget-Search form select {
	width: 154px;
}
.widget-Search form .input-Button button {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
.widget-Search .hint {
	padding-bottom: 5px;
}


/**------------------------------------------------------------------------------------*/


/** Comment */
.widget-Postcode {
	/*background: #feae31 url('../images/bg/gradient-postcode.png') repeat-x 0 0;*/

	background: #558D22 url('../images/bg/postcode_search_gradient.png') repeat-x 0 0;
	border: 1px solid #63991f;
	padding: 18px 27px 15px 17px;
	display: block;
}


/** Comment */
.widget-Postcode h2 {
	/*padding: 15px 0 12px 11px;*/
	color: #1c3e02;
	font-size: 1.7142857em;
	/*background: url('../images/text/retailer_advert_header.png') no-repeat;
	text-indent: -999em;
	display: block;
	width: 467px;
	height: 55px;*/
	margin: 0 0 28px 0;
	line-height: 1.2em;
}
.widget-Postcode h2 img {
	display: block;
}


/** Comment */
.widget-Postcode form {
	/*padding-left: 11px;
	padding-bottom: 15px;*/
}
.widget-Postcode form div label,
.widget-Postcode form div input.postcode {
	background-color: #fff;
	border: 1px solid #bbb !important;
	border-top-color: #fff !important;
	color: #222744;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	padding: 3px 4px;
	width: 137px;
}
.widget-Postcode form div label {
	/*letter-spacing: -0.1em;
	margin-right: -113px;
	position: relative;
	z-index: 1;
	text-align: left;
    width: 105px;
    height: 16px;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;*/
    border: 0 !important;
    background: url(../images/text/retailer_advert_label.png) no-repeat;
    width: 127px;
    height: 28px;
    text-indent: -999em;
    text-align: left;
    display: block;
    margin: 0 39px 0 0;
    padding: 0;
}
.widget-Postcode form div input.postcode {
	margin-right: 4px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	position: relative;
	z-index: 2;
    width: 246px;
    font-size: 1.71428em;
    border: 1px solid #538b22;
    margin: 0 7px 0 0;
    top: -5px;
    line-height: 1em;
}
.widget-Postcode form div input.button {
	/*margin-left: 114px;
	margin-top: 9px;*/
    padding: 4px 5px 4px 5px;
    background: #fdcc00;
    border-color: #d3aa00;
    color: #1c3e02;
    font-size: 1.42857em;
    margin-top: -5px;
    height: 36px;
    width: 40px;
}

.widget-Postcode .widget-PaidListings {
	background: none;
	margin-top: -10px;
}

.widget-Postcode .widget-PaidListings li p {
	color: #294A13;
}

.widget-Postcode .widget-PaidListings ul li {
	padding-bottom: 5px;
}

/** Comment */
.widget-Postcode .info {
	padding: 10px 0 14px 16px;
	text-shadow: 1px 1px 1px #fee2ad;
}
.widget-Postcode .info a,
.widget-Postcode .info a:hover {
	color: #334f07;
	background: none;
	padding: 0;
}


.widget-Postcode.thin {
	padding-right: 17px;
}

.widget-Postcode.thin h2 {
	font-size: 1em;
	margin-bottom: 12px;
}

.widget-Postcode.thin form {
	overflow: hidden;
}

.widget-Postcode.thin form div label {
	margin: 0;
}

.widget-Postcode.thin form div input.postcode {
	margin-top: 6px;
	top: 0;
	width: 124px;
	font-size: 1.5em;
}

.widget-Postcode.thin form div input.button {
	height: auto;
	font-size: 1em;
	float: right;
	margin-top: 6px;
}

.widget-PaidListings.thin .facebook, .widget-PaidListings.thin .twitter {
	width: auto;
	height: 24px;
	padding-left: 32px;
	font-size: 0.785em;
	margin-top: 4px;
	line-height: 24px;
}

.widget-PaidListings.thin .facebook {
	background-image: url(../images/icons/facebook_small.png);
}

.widget-PaidListings.thin .twitter {
	background-image: url(../images/icons/twitter_small.png);
}

/**------------------------------------------------------------------------------------*/


/** Listings widget shows a list of paid advertisements in leftmost column */
.widget-PaidListings {
	/*background: #97bede url('../images/bg/gradient-paidlisting.png') repeat-x 0 0;*/
}


/** Heading text/image in listings widget */
.widget-PaidListings h2 {
	border-bottom: 1px dotted #85b0d5;
	padding: 10px 0 0 16px;
}
.widget-PaidListings h2 img {
	display: block;
	margin-bottom: -9px;
}

.widget-PaidListings strong.highlight { 
	color: #c32349;
	font-weight: normal;
	margin: 0 5px 0 0;
}

.widget-PaidListings strong.highlight.title {
	font-weight: bold;
	font-size: 95%;
}

.widget-PaidListings .extra {
	/*display: none;*/
	clear: both;
	padding: 8px 0 0 0;
}

.widget-PaidListings .contact {
	float: left;
	width: 148px;
	margin: 0 20px 0 0;
}

.widget-PaidListings .info {
	float: left;
	width: 330px;
	margin: 0 0 0 0;
}

.widget-PaidListings .des {
	font-weight: bold;
	color: #1c3e02;
	font-size: 1em;
	margin: 0 0 11px 0;
}

.widget-PaidListings .twitter, .widget-PaidListings .facebook {
	padding: 0 0 0 40px;
	font-weight: bold;
	color: #1c3e02;
	height: 33px;
	float: left;
	width: 90px;
	font-size: 0.857142em;
}

.widget-PaidListings .twitter a, .widget-PaidListings .facebook a {
	color: #1c3e02;
}

.widget-PaidListings .facebook {
	background: url(../images/icons/facebook.png) no-repeat;
}

.widget-PaidListings .twitter {
	background: url(../images/icons/twitter.png) no-repeat;
}

.widget-PaidListings .mini .twitter, .widget-PaidListings .mini .facebook {
    width: 0;
    overflow: hidden;
    display: block;
    float: none;
    margin-bottom: 7px;
}

.widget-PaidListings .mini .contact {
    width: auto;
	float: none;
	margin: 0;
}

.widget-PaidListings .mini .info {
    float: right;
    width: 40px;
}

.widget-PaidListings .mini h3 {
    line-height: 1.3;
    margin-bottom: 5px;
}

.widget-PaidListings .mini .distance {
    padding-top: 0;
}

.widget-PaidListings .mini .distance, .widget-PaidListings .mini .website, .widget-PaidListings .mini .tel, .widget-PaidListings .mini .email {
    font-size: 121.43%;
}

.widget-PaidListings .mini .website, .widget-PaidListings .mini .email {
    display: inline-block;
    margin-right: 4px;
}

.widget-PaidListings .mini .website + .email:before {
    content: "|";
    display: inline-block;
    padding-right: 4px;
}

.widget-PaidListings .moreToggle {
	background: url(../images/icons/retailer_ad_toggle.png) 0 0 no-repeat;
	height: 59px;
	width: 61px;
	position: absolute;
	bottom: -5px;
	right: -5px;
	text-indent: -999em;
}

.widget-PaidListings .products, .widget-PaidListings .brands {
	float: left;
	width: 153px;
	margin-bottom: 30px;
}

.widget-PaidListings .brands {
	margin-right: 20px;
}

.widget-PaidListings .address {
	width: 100%;
	float: left;
	padding: 0 0 45px 0;
}

.widget-PaidListings .open.moreToggle {
	background-position: 0 -59px;
}


/** Style advert list container for listings widget */
.widget-PaidListings ul {
	/*padding-bottom: 8px;*/
	padding: 0;
	margin: 0;
	line-height: 1.143em;
}
.widget-PaidListings ul li {
	padding: 10px 8px 8px 12px;
	word-wrap: break-word;
	position: relative;
	list-style: none;
	clear: both;
	margin: 0 0 14px 0;
	background: #f9ff5e url('../images/bg/retailer_ad_gradient.png') repeat-x bottom left;
	border: 1px solid #a5c856;
}
.widget-PaidListings ul li:last-child {
	/*border-top: 0 none;*/
	margin-bottom: 0;
}


/** Styling for the elements that make up each advert */
.widget-PaidListings li h3 {
	font-size: 121.43%;
	margin: 3px 0 0 0;
}
.widget-PaidListings li h3 a,
.widget-PaidListings li h3 a:hover {
	/*color: #294a13;*/
	color: #1122CC;
	text-decoration: underline;
}
.widget-PaidListings li .distance, .widget-PaidListings li .website, .widget-PaidListings li .tel, .widget-PaidListings li .email {
	font-size: 0.857142em;
	padding-top: 2px;
	font-weight: bold;
}
.widget-PaidListings li .distance {
	font-weight: bold;
	padding-top: 23px;
}
.widget-PaidListings li p {
	color: #353d6e;
	line-height: 1.429;
	padding-top: 6px;
}
.widget-PaidListings li .detail {
	font-weight: bold;
	padding-top: 6px;
}
.widget-PaidListings li .detail .delivery {
	font-size: 78.57%;
	padding: 5px 0;
}
.widget-PaidListings li .website a, .widget-PaidListings li .email a {
	/*color: #294a13;*/
	color: #1122CC;
	text-decoration: underline;
}
.widget-PaidListings .listingOptions {
	float: right;
}

/**------------------------------------------------------------------------------------*/


/** Listings widget shows a list of paid advertisements in rightmost column */
.widget-PaidBanners {

}


/**------------------------------------------------------------------------------------*/


.widget-Win {
	background: url('../images/misc/widget_win-a-pushchair.png') no-repeat 0 0;
	display: block;
	font-size: 1px;
	height: 156px;
	overflow: hidden;
	text-indent: -99.9em;
	width: 170px;
}



/**============================================================================================================*/


#tooltip {
	display: none;
	position: absolute;
	width: 300px;
	z-index: 9999;
}
#tooltip .ttContent {
	background: transparent url('../images/misc/tooltip.png') no-repeat 0 0;
	color: #666;
	font-size: 13px;
	line-height: 1.385;
	padding: 20px 24px 0 16px;
}
#tooltip .ttContent big {
	color: #000;
	display: block;
	font-size: 18px;
	padding-bottom: 8px;
}
#tooltip .ttContent strong {
	color: #000;
}
#tooltip .ttBottom {
	background: transparent url('../images/misc/tooltip.png') no-repeat 0 100%;
	height: 30px;
	overflow: hidden;
}


.tooltip .ttContent {
	display: none;
}

.blockColour.competition_content { margin-bottom: 20px; }
	.blockColour.competition_content .intro  { padding-bottom: 0; width: 716px; }
.blockColour.competition { float: left; width: 770px; padding: 0; margin: 0 0 20px 0; }
	.blockColour.competition .imageColumn { float: left; width: 385px; }
		.blockColour.competition.featured .imageColumn { width: 770px; }
		.blockColour.competition .imageColumn img { float: left; width: auto; }
	.blockColour.competition .textColumn { float: right; width: 345px; margin: 0 20px; padding: 14px 0; }
		.blockColour.competition.featured .textColumn { float: left; width: 730px; min-height: 95px; padding-top: 18px; }
		.blockColour.competition .textColumn .floatLeft { width: 186px; }
			.blockColour.competition.featured .textColumn .floatLeft { width: 555px; }
		.blockColour.competition .textColumn .floatRight { width: 140px; }
		.blockColour.competition .textColumn .title { color: #1c3e02; font-weight: bold; line-height: 1.43em; margin: 0 0 5px 0; }
			.blockColour.competition.featured .textColumn .title { color: #587516; font-size: 1.42857em; margin-bottom: 6px; line-height: 1.4em; }
		.blockColour.competition .textColumn .description { font-size: 0.857143em; color: #587516; line-height: 1.43em; }
		.blockColour.competition .textColumn .start_date { color: #343434; font-size: 0.857143em; margin: 0 0 5px 0; }
		.blockColour.competition .textColumn .closing_date { color: #343434; font-size: 0.857143em; }
			.blockColour.competition .textColumn .actionButton { right: 21px; bottom: 11px; }
			.blockColour.competition .textColumn .actionButton a, .blockColour.competition .textColumn .actionButton a:hover { right: 21px; padding: 23px 73px 0 26px; }

		.titleBar.competition { margin-bottom: 20px; }

	.shareSpacer { background: #fff; padding: 10px 5px 10px 0; float: left; height: auto; margin-right: 5px; }
	.shareSpacer.vert { float: none; display: block; height: auto; }

	.competitionShare { color: #587516; font-weight: bold; font-size: 1.42857em; }

.blockColour.dealoftheweek { color: #587516; display: inline-block; }
	.blockColour.dealoftheweek .leftBlock { float: left; width: 520px; }
		.blockColour.dealoftheweek .leftBlock {  }
	.blockColour.dealoftheweek .rightBlock { float: left; width: 180px; margin-left: 16px; margin-top: 88px; }
		.blockColour.dealoftheweek .rightBlock .actionButton { top: 27px; right: 13px; }
			.blockColour.dealoftheweek .rightBlock .actionButton a, .blockColour.dealoftheweek .rightBlock .actionButton a:hover { padding: 23px 98px 0 27px; }

	.blockColour.dealoftheweek h1 { line-height: 1.4em; margin: 6px 0 26px 0; }
	.blockColour.dealoftheweek h2 { font-size: 1.42857em; line-height: 1.4em; margin: 0 0 4px 0; }
	.blockColour.dealoftheweek img { margin: 0 0 21px 0; }
	.blockColour.dealoftheweek .intro { font-size: 1.21429em; width: 520px; font-weight: normal; }

	.blockColour.dealoftheweek .shareSpacer { float: none; margin: 0; height: 68px; display: inline-block; vertical-align : top; }

	.blockColour .boxFrame { border: 1px solid #a6c858; float: left; width: 178px; margin: 0 0 20px 0; }
		.blockColour .boxFrame div { background: #fff; }
		.blockColour .boxFrame .cellContainer { float: left; width: 100%; }
			.blockColour .boxFrame .cell { display:table-cell; vertical-align: middle; width: 138px; padding: 0 20px; min-height: 68px; height: 68px; text-align: center; }
		.blockColour .boxFrame .costs { text-align: left; color: #343434; font-size: 1.21429em; padding: 20px 20px 12px 20px; width: 138px; }
			.blockColour .boxFrame .costs div { padding-bottom: 8px; }
			.blockColour .boxFrame .costs .cell { text-align: left; padding: 0; }
			.blockColour .boxFrame .costs div.saving { color: #ff0000; }
		.blockColour .boxFrame .titleHighlight { color: #587516; background: #f5f9ec; font-size: 1.21429em; text-align: center; }
		.blockColour .boxFrame .top { border-bottom: 1px solid #a6c858; }

		.blockColour .boxFrame table { margin: 0 auto; }
			.blockColour .boxFrame table th { font-size: 0.785714em; color: #587516; text-align: center; padding: 5px 0 0 0; font-weight: normal; }
			.blockColour .boxFrame table td { font-size: 2.71429em; color: #587516; width: 50px; padding: 0 8px; text-align: center; }

#choices .blockColour { margin-bottom: 20px; min-height: 110px; }
	#choices .blockColour .imageColumn { float: left; width: 75px; height: 75px; }
	#choices .boxFrame { position: absolute; right: 15px; top: 15px; }
	#choices .price { float: left; width: 100px; font-size: 128.57%; color: #587516; font-weight: bold; margin-left: 20px; margin-top: 5px; }
	#choices .description { float: left; margin-right: 75px; width: 260px; margin-left: 20px; }
	#choices h2 { margin-bottom: 8px; width: 365px; }

	#choices .blockColour .actionButton {
		bottom: 11px;
	}

.FB_SERVER_IFRAME { height: 350px !important; }

.shareSpacer .FBConnectButton {
	vertical-align : top;
}


/** Copy-text variant: For displaying legal documents */
.Copy-Legal {
}
	.Copy-Legal > ol > li:before {
		font-size: 16px;
		line-height: 1.25;
	}
	.Copy-Legal table {
		border-collapse: collapse;
		width: 100%;
	}
		.Copy-Legal table th, 
		.Copy-Legal table td {
			border: 1px solid #474543;
			padding: 4px 8px;
		}
		.Copy-Legal table th {
			background: #474543;
			border-color: #474543;
			color: #fff;
		}
		.Copy-Legal table p {
			margin: 0;
		}

.Copy ol, 
	.Copy ul {
		list-style-type: disc;
		margin: 18px 0;
		padding-left: 20px;
	}
		.Copy ol li, 
		.Copy ul li {
			margin: 8px 0;
		}
		.Copy ul li {
			list-style-type: disc;
		}
	.Copy ol {
		counter-reset: level1;
		list-style-type: none;
		padding-left: 30px;
	}
		.Copy ol > li:before {
			content: counter(level1);
			counter-increment: level1;
			float: left;
			margin-left: -30px;
			text-align: left;
		}
		.Copy ol ol {
			counter-reset: level2;
			list-style-type: none;
			padding-left: 38px;
		}
			.Copy ol ol > li:before {
				content: counter(level1) "." counter(level2);
				counter-increment: level2;
				margin-left: -38px;
			}
			.Copy ol ol ol {
				counter-reset: level3;
				list-style-type: none;
				padding-left: 46px;
			}
				.Copy ol ol ol > li:before {
					content: counter(level1) "." counter(level2) "." counter(level3);
					counter-increment: level3;
					margin-left: -46px;
				}

.storeAd {
	float: left;
	width: 100%;
	margin: 0;
	padding: 25px 0 32px 0;
}

.storeAd.first {
	padding-top: 0;
}

.storeAd.sep {
	border-bottom: 1px solid #c0c0c0;
}

.storeAd h2 {
	color: #2b4802;
}

.storeAd p, .storeAd label {
	color: #587516;
}

.storeAd .labelColumn {
	width: 214px; 
	margin-right: 35px; 
	float: left;
}

.storeAd .inputColumn {
	float: left;
	width: 520px;
}

form .storeAd label {
	top: 6px;
	width: 85px !important;
	position: relative;
	display: block;
	float: left;
	text-align: left !important;
}

.storeAd input {
	margin: 0 0 8px 0;
	width: 421px;
	background: #f8f8f8;
	border-color: #637e26 !important;
}

.storeAd textarea {
	width: 506px;
	height: 76px;
	background: #f8f8f8;
	border-color: #637e26 !important;
}

.storeAd .multiColumn {

}

	.storeAd .multiColumn label {
		/*float: none;*/
		width: 172px !important;
	}

	.storeAd .multiColumn input {
		width: 20px;
	}

.storeAd #pcaDivXT69, .storeAd #pcaDivPE78 {
	left: 99px;
}

form.linear .storeAd .input {
	padding-bottom: 0;
}

form.linear .storeAd .input label {
	padding-top: 0;
}

.change_location { font-size: 75%; margin: 5px 0 0 0; }

#sortby_form { float: right; position: relative; top: 0px; }