/*
Theme Name:	Pro Motor Redux
Theme URI: 	http://www.gobutton.com.au/
Description: 	Pro Motor Redux theme by GoButton.
Author:		GoButton
Author URI:	http://www.gobutton.com.au/	
*/


/* let's do eric myer reset stylez */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, 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; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: #ddd; background: black;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
cite {font-style: normal;}
a:active, a:focus, input:focus {border:none;}
strong {font-weight: bold;}

/* some overall styles */
html, body {font-family: Arial, Helvetica, sans-serif; height: 100%;}

/* z-indices */
#header {xz-index: 1000;}
#content {xz-index: 500;}
#footer {xz-index: 1000;}
#menu1 {xz-index: 1200;}
#m1 {xz-index: 1500;}

/* header */
#header {position: relative; height: 128px; background: url(design/images/head-repeater.gif) repeat-x bottom; border: none; padding: 0; border-bottom: 1px solid #5b5b5b;}
#header h1 {width: 852px; margin: 0 auto; display: block; position: relative;}
#header h1 a {position: absolute; top: 16px; left: 0; color: #fff; text-decoration: none; font-size: 36px;}
#logoHolder {background: url(design/images/head-repeater.gif) repeat-x top;}
#description {width: 300px; text-align: right; color: #a1a1a1; font-size: 1em; position: absolute; top: 44px; left: 50%; margin: 0 0 0 130px; text-transform: none;}
#description h2 {font-size: 1.8em; color: #ccc;}
#headShadow {background: url(design/images/white-head-shadow.png) repeat-x top; height: 11px; width: 100%; position: absolute; bottom: -11px; left:0; right:0; overflow: hidden;}
#wrapper {width: 852px; position: relative; margin: 0 auto; overflow: hidden;}
#nav {display: none;}
#menu1 {background: #3a3a3a url(design/images/menu-bg.gif) repeat-x top; width: 100%; height: 32px;}
#m1 {padding: 6px 5px 4px 5px;}
#m1 li {display: inline;}
#m1 li a {padding: 10px 10px 11px 10px; margin: 0 5px 0 5px;font-size: .8em; color: #fff; background-image: none; text-decoration: none; text-transform: uppercase;-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
#m1 li a:hover {text-decoration: none; background: #222;padding: 10px 10px 9px 10px;}
* html #m1 li ul li {border: 1px solid #fff;}
#m1 li ul {display: none;}
#m1 li ul li {xdisplay: none;}
#m1 li.current_page_item a, #m1 li.current_page_ancestor a {background: #ec0404;}
#m1 li.current_page_item a:hover, #m1 li.current_page_ancestor a:hover {padding: 10px 10px 11px 10px;}
#subMenu {padding: 20px 26px 20px; font-size: 13px; line-height: 26px;}
#subMenu li a {color: #a8a8a8;}
#subMenu a:hover {color: #ec0404; text-decoration: none;}
#subMenu li, #m2 li {background: url(design/images/red-arrow.gif) left no-repeat; padding-left: 10px;}
#subMenu li.current-cat a, #subMenu li.current_page_item a {color: #fff;}
#subMenu div {xwidth: 150px;}
#subMenu input {width: 150px;}

/* content */
#content {position: relative; text-align: left; padding: 0; width: 852px; background: #000;}
h2.widgettitle {display: none;}
h3 {color:#ec0404;}
h4 {margin-bottom: 10px;}
* html #container {height: 100%;}
* html #content {height: 500px;}
#banner {height: 249px; position: relative; clear: both; background: url(design/images/red-int.jpg) no-repeat; border-top: 3px solid #ec0404; border-bottom: 3px solid #ec0404;}
#bannerText {float: right; text-align: right; padding: 40px 40px 0 0; font-size: 1.3em; color: #ccc; line-height:120%;}
#content a {text-decoration: none;}
a:hover {text-decoration: underline;}
#container {position: relative; background: #000; height: 100%; min-height: 100%;}
#wallpaper {background: #000;}
#sidebar {position: absolute; xtop: 281px; width: 236px; height: 400px; background: #0b0b0b url(design/images/texture-tl.jpg) no-repeat top; padding-bottom: 9999px; margin-bottom: -9985px; left: 0;}
.floatClearer {clear: both;}
#strong {font-weight: bold;}
.post-header, .author, .pagetitle {display: none;}
#content .page {margin: 0 0 0 236px; padding: 30px; line-height: 16px; width: 558px; background: #141414 url(design/images/texture-tr.jpg) no-repeat top; padding-bottom: 9999px; margin-bottom: -9985px; min-height: 320px; position: relative;}
#content .entry {margin: 0 0 39px 0;}
#content .entry h2 {padding: 0; margin: 0 0 20px; xclear: both; font-size: 18px; text-transform: none; color: #ccc; display: block; border-bottom:1px solid #333;}
#content .entry h3 {margin: 9px 0 9px 0; xclear: both; font-size: 16px; text-transform: none;}
#content .entry p {font-size: 12px; line-height: 20px; padding: 5px 0 5px 0;}
#content .entry ul {margin: 0; padding: 5px 0 10px 20px;}
#content .entry li {font-size: 12px; list-style: square outside; padding: 0 0 10px 0; color: #444;}
#content .entry dl {position: relative; margin: 0; padding: 0;}
#content .entry dt, dd {width: 150px; float: left; font-size: 12px; color: #444; padding: 0;}
#content .entry dt {clear: left; font-weight: bold;}
#content .entry a {color: #ec0404;}
#contactWidthFix {position: relative; margin: 0 0 20px 0; padding: 0; width: 400px;}
.ddfmwrap {margin: 0 !important;}
#search_form {padding: 10px 0;}
#search_form .text {border: 1px solid #aaa; padding: 2px; font-size: 16px;}
.attachment {padding: 10px 0;}
.attachment a img {padding: 3px; background: #fff; border: 1px solid #ddd;}
.gallery dt, dd {color: #444444; float: left; font-size: 12px; padding: 0 0 10px 0; width: 150px;}

/* footer */
#footer {position: relative; border: none; height: 105px; margin: 0 auto; width: 852px; border-top: 1px solid #ec0404; padding: 20px 0 0 0;}
#footer p {color: #333; text-align: center; font-size: 12px; text-transform: uppercase;}
#footer p a {color: #333; text-decoration: none;}
#footer p a:hover {color: #fff;}
#footer a.adminPanel {color: #ec0404;}

/* wordpress. */
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

/* clutchFinder. */
#subpages, #m2 {margin-bottom: 20px;} /* distance from menus */
#clutchFinderWrapper {display: block; margin: 0 0 20px 0; background: #fff; padding: 10px; xwidth: 150px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#clutchFinder {display: block; background: url(design/images/exedy.png) no-repeat center bottom; padding: 0 0 45px 0; xwidth: 160px;}
#clutchFinder h2 {font-size: 16px; color: #f61372; font-weight: bold;}
#clutchFinder p {color: #000; line-height: 14px; font-size: 11px;}
#clutchFinder select {width: 150px; margin: 10px auto;}
#cfSubmit {display: none;}

#featured_product {background: #000; padding: 15px 15px 5px 15px; margin: 0 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;xborder: 1px solid #222;}
#featured_product h2 {color:#999; border-bottom: 1px solid #444; text-transform: uppercase; font-size: 13px;}
#featured_product h3 {padding: 0; margin: 0; font-size: 14px;}
#featured_product p {color: #ccc;}
#featured_product a {font-size: 13px;}

#productBack {font-size: 12px; color: #999; padding-bottom: 20px;}

#contactFloat {float: right; font-size: 12px; background: #222; padding: 15px 15px 10px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 180px;}
#contactFloat img {margin-top: 10px;}

.wpcf7-form p span span.wpcf7-not-valid-tip-no-ajax {display: block; color: #a80505;}
.wpcf7-response-output {font-size: 14px; color: #a80505;}

#productBack, #productBack:visited {background: #222 url(http://zurb.com/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer;}
#productBack:hover {background-color: #111; color: #fff; text-decoration: none;}
#productBack:active {top: 1px;}
.small#productBack,.small#productBack:visited {font-size: 11px; padding: ;}
#productBack, #productBack:visited, .medium#productBack, .medium#productBack:visited {font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 8px 14px 8px 14px;}
.large#productBack, .large#productBack:visited {font-size: 14px; padding: 8px 14px 9px;}
.blue#productBack, .blue#productBack:visited {background-color: #0e9dc9;}
.blue#productBack:hover {background-color: #007d9a;}

.exedyProductHeaders {margin-bottom: 20px;}
.exedyProductHeaders h2{display: block; width: 378px; background-repeat: no-repeat; color: #000; height: 70px; padding: 20px 160px 0 30px; font-size: 12px; }
.exedyProductHeaders h2 a{display: block; color: #000;}
.exedyProductHeaders h2 strong, .exedyProductHeaders h2 a strong{text-transform: uppercase; display: block;}
.exedyProductHeaders h2 a:hover{color: #666;}
.prodThumb {float: left; margin: 0 20px 18px 0;background: #fff; padding: 10px; display: inline; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.prodDesc {margin-left:190px; xfloat:left; xwidth:300px; }
./catLogo {float:left; margin-right:20px;xbackground:#fff; xpadding:10px;}
./catLogo img {height: 60px;}
#productList{width: 510px; height: 567px; background: url(http://www.exedy.com.au/Design/images/products/the-range-backers.jpg); xposition: absolute; xbottom: 20px; xleft: 20px;}
#productListAnchors{padding: 14px 10px 0 35px; margin: 0;}
#productListAnchors a{display: block; position: relative; margin:0 0 30px 0; padding:10px 110px 0 0; height: 53px; font-size: 12px; color: #000; text-decoration: none;}
#productListAnchors a:hover{color: #666;}
#productListAnchors a strong{text-transform: uppercase; display: block;}
#prodListOEM{margin-bottom:26px !important;}
#prodListSports{margin-bottom:32px !important;}
#prodListSafari{padding-bottom:5px;}
#content .post .entry .edit {font-size:.8em !important; color:#ccc !important;}

/* end of css file. */

.prod-thumb {
    float: left;
    margin: 0 20px 18px 0;
    background: #fff;
    padding: 10px;
    display: inline;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
