/* reset

   - - - - - - - - - - - - - - - */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

table                        { border-spacing: 0; border-collapse: collapse; }
caption, th, td              { text-align: left; font-weight: normal; }
blockquote, q                { quotes: none; }
:focus                       { outline: 0; }
button::-moz-focus-inner     { border: 0; padding: 0; }


/* html elements
   - - - - - - - - - - - - - - - */
html {
	height: 100%
}

body {
    color: #333;
    background: #C9C9CB;
    font-family: Arial, sans-serif;
    width: 100%;
}

a, a:visited {
	color: #000;
}

a:hover {
	color: #EE322A;
}

h1, h2, h5				{ color: #EE322A; font-family: Arial, sans-serif; margin-bottom: 10px; }
h3, h4					{ color: #000; }

h1                      { font-size: 20px; }
h2                      { font-size: 17px; }
h3                      { font-size: 14px; margin-bottom: 4px; margin-top: 1em; }
h4                      { font-size: 13px; margin: 2px 0 6px; font-weight: bold; }
h5						{ font-size: 12px; margin-bottom: 5px; }

h1 span					{ color: #000; }
h2.break				{ color: #000; margin-top: 34px; }
h4 span					{ background-color: #7BB34D; color: #FFF; float: right; padding: 0 6px; }

h2 a, h2 a:visited		{ color: #EE322A; text-decoration: none; }

p						{ margin-bottom: 1em; }

blockquote 				{ font-size: 14px; margin: 1.6em 0; }

form 					{ float: left; clear: both; }
input[type=text]		{ padding: 1px; }
input[type=submit]		{ padding: 0; }

label, 					
	input[type=submit]	{ display: block; margin: 1em 0.2em 0.2em; }

/* utility classes
   - - - - - - - - - - - - - - - */
.click					{ cursor: pointer; }
.hide					{ display: none; }
.clear					{ clear: both; float: left; width: 100%; }
.banner					{ float: left; width: 680px; }
.inline					{ color: #aaa; clear: right; float: right; margin: 0 0 1em 1em; text-align: center; }
.inline em				{ display: inline; }
.inline em.black		{ color: #000; }
.left 					{ clear: left; float: left; margin: 0 1em 1em 0; }
.right					{ float: right; }
.long					{ clear: both; margin-top: 48px; }
.noclear				{ clear: none;  }
.nomargin				{ margin: 0; }
.noborder				{ border: none; }
.up						{ margin-top: -20px; }
.down					{ margin-top: 20px; }
.thin					{ text-indent: 4px; width: 1%; }
.out					{ display: block; margin: 8px 0; }
.out a					{ text-decoration: none; }
.out a:hover			{ text-decoration: underline; }
.black					{ color: #000; }
.contact-numbers		{ clear: both; text-align: center; }
.contact-numbers div	{ border-right: 1px solid #000; float: left; margin: 40px 0 8px; padding: 0 8px; text-align: center; width: 180px; }
.contact-numbers strong { display: block; margin-bottom: 4px; }
.big-black				{ font-size: 32px; color: #000; text-transform: uppercase; text-align: center; text-shadow: 1px 1px  #ee322a; }
.big-red				{ color: #ee322a; font-size: 20px; text-shadow: 1px 1px  #000; }


/* page
   - - - - - - - - - - - - - - - */
#page {
	background: #FFF;
	float: left;
	min-height: 100%;
	left: 50%;
	margin-left: -471px;
	position: relative;
	width: 942px;
}

/* footer 
   - - - - - - - - - - - - - - - */
#footer {
	clear: both;
	float: left;
	position: relative;
	font-size: 11px;
	padding: 1em 20px;
	text-align: center;
	width: 100%;
}

/* 4x4club
   - - - - - - - - - - - - - - - */
div.club-banner a {
	background: no-repeat;
	display: block;
	font-size: 24px;
	font-weight: bold;
	height: 126px;
	text-decoration: none;
	width: 600px;
}

div.downloads a {
	background-image: url("../../images/4x4-banner-1.jpg");
}

div.competitions a {
	background-image: url("../../images/4x4-banner-2.jpg");
}

div.club-banner a h2 {
	background-color: #EE322A;
	color: #FFF;
	display: inline;
	line-height: 1.6;
	padding: 4px 12px;
}

div.club-banner a:hover h2 {
	background-color: #FFF;
	color: #EE322A;	
}

/* header
   - - - - - - - - - - - - - - - */
#header {
	float: left;
	height: 250px;
}

#logo {
	height: 250px;
}

#header div.banner {
	text-align: right;
	height: 250px;
}

#header a {
	color: #fff;
	display: block;
	font-size: 12px;
	padding: 206px 20px 10px 0;
	text-decoration: none;
	text-shadow: #000 1px 1px 2px;
}

/* logo
   - - - - - - - - - - - - - - - */
#logo {
	background-image: url("../../images/header-logo.jpg");
	float: left;
	width: 262px;
}

/* banner
   - - - - - - - - - - - - - - - 
#banner-1	{ background-image: url("../../images/header-banner-1.jpg"); }
#banner-2	{ background-image: url("../../images/header-banner-2.jpg"); }
#banner-3	{ background-image: url("../../images/header-banner-3.jpg"); }
#banner-4	{ background-image: url("../../images/header-banner-4.jpg"); }
#banner-5	{ background-image: url("../../images/header-banner-5.jpg"); }
#banner-6	{ background-image: url("../../images/header-banner-6.jpg"); }
#banner-7	{ background-image: url("../../images/header-banner-7.jpg"); }
#banner-8	{ background-image: url("../../images/header-banner-8.jpg"); }
#banner-9	{ background-image: url("../../images/header-banner-9.jpg"); }
*/
/* navigation
   - - - - - - - - - - - - - - - */ /*
#navigation {
	background-color: #EE322A;
	clear: left;
	color: #fff;
	text-align: center;
}

#navigation ul li {
	border-left: 1px solid #FFF;
	display: inline;
	list-style-type: none;
	line-height: 22px;
}

#navigation ul li.noborder {
	border-left-color: #EE322A;
}

#navigation ul li a {
	color: #FFF;
	font-size: 11px;
	padding: 0 15px;
	text-decoration: none;
}

#navigation ul li a:hover {
	color: #333;
}

*/ /* navigation
   - - - - - - - - - - - - - - - */
#navigation {
	background-color: #EE322A;
	float: left;
	width: 100%;
	z-index: 89;
}

#navigation ul {
	background-color: #EE322A;	
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 89;
	margin-left:20px;
}

#nav a {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0.2em 8px;
	z-index: 89;
}

#nav a:hover {
	text-shadow: #fff 0px 0px 3px;
	color: #333;
}

#nav li li a, #nav li li li a {
	display: block;
	padding: 0.2em 9px;
	z-index: 89;
}

li {
	background-color: #EE322A;
	float: left;
	position: relative;
	cursor: default;
	padding: 0 10px 4px;
	border-left: 1px solid #fff;
	text-align: center;
	z-index: 89;
}

li.noborder {
	border-left: 1px solid #EE322A;
	padding-left: 4px;
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 0.5em 0 1em 0;
	border: 1px solid #aaa;
	border-width: 0 1px 1px 0;
	z-index: 89;
	margin:0px;
}

li li ul {
	display: none;
	position: absolute;
	top: 0;
	margin:0px;
	left: 100%;
	font-weight: normal;
	padding: 0.5em 0 1em 0;
	border: 1px solid #aaa;
	border-width: 0 1px 1px 0;
	z-index: 90;
}

#navigation ul li ul {
	padding-bottom: 0.3em;
	z-index: 89;
	margin-left:0px;
}

#navigation ul li ul li ul {
	display: none;
	z-index: 90;
	margin:0px;
}

li li {
	display: block;
	float: none;
	clear: left;
	border: 0;
	padding: 1px 0 2px;
	z-index: 89;
}

li li li {
	display: block;
	float: left;
	clear: left;
	border: 0;
	padding: 1px 0 2px;
	z-index: 90;
}

li:hover ul, li.over ul {
	display: block;
	z-index: 89;
}

#navigation ul li:hover ul li:hover ul, #navigation  ul li.over ul li.over ul {
	display: block;
	z-index: 90;
}


/* sidebar
   - - - - - - - - - - - - - - - */
#sidebar {
	float: left;
	font-size: 11px;
	padding: 1em 20px;
	width: 222px;
}

#sidebar img {
	margin-top: 1em;
}

/* sidebar-login
   - - - - - - - - - - - - - - - */
#sidebar-login {
	background: #ababab;
	color: #fff;
	float: left;
	font-size: 11px;
	padding: 1em 12px 0;
	margin-bottom: 12px;
	width: 196px;
}

#sidebar-login a {
	color: #fff;
}

#sidebar-login h2 {
	color: #fff;
	font-size: 22px;
	text-align: center;
	letter-spacing: 0.05em;
	margin-bottom: 0.15em;
}

#sidebar-login p {
	color: #fff;
	text-align: center;
}

#sidebar-login input {
	float: right;
	width: 130px;
	margin-top: 0.5em;
}

#sidebar-login input[type=text] {
	padding: 2px;
}

#sidebar-login label {
	float: left;
	clear: left;
	width: 50px;
	text-align: right;
}

#sidebar-login input[type=submit]:hover {
	text-shadow: #fff 0px 0px 3px;
	color: #333;
}

/* content
   - - - - - - - - - - - - - - - */
#content {
	float: left;
	font-size: 12px;
	padding: 1em 20px;
	width: 640px;
}

#content ul, #content ol {
	margin: 0 0 10px;
	margin-left:25px;
        *padding-left: 15px !important;

	width:380px;        
}

#content ul li, #content ol li {
	/*background: #fff url("../../images/list.png") no-repeat 2px 4px;*/
	background-color: transparent;
	border: 0;
	
	padding: 0;
	float:none;
	
	text-align: left;
	/*width: 100%;*/
	z-index: 1;
}

#content table {
	font-size: 11px;
	/*width: 100%;*/
}

#content table a, #content table a:visited {
	color: #333;
	text-decoration: underline;
}

#content table td, #content table th {
	padding: 8px 5px;
	text-align: left;
}

#content table th {
	font-weight: normal;
}

#content table tr td {
	vertical-align: top;
}

#content table tr.o td {
	background: #eee;
}

#content table tr.h th,
#content table tr.h td {
	background: #333;
	color: #fff;
}

#content table tr td.n {
	background: #D16952;
	color: #fff;
}

#content table tr td.y {
	background: #7BB34D;
	color: #fff;
}

#content table th a, #content table th a:visited,
#content table tr.h td a, #content table tr.h td a:visited,
#content table td.n a, #content table td.n a:visited,
#content table td.y a, #content table td.y a:visited {
	color: #fff;
	text-decoration: none;
}

#content table.hover tr:hover td {
	background-color: #e5e5e5;
}

#content table.hover tr:hover td.y {
	background: #7BB34D;
} 

#content table tr th.nocolor {
	color: #333;
}

#content table tr.marker td {
	line-height: 54px;
	padding-top: 0;
	padding-bottom: 0;
}
#content table tr.hidden {
	display: none;
}

/* left-column
   - - - - - - - - - - - - - - - */
#left-column {
	float: left;
	width: 410px;
}

/* right-column
   - - - - - - - - - - - - - - - */
#right-column {
	float: right;
	width: 200px;
}

#right-column img {
	border: 2px solid #c2c2c2;
	margin-bottom: 1em;
}

#right-column img.noborder {
	border-color: #fff;
}

/* notice
   - - - - - - - - - - - - - - - */
#notice {
	background: #c2c2c2;
	border: 2px solid #c2c2c2;
	color: #fff;
	float: left;
	padding: 1em 1em 0;
}

#notice:hover {
	background: #EE322A;
	border-color: #EE322A;
}

#notice h5 {
	font-color: #fff;
}

/* overview
   - - - - - - - - - - - - - - - */
#overview div {
	background-color: #fff;
	background-position: top right;
	background-repeat: no-repeat;
	border: 2px solid #c2c2c2;
	clear: none;
	float: left;
	height: 197px;
	margin: 0 1em 1em 0;
	overflow: hidden;
	width: 197px;
}

#overview div:hover,
#overview div:hover a h2,
#overview div a:hover h2 {
	border-color: #EE322A;
	background-color: #EE322A;
}

#overview div:hover {
	background-color: #fff;
}

#overview div  a {
	color: #fff;
	display: block;
	height: 200px;
	text-decoration: none;
	width: 200px;
}

#overview div h2 {
	background-color: #c2c2c2;
	color: #fff;
	font-weight: normal;
	margin-bottom: 0;
	text-indent: 4px;
}
.mer						{ background-image: url("../../images/mer.jpg"); }
.atz4						{ background-image: url("../../images/tyre-atz-4-rib-thumb.jpg"); }
.cii0						{ background-image: url("../../images/wheel-classic-ii-thumb.jpg"); }

/* overview classes
   - - - - - - - - - - - - - - - 
.cii0						{ background-image: url("../../images/wheel-classic-ii-thumb.jpg"); }
.cl0						{ background-image: url("../../images/wheel-classic-lock-thumb.jpg"); }
.dc0						{ background-image: url("../../images/wheel-dc-1-black-thumb.jpg"); }
.dc1						{ background-image: url("../../images/wheel-dc-1-chrome-thumb.jpg"); }
.dc2						{ background-image: url("../../images/wheel-dc-1-polished-thumb.jpg"); }
.sb0						{ background-image: url("../../images/wheel-sidebiter-thumb.jpg"); }
.t0							{ background-image: url("../../images/wheel-torque-thumb.jpg"); }
.atz4						{ background-image: url("../../images/tyre-atz-4-rib-thumb.jpg"); }
.atz5						{ background-image: url("../../images/tyre-atz-5-rib-thumb.jpg"); }
.mtz						{ background-image: url("../../images/tyre-mtz-thumb.jpg"); }
.fcii						{ background-image: url("../../images/tyre-f-c-ii-thumb.jpg"); }
.claw						{ background-image: url("../../images/tyre-claw-thumb.jpg"); }
.lsi						{ background-image: url("../../images/tyre-lsi-thumb.jpg"); }
.at, .wild					{ background-image: url("../../images/tyre-at-thumb.jpg"); }
.comp						{ background-image: url("../../images/wheel-comp-image-1-thumb.jpg"); }
*/

#overview div.long {
	background-position: left 30px;
	height: 130px;
	width: 600px;
}

#overview div.long a {
	height: 132px;
	width: 600px;
}


#overview div.long h2 {
	width: 210px;
	float: left;
}

#overview div table {
	color: #000;
	float: left;
	width: 390px;
}

#overview div table th {
	background: #c2c2c2;
	color: #fff;
	padding: 2px 5px 4px;
}

#overview div:hover a table th,
#overview div a:hover table th {
	background-color: #EE322A;
}

#overview.wii div {
	height: 100%;
	width: 100%;
}

#overview.wii div a {
	height: 100%;
	width: 100%;
}

#overview.wii div a img {
	border: 0;
	margin: 0;
}

/* loading
   - - - - - - - - - - - - - - - */
#loading {
	background: #e4e4e4 url(../../images/loading.gif) center center no-repeat;
	display: none;
	float: left;
	height: 350px;
	margin: 8px 0 0;
	width: 100%;
}

/* errors
   - - - - - - - - - - - - - - - */
#errs {
	color: #EE322A;
	line-height: 24px;
	width: 100%;
}

#errs ul li {
	background: #fff;
	display: inline;
}

/* loading-small
   - - - - - - - - - - - - - - - */
#loading-small {
	background: url(../../images/loading-small.gif);
	float: left;
	display: none;
	height: 16px;
	margin: 0 8px;
	width: 16px;
}

#loading-small-grey {
	background: url(../../images/loading-small-grey.gif);
	float: right;
	display: none;
	height: 16px;
	margin: 0 8px;
	width: 16px;
}

/* map
   - - - - - - - - - - - - - - - */
#map {
	float: left;
	margin: 8px 0 0;
	height: 350px;
	width: 100%;
}

/* directions
   - - - - - - - - - - - - - - - */
#directions {
	background: #eee;
	color: #888;
	display: none;
	float: left;
	margin: 8px 0 0;
	padding: 10px;
}

#directions h3 {
	float: left;
	width: 90%;
}

#directionsAddress {
	width: 516px;
}

#directionsPanel {
	display: none;
	float: left;
	width: 100%;
}

#directionsPanel h4 {
	margin: 8px 8px 0;
}

/* results
   - - - - - - - - - - - - - - - */
#results, #events, #downloads, #competitions {
	clear: left;
	float: left;
	margin-top: 12px;
	width: 100%;
}

/* downloads
   - - - - - - - - - - - - - - - */
#downloads div,
#competitions div {
	border-top: 1px solid #c2c2c2;
	clear: both;
	float: left;
	margin-bottom: 14px;
	width: 100%;
}

#downloads div img,
#competitions div img {
	border: 1px solid #c2c2c2;
	float: left;
	margin: 4px 12px 0 0;
	padding: 2px;
}

#downloads div h2,
#competitions div h2 {
	margin: 4px 0;
}

#downloads div h3,
#competitions div h3 {
	background: #c2c2c2;
	color: #fff;
	float: right;
	font-size: 12px;
	padding: 3px;
}

#downloads div:hover,
#competitions div:hover {
	border-color: #EE322A;
	cursor: pointer;
}

#downloads div:hover h3,
#competitions div:hover h3 {
	background-color: #EE322A;
}

#downloads div a:hover,
#competitions div a:hover {
	color: #EE322A;
}

/* events
   - - - - - - - - - - - - - - - */
#events div {
	border-top: 1px solid #c2c2c2;
	clear: both;
	float: left;
	margin-bottom: 14px;
	width: 100%;
}

#events div img {
	border: 1px solid #c2c2c2;
	float: left;
	margin: 4px 12px 0 0;
	padding: 2px;
}

#events div h2 {
	margin: 4px 0;
}

#events div h3 {
	background: #c2c2c2;
	color: #fff;
	float: right;
	font-size: 12px;
	padding: 3px;
}

#events div:hover{
	border-color: #EE322A;
	cursor: pointer;
}

#events div:hover h3 {
	background-color: #EE322A;
}

#events div:hover a {
	color: #EE322A;
}

#startDate, #endDate {
	width: 85px;
}

/* phone
   - - - - - - - - - - - - - - - */
#phone {
	color: #EE322A;
	float: left;
	margin-top: 2em;
	text-align: center;
}

#phone strong {
	display: block;
}

/* article
   - - - - - - - - - - - - - - - */
.article-summary-thumb {
	float: left;
	text-align:center;
	width: 18%;
	margin-right: 2%;
}

.article-summary-thumb img {
	border: 1px solid #aaa;
	padding: 1px;
	margin: 2px;
}

.article-summary {
	float: left;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #ccc;
}

.article-summary-with-image {
	width: 80%;
}

.article-summary h2, .article-summary p {
	margin-bottom: 0.1em;
}

.article-summary a.read-more {
	display: block;
	float: right;
	margin-top: 1em;
	color: #aaa;
}

.article-summary a.read-more:hover {
	color: #ee322a;
}

/* dealerForm
   - - - - - - - - - - - - - - - */
#dealerForm {
	display: block;
	float: left;
}

/* dealerPostcode
   - - - - - - - - - - - - - - - */
#dealerPostcode {
	width: 100px;
}

/* misc
   - - - - - - - - - - - - - - - */
#content table td.form-caption			{ text-align: right; }
#content table td.form-caption img		{ margin: 0 0 -5px 6px; }
#content table td input[type=checkbox]	{ margin-top: -1px; }
#content ul.open li	{ background: none; margin: 0.5em 0; text-indent: 0; }

/* wildcat
   - - - - - - - - - - - - - - - */
#wildcat {
	background: url(../../images/tyre-wildcat-puma.jpg) top no-repeat;
	color: #fff;	
	padding: 92px 12px 12px;
}

#wildcat h1 {
	font-size: 22px;
	text-shadow: #000 2px 2px 2px;	
}

#wildcat h2 {
	color: #9D9E9F;
	text-shadow: #000;
}

#wildcat h2 span {	
	color: #fff;
}

#wildcat h3 {
	color: #fff;
	font-size: 12px;	
}
.centerColumn{width:600px;display:block;}
.navNextPrevWrapper{display:none;}
.buttonRow {float:left; width:100px;}
.centerBoxContentsFeatured{float:left;width:200px;display:block;height:230px; margin:5px; margin-right:50px;}
.centerBoxContentsFeatured a{font-size:14px;font-weight:bold;}
.centerBoxContentsFeatured{font-size:14px;}


.tyre-overview{margin:0;padding:0;}
.tyre-overview a{text-decoration:none;}
.tyre-overview img {margin:0;padding:0;margin-bottom:-8px;}
.tyre-overview table{width:100%;margin:0;padding:0; border:solid 2px #CCC; margin-bottom:15px;}
.tyre-overview table:hover{width:100%;margin:0;padding:0; border:solid 2px #ee322a; margin-bottom:15px;}
.tyre-overview table:hover th{background:#ee322a;}
.tyre-overview table:hover td{color:#333;}
.tyre-overview table tbody{margin:0;padding:0;}
.tyre-overview table th{background:#CCC; color:#FFF; font-weight:normal; margin:0;padding:0;height:20px;}
.tyre-overview table th h2{margin:0; padding:0; color:#FFF; font-weight:normal;}
.tyre-overview table tr {margin:0;padding:0;}
.tyre-overview table td {margin:0;padding:0;}

.wheel-overview{margin:0;padding:0;}
.wheel-overview a{text-decoration:none;}
.wheel-overview table{margin:10px;padding:0; float:left; border:solid 1px #CCC;}
.wheel-overview table td{margin:0;padding:0; background:#CCC; color:#FFF;}
.wheel-overview table:hover{margin:0padding:0; float:left; border:solid 1px #ee322a;}
.wheel-overview table:hover td{margin:0;padding:0; background:#ee322a;}

.cartAttribsList ul{margin:0;padding:0;list-style:none;}
.cartAttribsList ul li{margin:0;padding:0;list-style:none;}