/* ## Global ## */

html, body {
	margin: 0; padding: 0 0 20px 0;
	background: url('../images/body_back.png') repeat #2f2f2f;
	color: #c8c8c8;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
	font-size: 1em;
	font-weight: bold;
}

ul, ol {
	margin: 0; padding: 0;
	list-style-type: none;
}

dl, dt, dd {
	margin: 0; padding: 0;
}

form {
	margin: 0; padding: 0;
}

p {
	margin: 1em 0;
}

a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;	
}
a img {
	border: 0;
}

label {
	color: #ffffff;	
}

::-moz-selection{
	background: #000000;
	color: #ffffff;
}

::selection {
	background: #000000;
	color: #ffffff;
}

img[wysiwygright],
.wysiwygright,
.imgright {
	float: right;
	margin: 0 0 20px 20px;
}

img[wysiwygleft],
.wysiwygleft,
.imgleft {
	float: left;
	margin: 0 20px 20px 0;
}

.highlight {
	color: #e21421;	
}

.warning {
	background: #e21421;
	padding: 0 2px;
	color: #FFFFFF;	
}

ul.error {	
	color: #ffffff;
	font-weight: bold;
	padding: 15px 0;
	line-height: 1.6em;
	margin: 0 !important;
	list-style-type: none !important;
}

ul.error li {
	background: url('../images/bullet_error.png') 0 4px no-repeat; 	
	padding: 0 0 0 18px;
}


/* ## Generic ## */

.col  {
	float: left;
	width: 50%;
}


.row {
	overflow: hidden;
}


.form label , .form .textbox {
	margin-bottom: 15px;
}
.form .textbox { 
	float: left;
	width: 188px;
	border: 1px solid #7a7a7a;
	padding: 2px;
}	
.form label {
	float: left;
	clear: left;
	width: 105px;
}
.form label.fulllength {
	float: none;
	display: block;
	width: auto;
	padding: 35px 0 0 0;
}
.form textarea {
	width: 611px;
	border: 1px solid #7a7a7a;
}
.form .submit {
	clear: both;	
}
.form .single {
	padding: 8px 0;
	overflow: hidden;	
}
.form .single label {
	display: block;
	float: none;
	clear: none;
	width: auto;
	margin: 0 0 5px 0;
	color: #ffffff;
}
.form .single .textbox {
	float: none;
	margin: 0;
	width: 182px;
}
.form .checkbox input {
	float: left;
	margin: 0 7px 0 0;
	*margin: -2px 5px 0 0;
}
.form .checkbox label {
	float: left;	
}


.box {
	background: url('../images/box_top.png') top repeat-x #232323;
	border-top: 2px solid #e21421;
	overflow: hidden;
}
.box .title {
	color: #ffffff;
	font-size: 15px;
	line-height: 1.1em;
	font-family: 'Arial', sans-serif;
	padding: 15px;
	background: url('../images/box_dash.png') bottom repeat-x;
	overflow: hidden;
}
.box .title span {
	display: block;
}
.box .content {
	padding: 8px 26px 8px 15px;
	clear: both;
}
.box .content p {
	margin: 1.3em 0 1.3em 0;
}
.box .content .largeimage {
	padding: 15px 27px 15px 16px;	
	float:left;
}
.box .more {
	padding: 15px 16px;
	border-top: 1px solid #000000;
}
.box .more a {
	color: #ffffff;
}

.box .content h1,
.box .content h2,
.box .content h3,
.box .content h4,
.box .content h5,
.box .content h6 {
	font-size: 1em;
	color: #FFFFFF;
}
.box .content h1 {
	font-size: 1.8em;	
}
.box .content h2 {
	font-size: 1.5em;	
}
.box .content h3 {
	font-size: 1.2em;	
}
.box .content img {
	margin: 20px;	
}
.box .content ul {
	margin: 0 0 0 25px;	
	list-style-type: disc;
}


.image {
	border: 0;	
}
.image a {
	display: block;	
}
.image img {
	border: 2px solid #232323 !important;
	display: block;	
}


.nav {
	overflow: hidden;
	background: url('../images/nav_repeat.png') repeat-x #2b2a2a;
	padding: 0 0 0 18px;
}
.nav li {
	float: left;
}
.nav a {
	background: url('../images/nav_left.png') -18px 0 no-repeat;
	display: block;
	outline: 0;
	float: left;
	cursor: pointer;
}
.nav a:hover {
	background-position: 0 -31px !important;
	margin: 0 0 0 -18px;
	position: relative;
}
.nav .outer {
	background: url('../images/nav_right.png') top right no-repeat;
	display: block;
	padding: 10px 38px 8px 18px;
	zoom: 1;
	float: left;
}
.nav a:hover .outer {
	background-position: bottom right;
	padding: 10px 38px 8px 36px;
}
.nav .outer span {
	padding: 0 !important;
	background: url('../images/nav.png') 0 13px no-repeat;
	width: 10px;
	height: 13px;
	overflow: hidden;
	text-indent: -5000px;
	display: block;
	float: left;
	cursor: pointer;
}
.nav a:hover .outer span {
	background-position: 0 13px;
}


.list {
	overflow: hidden;
}
.list .item {
	border-bottom: 1px solid #000000;
	padding: 15px;
	position: relative;
	overflow: hidden;
}
.list .last {
	border: 0;
}
.list .thumb {
	float: left;
	margin: 0 17px 0 0 !important;
	border: 1px solid #b9b9b9;
}
.list dl {
	overflow: hidden;
}
.list dt {
	font-weight: bold;
}
.list .paginationF {
	padding: 15px;
}
.list .paginationF a,
.list .paginationF span {
	padding: 2px 6px;
	margin: 0 0 0 2px;
	text-decoration: none;
}
.list .paginationF a {
	font-weight: bold;
}
.list.inner .item {
	background: none;
	padding: 20px 16px;
}
.list.event {
	padding-right: 230px;
	background: url('../images/event_image.png') 280px center no-repeat;
}
.list.detail .item {
	background: none;
}
.list.detail .col {
	width: 49.9%;
}
.list.detail .more {
	background: none !important;
}


.info {
	overflow: hidden;
}
.info dt {
	float: left;
	clear: both;
	width: 100px;
	padding: 0 0 1px 0;
}
.info dd {
	overflow: hidden;	
	padding: 0 0 1px 0;
	float: left;
	*float: none;
}


.links {
	margin: 0 !important; padding: 0;
	overflow: hidden;	
}
.links li {
	background: left center no-repeat;
	padding: 7px 0 7px 27px;	
}
.links .add {
	background-image: url('../images/icon_add.png');	
}
.links .review {
	background-image: url('../images/icon_review.png');	
}
.links .tech {
	background-image: url('../images/icon_tech.png');	
}
.links .friend {
	background-image: url('../images/icon_friend.png');	
}




/* ## Structure ## */

#site {
	background: #000000;
	width: 1012px;
	margin: 0 auto;
}

#holder {
	padding: 0 47px;
}


#header {
	overflow: hidden;
	position: relative;
}


#logo {
	padding: 25px 15px 25px 0;
	float: left;
}
#logo a {
	background: url('../images/cambrian_tyres.png') no-repeat;
	width: 158px;
	height: 57px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	float: left;
}

#slogan {
	background: url('../images/slogan.png') no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	margin: 45px 0 0 0;
}


#search {
	position: absolute;
	top: 50%; right: 0;
	margin: -18px 0 0 0;
	width: 195px;
	height: 36px;
}
#search label {
	display: block;
	margin: 13px 0 0 12px;
	background: url('../images/search_label.png') no-repeat;
	width: 43px;
	height: 11px;
	overflow: hidden;
	text-indent: -5000px;
	float: left;
}
#search .textbox {
	border: 1px solid #878787;
	float: left;
	margin: 9px 0 0 7px;
	line-height: 1em;
	font-size: 1em;
	font-family: 'Arial', sans-serif;
	width: 105px;
}
#search .submit {
	margin: 13px 0 0 7px;
	float: left;
}


#nav .home a {
	background-position: 0 0;
	margin: 0 0 0 -18px;
	position: relative;
}
#nav .home a span {
	padding: 10px 38px 8px 36px;	
}
#nav .home span span {
	width: 35px;
	background-position: 0 0;	
}
#nav .home a:hover span span {
	background-position: 0 -13px;
}
#nav .products span span {
	width: 126px;
	background-position: -35px 0;
}
#nav .products a:hover span span {
	background-position: -35px -13px;
}
#nav .manufacturers span span {
	width: 88px;
	background-position: -161px 0;
}
#nav .manufacturers a:hover span span {
	background-position: -161px -13px;
}
#nav .tradearea span span {
	width: 66px;
	background-position: -249px 0;
}
#nav .tradearea a:hover span span {
	background-position: -249px -13px;
}
#nav .news_events span span {
	width: 33px;
	background-position: -315px 0;
}
#nav .news_events a:hover span span {
	background-position: -315px -13px;
}
#nav .aboutus span span {
	width: 57px;
	background-position: -348px 0;
}
#nav .aboutus a:hover span span {
	background-position: -348px -13px;
}
#nav .contactus span span {
	width: 68px;
	background-position: -405px 0;
}
#nav .contactus a:hover span span {
	background-position: -405px -13px;
}


#banner {
	overflow: hidden;
	margin: 2px 0;
}
#banner .img {
	display: block;
	padding: 10px;
	background: #e21421;
}


#tyres {
	overflow: hidden;
	margin: 0 0 10px 0;
}
#tyres .outer {
	padding: 5px 28px 5px 8px;
}
#tyres a:hover .outer {
	background-position: bottom right;
	padding: 5px 28px 5px 26px;
}
#tyres .outer span {
	background: url('../images/tyres.png') no-repeat;
	height: 21px;
}


#tyres .avon a {
	background-position: 0 0;
	margin: 0 0 0 -18px;
	position: relative;
}
#tyres .avon .outer {
	padding: 5px 28px 5px 26px;	
}
#tyres .avon .outer span {
	width: 95px;
	background-position: 0 0;
}
#tyres .avon a:hover .outer span {
	background-position: 0 -21px;
}
#tyres .bridgestone .outer span {
	width: 95px;
	background-position: -95px 0;
}
#tyres .bridgestone a:hover .outer span {
	background-position: -95px -21px;
}
#tyres .continental .outer span {
	width: 95px;
	background-position: -190px 0;
}
#tyres .continental a:hover .outer span {
	background-position: -190px -21px;
}
#tyres .michelin .outer span {
	width: 95px;
	background-position: -285px 0;
}
#tyres .michelin a:hover .outer span {
	background-position: -285px -21px;
}
#tyres .dunlop .outer span {
	width: 95px;
	background-position: -380px 0;
}
#tyres .dunlop a:hover .outer span {
	background-position: -380px -21px;
}
#tyres .pirelli .outer span {
	width: 70px;
	background-position: -475px 0;
}
#tyres .pirelli a:hover .outer span {
	background-position: -475px -21px;
}
#tyres .metzeler .outer span {
	width: 95px;
	background-position: -545px 0;
}
#tyres .metzeler a:hover .outer span {
	background-position: -545px -21px;
}


#content {
	overflow: hidden;
}


.side {
	width: 223px;
}
.side.left {
	float: left;
	margin: 0 10px 0 0;
}
.side.right {
	float: right;
	margin: 0 0 0 10px;
}
.side .form {
	padding: 15px;	
}
.side .form label {
	float: none;
	width: auto;
	display: block;
	margin: 0 0 4px 0;
	color: #ffffff;
}
.side .form .submit {
	display: block;
	margin: 15px auto;	
}
.side .box {
	margin: 0 0 10px 0;
}


#subnav ul {
	padding: 15px 16px;
	font-size: 1.1em;
}
#subnav li {
	padding: 4px 0 4px 0;
	line-height: 1em;
}
#subnav .active a {
	color: #ec2f3a;
}
#subnav .img {
	display: block;	
}


#home {
	overflow: hidden;
	margin: 0 -10px 0 0;
}
#home .box {
	margin: 0 10px 10px 0;
}

#home_video .content {
	padding: 12px 26px 15px 11px;
}
#home_video .video {
	margin: 0 0 15px 0;	
	background: #1b1b1b;
}

#home_search .form {
	overflow: hidden;	
	padding: 10px 0;
}
#home_search .form span {
	float: left;	
}
#home_search .textbox {
	width: 145px;
	margin: -3px 0 0 0;
}
#home_search label {
	float: left;
	clear: none;
	width: auto;
	margin: 0;
	padding: 0 5px 0 3px;
}
#home_search .submit { 
	margin: 3px 0 0 7px;
	float: left;
	clear: none;
}


#product_detail {
	padding: 15px;
	overflow: hidden;
}
#product_detail .thumb {
	float: right;
	margin: 0;
	border: 0 !important;	
}
#product_detail h3 {
	font-size: 1.1em;
	margin: 0 0 1.3em 0;
}
#product_detail .desc {
	padding: 30px 0 0 0;
	clear: both;
	overflow: hidden;
}
#product_detail .links {
	padding: 10px 0 10px 0;	
}


#video {
	overflow: hidden;
}
#video .embed {
	float: left;
	border: 9px solid #000000;
}
#video embed,
#video object {	
	display: block;	
}
#video .content {
	clear: none;
	overflow: hidden;
	padding: 0 0 0 20px;	
}


#contact {
	overflow: hidden;	
}
#contact .content {
	background: url(../images/box_dash.png) repeat-x center bottom;	
}
#contact .contact {
	background: none;
	padding: 25px 26px 25px 15px;
}
#contact label {
	float: left;
	clear: left;
	width: 105px;
}
#contact label , #contact .textbox {
	margin-bottom: 15px;
}
#contact .textbox { 
	float: left;
	width: 188px;
	border: 1px solid #7a7a7a;
}
#contact label.fulllength {
	float: none;
	display: block;
	width: auto;
	padding: 35px 0 0 0;
}
#contact textarea {
	width: 611px;
	border: 1px solid #7a7a7a;
}
#contact .submit {
	margin: 30px auto 0 auto;
	display: block;
}
#contact ul.error {
	padding: 0 15px 35px 0;
}
#contact h4.error {
	color: #ffffff;
	font-weight: bold;
	margin: 0 0 25px 0;	
}
#contact .comments {
	clear: both;
	*padding: 15px 0 0 0;
	overflow: hidden;
}


#register .checks {
	overflow: hidden;
	clear: both;
	padding: 0 0 0 105px;
}

#register .checks .single {
	overflow: hidden;
	padding: 0;
	*padding: 3px 0;
}

#register .submit {
	clear: both;
	margin: 20px auto 0 auto;
	display: block;
}

#register .content {
	padding-bottom: 25px;	
}


#comment_form {
	padding: 30px 27px 30px 16px;
	overflow: hidden;	
}
#comment_form .submit {
	margin: 20px 5px 0 0;	
	float: right;
}
#comment_form textarea {
	width: 525px;
}
#comment_form ul.error {	
	color: #ff0;
	padding:1em;
	border:solid 1px #808080;
	margin:0 0 20px 0;
}


#tyre_search {
	overflow: hidden;
}
#tyre_search .box {
	position: relative;	
}
#tyre_search select {
	width: 180px;
	display: block;
	clear: both;
}
#tyre_search .title {
	background: none;
}

#tyre_search .keyword_search {
	position: absolute;
	top: 0; 
	right: 0;
	padding: 13px 13px;
}
#tyre_search .keyword_search h3 {
	float: left;
	padding: 3px;
}
#tyre_search .keyword_search label {
	float: left;
	clear: none;
	width: auto;
	padding: 3px 10px 3px 3px;
}
#tyre_search .keyword_search .textbox {
	float: left;
	width: 100px;
}
#tyre_search .keyword_search .submit {
	float: left;
	clear: none;
	margin: 6px;
}

#tyre_search .options {
	overflow: hidden;
	padding: 10px 0;
}
#tyre_search .options .box {
	width: 223px;
	float: left;
	margin: 0 9px 0 0;
	min-height: 325px;	
}
#tyre_search .options .step1 {
	width: 465px;
}

#tyre_search .options .title {
	padding: 17px 15px 17px 54px;
}
#tyre_search .options .title span {
	font-size: 0.9em;
	letter-spacing: -1px;
}
#tyre_search .options .content {
	background: url(../images/box_dash.png) top repeat-x;
	padding-top: 15px;
	position: relative;
}
#tyre_search .options .single {
	padding: 5px 0;	
}
#tyre_search .options .checkbox {
	padding: 1px 0;	
}
#tyre_search .options p {
	margin: 5px 0 1.3em 0;	
}
#tyre_search .options .first {
	margin: 0 8px 0 0;
}
#tyre_search .options .first .content {
	background: none;	
}
#tyre_search .options .last {
	margin: 0;	
}

#tyre_search .form label {
	margin: 0 0 6px 0;	
	width: auto;
	display: block;
}

#tyre_search .filter {
	overflow: hidden;
	width: 100%;
	padding: 18px 0 0 0;
}
#tyre_search .filter label {
	display: block;
	margin: 0;
	float: none;
	width: 100%;
	padding: 0 0 6px 0;
}
#tyre_search .filter .area {
	/*background: url('../images/filter_left.png') no-repeat 0 0;*/
	overflow: hidden;
}
#tyre_search .filter .keywords {
	background: #E8E3E3;
	float: left;
	width: 415px;
	padding: 4px;
	border-bottom: 1px solid #232323;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}
#tyre_search .filter .submit {
	float: right;
	clear: none;
}
#tyre_search .filter select {
	border: 0;
	width: 100%;
}
#tyre_search .filter option.empty {
	color: #838383;	
}


#tyre_search .checkboxlist {
	width: 100%;
	border-collapse: collapse;
}
#tyre_search .checkboxlist td {
	padding: 0;	
}
#tyre_search .checkboxlist input {
	float: left;
	margin: 0 10px 0 0;
	*margin: -2px 8px 0 0;
}
#tyre_search .checkboxlist label {
	width: auto;
	float: none;
	clear: none;	
}


#tyre_search .search {
	border: 0;
	background-image: none;	
}
#tyre_search .search .content {
	overflow: hidden;
	padding: 12px 13px;
}
#tyre_search .search .submit {
	float: right;	
}

#tyre_search .step2 {
	width: auto !important;
	float: none !important;
	margin: 0 !important;	
}

#tyre_search .step1 .title {
	background: url('../images/step1.png') 0 1px no-repeat;	
}
#tyre_search .step2 .title {
	background: url('../images/step2.png') 0 1px no-repeat;	
}
#tyre_search .step3 .title {
	background: url('../images/step3.png') 0 1px no-repeat;	
}

#tyre_search .error {
	padding: 0 0 10px 0;	
}

#tyre_search .error li {
	padding: 0;
}

#tyre_search .selection_error {
	position: absolute;
	top: 11px;
	right: 28px;
	width: 200px;
	color: #ffffff;
	font-weight: bold;
}


#tyre_search_results .content {
	position: relative;	
}
#tyre_search_results p {
	margin: 8px 0 10px 0;	
}
#tyre_search_results .info {
	padding: 0 0 10px 0;
}
#tyre_search_results .back {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 1.1em;
}


#tyre_search_results {
	overflow: hidden;
}
#tyre_search_results .paginationF {
	background: #232323;
	padding: 15px 20px;
	overflow: hidden;
	color: #ffffff;
	font-weight: bold;
}
#tyre_search_results .paginationF a,
#tyre_search_results .paginationF span {
	padding: 3px 5px;
	color: #ffffff;
	margin: 1px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1em;
}
#tyre_search_results .paginationF .currentPage {
	background: #e21421;
}


#tyre_results {
	width: 100%;
	background: #232323;
	margin: 20px 0 0 0;
	text-align: left;
	font-size: 1.1em;
	border-collapse:collapse;
	table-layout: fixed;
}
#tyre_results img {
	display: block;
	border: 1px solid #b9b9b9 !important;	
}
#tyre_results .img a {
	display: block;
	outline: 0;	
}
#tyre_results .img a:hover img {
	border: 1px solid #ffffff !important;
}
#tyre_results td {
	padding: 16px 16px;
	background: url('../images/box_top.png') bottom repeat-x;
	border-bottom: 1px solid #000000;
}
#tyre_results th {
	padding: 16px 16px;
	background: url(../images/box_dash.png) bottom repeat-x;
}
#tyre_results .top th {
	border-bottom: 3px solid #e21421;
	background: #000000;
	padding: 7px 5px 5px 5px;
	margin: 0 10px 0 0;
}
#tyre_results .top .sec {
	background: #e21421;
	color: #ffffff;
	text-align: center;
}
#tyre_results .sec {
	background-color: #181818;	
}
#tyre_results .split {
	width: 17px;
	padding: 0 !important;
}


#sitemap {
	margin: 0.5em 0 0.5em 1.5em;
}

#sitemap ul {
	margin: 1em 0 1em 1em;
}

#sitemap li {
	font-weight: bold;	
}

#sitemap ul li {
	font-weight: normal;
	margin: 0.25em 0 0.25em 1.5em;
	list-style-type:disc;
}


#login {
	padding-bottom: 18px;
}


#forgotten_pass {
	background: url(../images/box_dash.png) repeat-x top;
	padding-top: 29px;
	padding-bottom: 26px;
}


#search_results .form {
	overflow: hidden;
	padding: 10px 0 0 0;
}
#search_results .form label {
	float: left;
	margin: 6px 0 4px 0;
	width: auto !important;	
}
#search_results .form input {
	float: left;
	border: 0;
	margin: 5px 0 5px 10px;
}
#search_results .form .submit {
	clear: none;
	margin: 3px 0 0 3px !important;	
}
#search_results .list {
	clear: both;
	border: 0 !important;
}


.manufacturers .item {
	padding: 30px 16px;
}
dl.manufacturers {
	margin: 10px 0 0 0;
}
.manufacturers dt {
	padding: 0 0 10px 0;
}
.manufacturers dd {
	padding: 5px 0 0 0;
}
.manufacturers img {
	margin: 0 !important;	
}


#manufacturers_news {
	padding: 0 0 25px 0;
}
#manufacturers_news .item {
	border: 0;
	background: 0;
}
#manufacturers_news .row {
	border-bottom:1px solid #000000;
}


.comments .item {
	background: url(../images/box_dash.png) repeat-x top center;
}
.comments .body {
	padding: 5px 0 15px 0;	
}
.comments .author {
	text-align: right;
	color: #ffffff;	
}
.comments .date {
	text-align: right;
	font-weight: normal;
}
.comments .paginationF {
	padding: 15px;
	background: url(../images/box_dash.png) repeat-x scroll center top;
}


#footer {
	padding: 22px 0;
	overflow: hidden;
}
#footer ul {
	float: right;
}
#footer li {
	float: left;
	border-right: 1px solid #ffffff;
	padding: 0 7px;
	line-height: 1em;
	font-size: 0.9em;
	color: #FFFFFF;
}
#footer .last {
	padding: 0 0 0 7px;
	border: 0;
}
#footer a {
	font-weight: normal;
}