/* General Styles
==================================================================*/

body {
	margin: 0;
	padding: 0;
	background:url(/images/bg.jpg) repeat-x top;
	background-color: #b9d5e9;
	text-align: center;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	min-width: 974px;
}

.clear {
	clear:both;
}

a:link{
	color: #003366;
	text-decoration: none;
}

a:visited{
	color: #003366;
	text-decoration: none;
}

a:hover{
	color: #003366;
	text-decoration: underline;
}


a.img, a.img, a.img {
	border: 0 none;
}

h1 {
	font-size: 1.5em;
	background:transparent url(/images/dots_grey.gif) repeat-x scroll center bottom;
	margin:16px 0pt 6px;
	line-height: 1.3em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size: 0.9em;
}

code, pre {
	font-size: 1.1em;
}

input,select,button {
	vertical-align: middle;
}

input,select {
	border: 1px solid #333;
}

label {
	width: 7em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}
label i {
	font-size: 0.8em;
}

label.error { float: right; color: red; font-weight: bold; border: 2px solid red; vertical-align: top; }



/* Layout
==================================================================*/

#wrapper{
	margin:0 auto 0 auto;
	padding: 0;
	width:974px;
	text-align: left;
}


#branding{
	width: 974px;
	height: 95px;
}

#headleft {
	float: left;
	height: 95px;
}

#headright {
	float: right;
}

#basicnav {
	clear: both;
	padding-top: 16px;
}

#nav{
	height: 30px;
}

#crumbtrail{
	height: 19px;
	padding: 5px 5px 0px 5px;
	/* border-bottom: 1px  dotted #DFDFDF; */
}

#whitebg{
	background: #fff;
	margin-top: 2px;
	border-color:#B7B7B7;
	border-style:solid;
	border-width:5px 1px 1px;
}

#container {
	margin-top: 10px;
	padding: 0 10px 0 10px;
	line-height: 1.6em;
}

#content{
	float: left;
	width: 654px;
	padding: 0 10px 0 5px;
	line-height: 1.6em;
	background: #fff;
}

/* lefthand nav*/
#links {
	float: right;
	width: 275px;
	padding: 0 10px 0 0;
	line-height: 1.3em;
	background: #FFFFFF;
	color: #666666;
}

#tyrereview_tab {
	position: fixed;
	right: 0;
	top: 200px;
	display: block;
	width: 28px;
	height: 131px;
	text-indent: -10000px;
	background-image: url(/images/tyrereviewtab.gif);
	overflow: hidden;
}

.tyresizebox {
    width: 150px;
    float: left;
    margin-right: 5px;
}



/* review page styling
==================================================================*/

#reviewheader {
	clear: both;
}

#tyrecontainer{
	border-top: 1px dotted #DFDFDF;
}

#textcontainer{
	clear: both;
}



/* FRONTPAGE
==================================================================*/

.fppost {
	padding-bottom: 1px;
}

.date {
	float:right;
	margin:-1px 0;
	color:#666;
	width:25%;
	padding:0 0 0px 0;
	background: url(/images/a22.gif) bottom repeat-x;
}

.date em {
	font-style:normal;
	color:#666;
}

.date em.postdate {
	background:url(images/date.gif) no-repeat left top;
	padding-left:17px;
}

.fpfooter {
	background: url(/images/a33.gif) repeat-x bottom;	
}

.fpfooter ul {
	list-style: none;
	text-align:right;
	padding:10px 0;	
}

.fpfooter ul li {
	display: inline;
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding:3px 0 3px 15px;
}

.fpfooter ul li.comments {
	background-image: url(/images/a36.gif);
}

.fpfooter ul li.readmore {
	background-image: url(/images/a38.gif);
}

.articleimage {
	border: 1px solid #CCCCCC; 
	padding:5px; 
	margin: 3px;
	align: right;
}



/* MAINCONTENT
==================================================================*/


.thumbnail{
	float: left;
	padding: 5px;
	margin-right: 5px;
	border: 1px solid #ECECEC;
}

.imgborder {
	border: 1px solid #DFDFDF;
	float: right;
	clear: both;
}

.commentbox {
	background-color: #ececec;
	width: 640px;
	padding: 10px;
}

.commentfooter {
	background: url(/images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-left: 58px;
	padding-top: 1px;
	margin-bottom: 2em;
	font-size: 90%;
	color: #4A4A4A;
}

.tyretitle {
	padding-bottom: 4px;
	border-bottom: 1px dotted #DFDFDF;
	font-style: italic;
	font-size: 90%;
}

.encouragement {
	border-top: 1px dotted #DFDFDF;
	font-size: 90%;
	font-style: italic;
}

#ajaxsearcharea {
	float:left;
	background: url(/images/form-search.gif) no-repeat scroll 0 0;
	height:25px;
	margin-top: 25px;
	padding:1px 0 0 29px;
	width:420px;
}

.ajaxsearchbox {
	border:medium none;
	margin-right:4px;
	padding:3px 5px;
	width:345px;
}

#grouptestresult {
	clear: both;
	margin-top: 15px;
	padding: 2px;
	width: 644px;
}
#grouptestresult h3 {
	margin: 0 0 2px 0;
	font-size: 0.8em;
}
#grouptestresult ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #bbb;
}
#grouptestresult ul li {
	line-height: 16px;
	border-bottom: 1px solid #bbb;
	font-size: 0.8em;
}
#grouptestresult li a {
	text-decoration: none;
}
#grouptestresult ul li a:hover {
	background: #eee;
}



#alt-tyres {
	float: left;
	clear: both;
	margin-top: 10px;
	width: 100%;
	padding: 0px 5px 0px 5px;
	float: left;
}
#alt-tyres h3 {
	margin: 2px 0 2px 0;
	font-size: 0.8em;
}
#alt-tyres ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#alt-tyres ul li {
	display: block;
	float: left;
	line-height: 24px;
	font-size: 0.8em;
	width: 33%;
}
#alt-tyres ul li a {
	text-decoration: none;
}
#alt-tyres ul li a:hover {
	background: #eee;
}



#previouspage {
	float:left;
	font-size: 1.6em;
	font-weight: bold;
}
#nextpage {
	float:right;
	font-size: 1.6em;
	font-weight: bold;
}


/* RIGHT HAND LINKS
==================================================================*/

#links a:link {
	color: #003366;
}

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

#links a:visited {
	color: #003366;
}

#links ul li {
	background-image: url(/images/a38.gif);
}

#links img {
	padding: 5px 0 5px 0;
}

#links h2 {
	background:transparent url(/images/dots_grey.gif) repeat-x scroll center bottom;
	display:block;
	margin:16px 0pt 6px;
	padding:0pt 0pt 7px 3px;
}



/* GRID
==================================================================*/

.grid {
	font-size: 90%;
}

.grid td {
	border-bottom: 1px solid #999999;
}



/* ARTICLE/LONGTERM PAGE
==================================================================*/

.article {

}

.article-footer {
	margin-top: 10px;
	background: #eee;
}

.longtermreview h4 {
	width: 535px;
	border-bottom: 1px solid #DFDFDF;
}

.articlethumb {
	float: right;
	padding: 2px;
	margin: 4px;
	font-size: 80%;
	color: black;
	border: 1px solid #DFDFDF;
	text-align: center;
	max-width: 160px;
}

.longtermborder {
	float: right;
	padding: 2px;
	margin: 4px;
	font-size: 90%;
	border: 1px dotted #DFDFDF;
	text-align: center;
}

#resulttable {
	width:100%;
	border-collapse:collapse;
}
#resulttable td {
	font-size: 0.9em;
	border-bottom:1px solid #CCC;
	padding:3px 7px 2px 7px;
	color:#000000;
	height: 40px;
}
#resulttable tr.alt td {
	color:#000000;
	background-color:#EEE;
}
#resulttable td.top {
	font-weight: bold;
}

#resulttable td.head {
	font-weight: bold;
}

#resulttable td.comment {
	font-weight: italic;
	font-size: 0.8em
}

.tgfooter {
	background: url(/images/a33.gif) repeat-x bottom;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.article-contents {
	float:right;
	margin-left: 5px;
	padding: 3px;
	background: #ddd;
	border: 1px solid #555;
}

.article-contents ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #555;
}

.article-contents ul li {
	line-height: 26px;
}
.article-contents ul li a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
}
.article-contents ul li a:hover {
	background: #bbb;
}

.article-quote {
	float:right; 
	background-color: #eee; 
	border: 1px dashed #ddd; 
	width: 200px; 
	font-style: bold; 
	font-color: black; 
	font-size: 1.1em; 
	margin: 5px; 
	padding: 12px;
}



/* FOOTER 
==================================================================*/

#footer {
	clear: both;
	float: left;
	width: 974px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #292929;
	/* border-top: 20px solid #fff; */
	font-size: 0.9em;
	text-align: left;
	color: #fff;
}
#footer-divs {
	float: left;
	clear: both;
	margin: 0;
	padding: 20px;
}
#footer-left,
#footer-mid,
#footer-right {
	width: 30%;
	padding: 20px 0 20px 20px;
	float: left;
}
#footer h2 {
	margin: 0 0 10px 0;
	padding: 0 8px;
	font-size: 1.6em;
	color: #fff;
}
#footer h2 span {
	color: #888;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #555;
}
#footer ul li {
	line-height: 26px;
	border-bottom: 1px solid #555;
}
#footer ul li a {
	display: block;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover {
	background: #191919;
}
#footer-sep {
	clear: both;
}

/* REVIEWBARS 
==================================================================*/

#reviewcontainer {
	width: 420px;
}

#reviewbar {
	float:right; 
	width:420px; 
	height:20px; 
	background-color:#92b7d3; 
	margin-top: 2px;
}


/* long term bar styling
==================================================================*/

#vertgraph {                    
	width: 378px; 
	height: 207px; 
	position: relative; 
	background: url("/images/g_backbar.gif") no-repeat; 
}
#vertgraph ul { 
	width: 378px; 
	height: 207px; 
	margin: 0; 
	padding: 0; 
}
#vertgraph ul li {  
	position: absolute; 
	width: 28px; 
	height: 160px; 
	bottom: 34px; 
	padding: 0 !important; 
	margin: 0 !important; 
	background: url("/images/g_colorbar3.jpg") no-repeat !important;
	text-align: center; 
	font-weight: bold; 
	color: white; 
	line-height: 2.5em;
}

#vertgraph li.critical { left: 24px; background-position: 0px bottom !important; }
#vertgraph li.high { left: 101px; background-position: -28px bottom !important; }
#vertgraph li.medium { left: 176px; background-position: -56px bottom !important; }
#vertgraph li.low { left: 251px; background-position: -84px bottom !important; }
#vertgraph li.info { left: 327px; background-position: -112px bottom !important; }

/* jquery star ratings
==================================================================*/
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

/*
autosuggest, inquisitor style 
==================================================================*/

div.autosuggest {
	position: absolute;
	background-image: url(/images/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer {
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(/images/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer {
	background-image: url(/images/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(/images/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner {
	background-image: url(/images/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(/images/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(/images/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(/images/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(/images/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}

/* FLOATY REGISTER *************************** */
#loveyourtyres {
	height: 101px;
	width: 453px;
	display: none;
	overflow: hidden;
}
#loveyourtyres a.close {
	background: url(/images/register.png) no-repeat 0 -101px;
	height: 28px;
	width: 28px;
	display: inline;
	float: right;
	position: relative;
	top: 18px;
	right: 8px;
	z-index: 9999;
}
#loveyourtyres img {
	position: relative;
	top: -16px;
	z-index: 9998;
	border: none;
}

/* FANCYBOX LIGHT BOX
================================================================== */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('/images/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('/images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('/images/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('/images/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('/images/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/images/spacer.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('/images/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('/images/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancy_shadow_nw.png') no-repeat;
}

/* POLL CSS ********************************************************* */
#pollcontainer{
	margin:5px; 
	border:1px solid #f3f3f3;
	background:#f9f9f9; 
	padding:5px;
}
#loader{ display:none; text-align:center;}

.option { margin:5px 0; }

.option p { line-height:1.1em; font-size:0.85em; }

.bar { height:10px; background:#3399cc; }

.yourvote { background:#113399; }

.pollques { font-weight: bold; }

#formcontainer input { 
	float: left;
	clear: both;
}

#formcontainer label {
	width: 80%;
	text-align: left;
	float: left;
	margin-left: .5em;
}