@charset "UTF-8";

/*
Theme Name: Maxxis RSA
Theme URI: http://digitalenergymedia.com
Description: Simple Truths South Africa by <a href="http://alexmaughan.com/">Alex Maughan</a>.
Version: 1.0
Author: Alex Maughan
Author URI: http://alexmaughan.com
Tags: black, orange, custom
*/



* {margin:0; padding:0;}

body {background-image:url(images/bg.gif); background-position:top left; background-repeat:repeat; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#010101; padding:20px 0; line-height:18px;}

h1 {font-size:14px; margin-bottom:10px;}

h2 {font-weight:normal; font-size:14px;}

p {margin-bottom:10px;}

a, a:visited, a img, a:visited img {outline:none; border:none; text-decoration:none;}

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

a:hover, a:visited:hover {text-decoration:underline;}

.clearer {clear:both; height:0px; line-height:0px; overflow:hidden;}

.header_bar {text-align:left; border-bottom:1px solid #000; margin:24px 0 20px 0; height:22px;}

.padding {padding-left:20px;}

.floatleft {float:left;}

.floatright {float:right;}

li {margin-left:20px; list-style-image:url(images/arrow_bullet.png); line-height:20px}

.slug {font-size:9px; color:#666;}



/*-----outer shell-----------*/

#container {margin:0 auto; width:970px; text-align:left;}

#header {width:970px;}

#nav { position:relative; z-index:10; height:41px;}

#nav .nav_item {float:left;}

#nav .search { background:url(images/search_bg.jpg) no-repeat top right; height:31px; width:207px; position:relative; z-index:100;}

#s_but {float:right; padding:7px 9px 0 0}

#s_box {background:none; border:none; color:#969797; margin:10px 0 0 15px; font-size:9px;width:150px; text-transform:uppercase;}

#flash_header {margin-top:-61px;position:relative; z-index:1; height:275px;}

#flash_header_in {padding-top:70px;}

#no_flash {padding-top:100px; font-size:10px; color:#fff; text-transform:uppercase; text-align:center; background:#000; height:116px;}

.page {background-color:#fff; background-image:url(images/footer_border.jpg); background-repeat: repeat-x; background-position: bottom left; padding:0 1px; padding-bottom:50px; min-height:400px; height:auto !important; height:400px;}

#footer {text-align:center; color:#ccc; font-size:10px; padding-top:10px;}



/*-----home page-----------*/

#home_left {width:630px; float:left;}

#home_left_left {width:414px; float:left;}

.latest_news_item {clear:both;}

.latest_news_item .thumb {width:109px; height:109px; float:left; margin-right:20px; padding-bottom:20px;}

.latest_news_item h1 { text-transform:uppercase; font-size:11px; font-weight:bold; margin-bottom:7px;}

#subscribeform {width:397px; height:28px; background:url(images/newsletter_bg.jpg) no-repeat top left; margin:10px 0 0 0;}

#subscribeform p { color:#fff; text-transform:uppercase; margin:0; padding:5px 0 0 15px; font-size:10px;}

#n_but {float:right; padding:6px 15px 0 0}

#n_box {float:right; background:none; border:none; color:#969797; margin:10px 0 0 15px; font-size:9px;width:210px;}

#home_left_right {float:right; width:189px;}

#home_left_right .header_bar {margin-bottom:0px;}

#fp_cont {height:344px; border:1px solid #fff;}

#featured_product {text-align:center; background:#E6E6E6; padding:7px; padding-top:10px; border:1px solid #ccc; border-bottom:1px solid #000;}

.featured_img {border:1px solid #ccc; border-bottom:none; background:#fff; height:80px; overflow:hidden;}

#fp_text {background:url(images/fp_txt_bg.jpg) repeat-x top left; text-align:left; padding:5px 10px;}

#fp_text a, #fp_text a:visited {text-transform:uppercase; font-size:10px; color:#333333; font-weight:bold;}

#fp_text h1 {text-transform:uppercase; color:#fff; font-size:11px; font-weight:normal; padding:5px 0; text-align:center; margin:0;}

#home_right {width:314px; float:right; text-align:left; padding-top:8px;}

.prod_action {margin-bottom:8px;}

.prod_action .tyre {text-align:right; padding-right:14px;}

.prod_action .head {height:19px; background:url(images/prod_action_head.jpg) repeat-x top left; text-transform:uppercase; font-size:10px; font-weight:bold;}

.prod_action .head .white {color:#fff; margin:0 0 0 10px; position:relative; z-index:100; letter-spacing:1px;}

.prod_action .head .black {color:#333; margin:-17px 0 0 11px;position:relative; z-index:99; letter-spacing:1px;}

.prod_action .txt {background:#E9E9E9; padding:7px;}

.prod_action .link {height:19px; background:#2F2F2F; padding-left:10px;}

.prod_action .link a, .prod_action .link a:visited {color:#fff; text-transform:uppercase; font-size:9px; line-height:19px; display:block; width:100%;}

.prod_action .link a:hover, .prod_action .link a:visited:hover {text-decoration:none; color:#ef5c2a;}



/*-----product page-----------*/

.prod_page {float:left; width:315px; height:160px; padding:15px 0 0 20px;}

.prod_page .txt {height:85px;}

.prod_row {height:300px;}



/*-----content pages-----------*/

#content_left {width:670px; float:left;}

.page_head {margin-bottom:4px;}

.page_head_m {background:url(images/page_head_m.jpg) repeat-x top left; float:left; height:23px; color:#fff; text-transform:uppercase; line-height:23px;}

#breadcrumb {float:right; text-align:right; text-transform:uppercase; font-size:10px;}

.landing_action {width:315px; height:128px; float:left; padding:15px 0 0 20px;}

.landing_action .txt {height:92px; padding:0px; padding-left:10px;}

.landing_action .txt img {float:right; margin-left:10px;}

.landing_action .txt p {margin:0; padding-top:5px;}

#content_right {float:right; text-align:left; width:253px; padding-right:20px;}

#content_right .header_bar {margin-bottom:0px;}

#content_sidebar {background:#E6E6E6; padding:20px 7px; border-bottom:1px solid #000;}

#content_sidebar a, #content_sidebar a:visited {color:#010101;}

#content_sidebar a:hover, #content_sidebar a:visited:hover {text-decoration:none; color:#ef5c2a;}

.product_list {width:158px; height:190px; float:left; padding:20px 0 10px 4px;}

.product_list .tyre {border:1px solid #CCC; border-bottom:none; text-align:right; padding-top:5px; height:133px;}

.product_list .left { text-align:left;}

.product_list .info {background:#000; color:#fff; height:47px; padding:0 10px;}

.product_list .info h1 {text-transform:uppercase; color:#fff; font-size:11px; font-weight:bold; padding-top:5px; margin:0;}

.product_list .info .line {height:9px; border-bottom:1px solid #ef5c2a; width:90px; }

.product_list .info a, .product_list .info a:visited {text-transform:uppercase; color:#fff;}

.product_list .info a:hover, .product_list .info a:visited:hover {text-decoration:none; color:#ef5c2a;}

.product_detail {padding:15px 10px 0 0;}

.product_detail .info .line {width:125px; height:5px;}

.detail_txt {width:450px; text-align:left; padding-top:15px;}

.detail_tabs {padding-top:24px; height:23px; border-bottom:1px solid #CCC;}

#specs {padding-left:5px; display:none;}

#specs table {font-size:10px; line-height:12px; border:1px solid #CCC; border-right:none;}

#specs td {border-right:1px solid #CCC; padding:5px 3px;}

#specs tr.odd {background:#eee;}

#specs td.column-3, #specs td.column-4, #specs td.column-5, #specs td.column-6, #specs td.column-7, #specs td.column-8, #specs td.column-9, #specs td.column-10 {text-align:center;}



/*-------------- PAGINATION ------------------*/

#pagination {text-align:right; border-top:1px solid #ccc; padding-top:10px;}

a.page {background:none;}

#pagination .wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;color:#FFFFFF; background-color:#333333;}

#pagination .wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color:#FFFFFF; background-color:#333333;}

#pagination .wp-pagenavi a:hover {background-color:#ef5c2a;}

.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #fff; color:#FFFFFF; background-color:#333333;}

.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color:#000; text-transform:uppercase; font-size:11px;}

.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;color:#FFFFFF;background-color:#ef5c2a;}

.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px; color:#999999; background-color:#333333;}



/*-------------- CONTACT ------------------*/

#thanks {padding-bottom:20px; text-align:center; text-transform:uppercase; display:none;}

#contact_form {padding:20px 0 0 20px;}

.row {padding-bottom:10px;}

.row input {width:200px; background:none; border:1px solid #ccc; padding:2px;}

#contact_form textarea {border:1px solid #ccc; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin-top:5px;}



/*-------------- SEARCH RESULTS ------------------*/

.search_thumb {padding-left:5px;}

.search_txt {width:470px;}