/*
Theme Name:	Sports and Drift Redux
Theme URI: 	http://www.gobutton.com.au/
Description: 	Sports and Drift 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;}

/* remember to define focus styles! */
body {line-height: 1; color: black; background: url(design/images/tile.gif) repeat;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
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;}
strong {font-weight: bold;}

/* some overall styles */
html, body {font-family: Arial, Helvetica, sans-serif; height: 100%;}

/* z-indices */
#header {z-index: 1000;}
#content {z-index: 500;}
#footer {z-index: 1000;}
#menu1 {z-index: 1200;}
#m1 {z-index: 1500;}

/* header */
#header {position: relative; height: 200px; background: #fff; border: none; padding: 0; width: 850px; margin: 0 auto 0 auto; border-bottom: 1px solid #ccc; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomleft: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;}
	#header h1 {width: 850px; margin: 0 auto;}
		#header h1 a {position: absolute; top: 72px; left: 30px; color: #000; text-decoration: none; font-size: 36px; text-transform: uppercase; font-weight: bold;}
	#description {width: 300px; text-align: left; color: #a1a1a1; position: absolute; top: 24px; left: 50%; margin: 30px 0 0 -180px; text-transform: none;}
		#description h2 {font-size: 16px; color: #666;}
#wrapper {width: 850px; position: relative; margin: 0 auto; overflow: hidden;}
#nav {display: none;}
#banner {width: 850px; margin: 0 auto;}
	#bannerImg {background: url(design/images/car.jpg) no-repeat top right; height: 200px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomleft: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;}
	#bannerText {float: left; margin: 165px 0 0 30px; color: #333; font-size: 18px;}
#logoHolder {margin: -58px 0 0 -15px; height: 150px; position: relative;}
#txtttl {font-size: 34px; margin: 0; font-weight: bold; color: #333;}

#menu1 {position: relative; padding: 0; width: 852px; background: #eee; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius:5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-bottom: 1px solid #ccc;}
	#m1 {padding: 5px; text-align: right; height: 24px;}
		#m1 ul {display: inline;}
			#m1 li {display: inline;}
			#m1 li a {font-size: 12px; color: #fff; background-image: none; text-decoration: none; padding: 10px;}
				#m1 li a:hover {color: #ccc; text-decoration: none;}
					* html #m1 li ul li {border: 1px solid #fff;}
					#m1 li ul li {display: none;} 
#m1 li.current_page_item a, #m1 li.current_page_item ul li a {}
#m1 li a, .awesome, .awesome:visited {background: #444; 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;}

.small.awesome,.small.awesome:visited {font-size: 11px;}
.awesome, .awesome:visited, .medium.awesome, .medium.awesome: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.awesome, .large.awesome:visited {font-size: 14px; padding: 8px 14px 9px;}
.blue.awesome, .blue.awesome:visited {background-color: #332C28;}
.blue.awesome:hover {background-color: #666;}

#sidebar {width: 236px; margin-bottom: -9985px; -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft:5px; -moz-border-radius-topleft: 5px; float: left;}
	#subMenu {margin-top: 20px; font-size: 13px; line-height: 26px;}
		#subMenu h2, #subMenu .title {padding: 13px; font-size: 16px; line-height: 36px; color: #fff; font-weight: bold;}
		#submenu ul li {padding: 20px;}
		#subMenu a {padding-left: 26px; color: #fff; font-size: 13px; line-height: 26px;}
		#subMenu li.current_page_item {background: url(design/images/current-arrow.gif) no-repeat left;}

#clutchFinderWrapper {display: block; margin: 0 0 20px 20px; background: #fff; padding: 10px; width: 176px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	#clutchFinder {background: url(design/images/exedy.gif) no-repeat center bottom; padding: 0 0 45px 0; xwidth: 160px;}
		#clutchFinder h2 {padding: 0; 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;}
		#clutchFinder input {}

#container {position: relative; height: 100%; min-height: 100%;}
	* html #container {height: 100%;}
#floatClearer {clear: both;}
.floatClearerer {clear: both;}
h2.widgettitle, .post-header, .author, .pagetitle {display: none;}

* html #content {height: 500px;}
#content {text-align: left; padding: 0; margin-top: 10px; width: 850px; background: #fff url(design/images/pink-menu.gif) repeat-y top left; -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft:5px; -moz-border-radius-topleft: 5px;}
#content .page {margin: -5px 0 0 236px; line-height: 16px; padding-bottom: 9999px; margin-bottom: -9985px; min-height: 510px; background: #fff; border: -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius:5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; height:auto !important;}
	* html .page {height: 510px;}

#content a {text-decoration: none;}
	#content a:hover {text-decoration: underline;}
	#content .entry {padding: 20px; line-height: 16px;}
	#content .entry h2, #content .entry h3 {margin: 0; clear: both; font-size: 18px; color: #000; font-weight: bold; text-transform: uppercase; padding: 5px 0 5px 0;}
	#content .entry h3 {font-size: 16px;}
	#content .entry p {font-size: 12px; line-height: 20px; color: #666; 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: #999;}

.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;}

#featured_product {background: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 10px 0; padding: 10px; min-height: 200px; width: 550px;}
	#featured_product .entry {position: relative; line-height: 16px; margin-bottom: 0; padding: 3px 3px 0 3px;}
		#featured_product .entry h2 {color: #999; border-bottom: 1px solid #444; text-transform: uppercase; font-size: 12px; margin-bottom: 10px;}
		#featured_product .entry h3 {padding: 0; margin: 0; font-size: 14px;}
		#featured_product .entry p {color: #ccc;}
		#featured_product .entry a {font-size: 13px;}
		#productBack {margin: 20px; font-size: 12px; color: #fff;}
		.prodThumb {float: left; margin: 0 0 18px 0; background: #fff; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 140px;}
		.prodDesc {float: right; width: 360px;}

#contactFloat {float: right; color: #ccc; font-size: 12px; background: #333; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 170px; margin: 10px 25px 20px 0; position: relative;}
	#contactFloat h4 {font-size: 14px; color: #0e9dc9; font-weight: bold;}

.exedyProductHeaders {margin: 0 20px 20px 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;}

./catLogo {float: left; margin-right: 20px; xbackground: #fff; xpadding: 10px;}
	./catLogo img {height: 60px;}

.wpcf7 {}

#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;}

.awesome, .awesome:visited {background: #444; 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;}
.awesome:hover {background-color: #111; color: #fff; text-decoration: none;}
.awesome:active {top: 1px;}
.small.awesome,.small.awesome:visited {font-size: 11px; padding: ;}
.awesome, .awesome:visited, .medium.awesome, .medium.awesome: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.awesome, .large.awesome:visited {font-size: 14px; padding: 8px 14px 9px;}
.blue.awesome, .blue.awesome:visited {background-color: #332C28;}
.blue.awesome:hover {background-color: #666;}

/* footer */
#footer {position: relative; margin: 0 auto 10px auto; padding: 20px; width: 810px; background-color: #fff; border-top: 1px solid #ccc; border: -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
#footer p {color: #555; text-align: left; font-size: 11px; padding: 0 20px 0 20px;}
#footer p a {color: #222; text-decoration: none;}
#footer p a:hover {color: #000;}

.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

/* end of css file. */