/*  
Theme Name: KMX Karts
Theme URI: http://kmxkarts.co.uk/
Description: The default KMX Karts style.
Version: 1.0
Author: Jonathan Davis, Ingenesis Limited
Author URI: http://ingenesis.net/
*/

/**
 * styles.css
 * Styles for the entire site.
 *
 * @version 1.0
 * @author Jonathan Davis, Ingenesis Limited <http://ingenesis.net>
 **/

@import 'core.css';

/**
 * Colors & Backgrounds 
 **/
body { background: #000 url('images/showroom-red.png') repeat-x left 222px; color: #aaa; }
#header { background: url('images/header.jpg') no-repeat 135px top; }

/**
 * Typography 
 **/
body { font-family: "Tahoma","Arial",sans-serif; line-height: 1.6; }
a { text-decoration: none; color: #c01d14; }
a:hover { color: #fff; }
#navigation { font-family: "Arial","Helvetica",sans-serif; line-height: 1; }
p, ul { margin: 0 0 22px 0; }
strong { font-weight: bold; }

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS","Tahoma","Arial","Helvetica",sans-serif; }
#content.page h2 { color: #c01d14; font-size: 36px;  letter-spacing: -1px; }
#content.page h3 { color: #fff; font-size: 24px; letter-spacing: -1px; }
#content.page h4 { color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -1px; }

#news { font-size: 14px; }
#news ul, #sidebar ul { list-style-image: url('images/redarrow.gif'); padding-left: 12px; margin-top: 14px;}
#news ul a, #sidebar ul a { display: inline-block; color: #aaa; padding: 3px 6px; margin: -3px -6px; }
#news ul a:hover, #sidebar ul a:hover { color: #c01d14; background-color: #141414;}
#news ul li small { display: inline-block; padding: 3px 6px; margin: -3px -6px; }

.meta { color: #777; }

.aligncenter { text-align: center; }

/**
 * Layout 
 **/

#header, #content, div.content, #footer { position: relative; width: 880px; padding: 0 40px; margin: 0 auto; }
#tagline { position: absolute; left: 186px; top: 0; }

#header { position: relative; z-index: 100; height: 212px; }
#content { position: relative; z-index: 10; }

#content.page div.post img.right { margin: 10px -320px 10px 10px; position: relative; }

div.column { float: left; }
div.column.first { width: 398px; margin-right: 30px;}
div.column.second { width: 452px; }

div.tall { height: 400px; }

#minicart { background: #111; padding: 10px; position: absolute; right: 40px; top: 90px; font-family: "Trebuchet MS","Tahoma","Arial","Helvetica",sans-serif; font-size: 13px; line-height: 1.2;}
#minicart p { margin-bottom: 0; text-align: right; }
#minicart a { color: #aaa; }
#minicart a:hover { text-decoration: none; color: #fff; }
/**
 * Navigation 
 **/
#navbar { position: absolute; background: url('images/navbar.png') repeat-x; height: 50px; left: 0; top: 138px; width: 100%; }
#navigation { position: absolute; width: 750px; left: 180px; top: 141px;padding-left:19px; }
#navigation li#models-menu { float: left; text-transform: lowercase; font-weight: bold; margin: 0;padding:0 }
#navigation li { float: left; text-transform: lowercase; font-weight: bold; margin: 0 0 0 19px;padding:0 }
#navigation li a { display: block; color: #929292; padding: 14px 12px 13px; margin: 1px; }
#navigation li a:active { background: #000 url('images/navhover.png') repeat-x; color: #d6212f; margin: 0; border: 1px solid #444; }
#navigation li a:hover { background: #000 url('images/navaction.png') repeat-x; color: #c11d29; margin: 0; border: 1px solid #1a1a1a;}

#models-menu.hover a { background: #000 url('images/navaction.png') repeat-x; color: #c11d29; margin: 0; border: 1px solid #1a1a1a; }

#models-menu ul { position: absolute; float: none; list-style: none; padding: 0; margin: 0; left: -999em; z-index: 50; width: auto; display: block; }
#models-menu.hover ul { left: -8px; z-index: 10; padding-top: 10px; }
#models-menu ul li { display: inline; margin: 0; padding: 0; line-height: 100%; }
#models-menu ul ul,#models-menu.hover ul ul { position: relative; left: 0; width: auto; padding: 0; }
#models-menu.hover ul ul li.label { padding: 5px 0px 5px 20px; margin: 0 0 0 20px; border-left: 1px solid #444; text-transform: uppercase; font-size: 12px; }
#models-menu.hover ul ul li a {  float: none; display: block; background: none; padding: 2px 0 0 20px; margin: 0; text-decoration: none; font-weight: normal; font-size: 14px; color: #676767; height: auto; width: auto; border: none; }
#models-menu.hover ul ul li a:hover { color: #fff; background: none; border: none; }
#models-menu.hover ul ul li a:active { color: #fff; background: none; border: none; }


#dealers-menu.hover a { background: #000 url('images/navaction.png') repeat-x; color: #c11d29; margin: 0; border: 1px solid #1a1a1a; }

#dealers-menu ul { position: absolute; float: none; list-style: none; padding: 0; margin: 0; left: -999em; z-index: 50; width: auto; display: block; }
#dealers-menu.hover ul { left: 485px; z-index: 10; padding-top: 10px; width:230px; }
#dealers-menu ul li { display: inline; margin: 0; padding: 0; line-height: 100%; }
#dealers-menu ul ul,#dealers-menu.hover ul ul { position: relative; left: 0; width: auto; padding: 0; }
#dealers-menu.hover ul ul li.label { padding: 5px 20px 5px 30px; margin: 0; border-right: 1px solid #444; text-transform: uppercase; font-size: 12px; }
#dealers-menu.hover ul ul li a {  float: none; display: block; background: none; padding: 2px 0 0 20px; margin: 0; text-decoration: none; font-weight: normal; font-size: 14px; color: #676767; height: auto; width: auto; border: none; }
#dealers-menu.hover ul ul li a:hover { color: #fff; background: none; border: none; }
#dealers-menu.hover ul ul li a:active { color: #fff; background: none; border: none; }

/**
 * Footer 
 **/

#footer { font-size: 11px; font-weight: bold; line-height: 1.4; color: #676767; margin-top: 20px; padding-bottom: 40px; }
#footer a { color: #676767; }
#footer a:hover { color: #ddd; }

#sitemeta { text-transform: uppercase; }
#sitemeta li { float: left; margin: 10px 20px 0 0;}
#sitemeta li.right { float: right; margin: 10px 0 0 20px; }

#credits { position: absolute; right: 0; top: 20px; width: 220px; }
#credits li a { color: #676767; }
#credits li.title a { color: #929292; }
#credits li.title a:hover { color: #ddd; }

/**
 * Sitemap 
 **/
#sitemap { margin: 0; background: url('images/footer.png') no-repeat; width: 840px; height: 183px; padding: 20px; position: relative; }
#sitemap li { display: block; float: left; margin-right: 30px; }
#sitemap ul { clear: both;}
#sitemap li a { display: inline-block; color: #929292; }
#sitemap li ul { margin-bottom: 14px;}
#sitemap ul li { position: relative; float: none; margin-left: 0;}
#sitemap ul li a { color: #727272; }

/**
 * Normal Page 
 **/
#content.page { background: #0d0d0d url('images/page.gif') repeat-x; border: 2px solid #000; width: 840px; font-size: 14px; padding: 40px 20px; margin-top: 20px; overflow: visible; }
#content.page div.post { float: left; width: 520px; }
#content.page div.post div.meta { text-transform: uppercase; font-size: 11px; margin-bottom: 36px;}

#content.model #buynow,
#content input.addtocart { width: 201px; height: 39px; background: url('images/buynow.png') no-repeat left top; border: none; cursor: pointer; }
#content.model #buynow:hover,
#content input.addtocart:hover { background-position: left -39px; }

/**
 * Sidebar 
 **/

#sidebar { float: left; width: 260px; margin: 0 0 0 27px; }
#kmxperiences .post p,#quotables p { font-family: "Trebuchet MS","Arial","Helvetica",sans-serif; font-size: 13px; font-weight: bold; letter-spacing: -0.02em; color: #b8131e; background: #1e1e1e; padding: 10px; }
#kmxperiences .post cite,#quotables cite { display: block; text-align: right; color: #efefef; }
#kmxperiences .post cite:before, #quotables cite:before { content: "\2014\a0"; }
#kmxperiences .post p { font-size: 18px; padding: 20px; }
#kmxperiences #quotables { display: none; }

/**
 * Homepage 
 **/
#homepage { position: relative; margin-top: 10px; overflow: visible; }
#homepage #showroom { position: relative; width: 960px; height: 409px; margin: 0 -60px 20px -20px; }
* > #homepage #showroom { margin: 0 -40px 20px; }
#showroom { position: relative; width: 960px; height: 464px; margin: 0 -40px 20px; }
#content.model #showroom div.title { text-align: right; line-height: 1.2; margin: 0 40px 0 0; padding: 40px 0 0 0; }
#showroom div.title h2 { font-size: 24px; color: #fff; text-transform: lowercase; }
#showroom div.title h2 big { font-size: 36px; }

#homepage div.panel { position: relative; background: #0d0d0d url('images/panel-corners.gif') no-repeat; width: 240px; height: 159px; padding: 20px; margin: 0 0 0 20px; float: left; overflow: visible; display: inline; }
#homepage div.first { margin-left: 0; }
/*#welcome img { position: relative; top: 105px; left: 0; }
#welcome #shot { position: absolute; top: -11px; left: 6px;  }
*/
#welcome #cyclescheme { margin-bottom: 15px; }
#testimonial p { font-family: "Trebuchet MS","Arial","Helvetica",sans-serif; color: #c01d14; font-size: 16px; letter-spacing: -0.05em; }
#testimonial cite { display: block; text-align: right; color: #aaa; }
#testimonial cite:before { content: "\2014\a0"; }

/**
 * Models 
 **/

#content.model { font-size: 14px; }
#content.model div.price { font-size: 36px; }
#content.model div.price sup { font-size: 18px; color: #777; }
#content.model #buynow { width: 201px; height: 39px; background: url('images/buynow.png') no-repeat left top; border: none; cursor: pointer; }
#content.model #buynow:hover { background-position: left -39px; }

#write-up h3 { color: #fff; font-size: 36px;  letter-spacing: -1px;}

#tech-specs h4 { color: #c31e25; font-size: 24px; text-transform: lowercase; letter-spacing: -1px;}
#tech-specs table { width: 100%; font-size: 12px; margin: 0; }
#tech-specs table tr.normal { background: #121212; }
#tech-specs table th { padding: 5px 0 5px 20px; width: 40%; }
#tech-specs table td { padding: 5px 20px; margin: 0; }

#features h4 { color: #c31e25; font-size: 30px; text-transform: lowercase; letter-spacing: -1px;}
#features ul { list-style-image: url('images/arrow.gif'); padding-left: 15px;}

#venom { background: #000 url('images/showroom-venom.png') repeat-x left 252px; }
#venom #showroom { background: url('images/venom-header.jpg') no-repeat 40px 46px; margin-top: 0; }
#venom div.title p { color: #bfd600; }

#viper { background: #000 url('images/showroom-viper.png') repeat-x left 252px; }
#viper #showroom { background: url('images/viper-header.jpg') no-repeat left 47px; margin-top: 0; }
#viper div.title p { color: #267bec; }

#cobra { background: #000 url('images/showroom-cobra.png') repeat-x left 254px; }
#cobra #showroom { background: url('images/cobra-header.jpg') no-repeat; margin-top: 0; }
#cobra div.title p { color: #e74600; }

#typhoon { background: #000 url('images/showroom-typhoon.png') repeat-x left 252px; }
#typhoon #showroom { background: url('images/typhoon-header.jpg') no-repeat left 47px; margin-top: 0; }
#typhoon div.title p { color: #967bad; }

#tornado { background: #000 url('images/showroom-tornado.png') repeat-x left 252px; }
#tornado #showroom { background: url('images/tornado-header.jpg') no-repeat left 19px; margin-top: 0; }
#tornado div.title p { color: #00a8de; }

#cyclone { background: #000 url('images/showroom-cyclone.png') repeat-x left 252px; }
#cyclone #showroom { background: url('images/cyclone-header.jpg') no-repeat left 47px; margin-top: 0; }
#cyclone div.title p { color: #006fe2; }

#storm { background: #000 url('images/showroom-storm.png') repeat-x left 252px; }
#storm #showroom { background: url('images/storm-header.jpg') no-repeat left 47px; margin-top: 0; }
#storm div.title p { color: #e3a900; }

/**
 * Accessories 
 **/

div.accessory { color: #fff; font-size: 24px; letter-spacing: -1px; text-align: right; }
div.accessory img { display: inline; vertical-align: middle; margin-left: 40px; }

/**
 * Distributors 
 **/

#distributors #content div.entry ul li { width: 100px; float: left; margin: 0 0 40px 0; }
#apply #content div.entry p { clear: both; }
#apply #content div.entry label { float: left; width: 125px; text-align: right; margin: 0 5px 0 0;}
#apply #content div.entry p input, 
#apply #content div.entry p textarea { width: 300px; }
#apply #content div.entry p.inline input { width: auto; }
#apply #content div.entry p.submit { text-align: right; width: 435px;}
#apply #content div.entry p.submit input { width: auto; }
#apply #content div.entry p small { display: block; font-size: 12px; margin-left: 105px; }
#dealers #content div.entry h3 { clear: both; }
#dealers #content div.entry ul { clear: both; }
#dealers #content div.entry ul li { width: auto; clear: both; font-size: 14px; text-transform: uppercase; margin-top: 20px; }
#dealers #content div.entry ul li ul li { display: block; background: #1e1e1e;  font-size: 14px; text-transform: none; width: 220px; padding: 10px; margin: 0 10px 10px 0; float: left; clear: none;  }
#dealers #content div.entry ul li ul li address { font-size: 13px; color: #676767; }



/**
 * Contact 
 **/

#contact #content div.entry p { clear: both; }
#contact #content div.entry label { float: left; width: 125px; text-align: right; margin: 0 5px 0 0;}
#contact #content div.entry p input, 
#contact #content div.entry p textarea { width: 300px; }
#contact #content div.entry p.submit { text-align: right; width: 435px;}
#contact #content div.entry p.submit input { width: auto; }
#contact #content div.entry p small { display: block; font-size: 12px; margin-left: 105px; }


/* New Styles */

span.li-head
{
	font-size:12px;
	color:#C01D14;
}
span.li-subhead
{
	font-style:italic;
}
li.column1, li.column2, li.column3
{
	width:140px;
}
/*ul#sitemap li a
{
	color:#C01D14;
}
ul#sitemap li ul.sublink li a
{
	color:#727272;
}
ul#sitemap li ul.sublink li a:hover
{
	color:#FFF;
}*/
ul#sitemap li ul.sublink li,
ul#sitemap li ul.sublink li a
{
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}
span.red
{
	color:#C01D14;
}
p.bold-red
{
	color:#C01D14;
	font-weight:bold;
}
h3 span.small-red
{
	color:#C01D14;
	font-size:18px;
}
p.larger
{
	font-size:17px;
}
div#header a.home-button
{
	position:absolute;
	top:10px;
	right:40px;
}
div#home-content
{
	width:370px;
	float:left;
	margin:20px 0 0 13px;
}
div#home-content p
{
	font-size:14px;
	margin-bottom:13px;
}
div.home-images
{
	width:477px;
	float:right;
	margin:20px 0 0 0;
}
div#homepage
{
	background-color:#000;
}
div#welcome
{
	clear:both;
}
div.youtube1
{
	width:248px;
	height:265px;
	float:left;
}
div.youtube2
{
	width:248px;
	height:265px;
	float:right;
}
div.youtube1 p, div.youtube2 p
{
	margin:0;
	padding:0;
}
.entry em
{
	font-style:italic;
}
table.try-out-days
{
	border:0;
	width:100%;
}
table.try-out-days tr td,
table.try-out-days tr th
{
	padding:2px;
	margin:1px;
}
table.try-out-days tr th
{
	font-weight:bold;
	color:#FFF;
	background-color:#C01D14;
}
table.try-out-days tr.alt td
{
	background-color:#1E1E1E;
}
table.try-out-days tr.date td
{
	background-color:#600F0A;
	color:#FFF;
}