/*

-------------------------------------------------------------------------                                                             
|                                                                       |
|      ,,        ,,                             ,,                      |
|     *MM      `7MM                 `7MM        db           mm         |
|      MM        MM                   MM                     MM         |
|      MM,dMMb.  MM   ,6"Yb.  ,p6"bo  MM  ,MP'`7MM  .gP"Ya mmMMmm       |
|      MM    `Mb MM  8)   MM 6M'  OO  MM ;Y     MM ,M'   Yb  MM         |
|      MM     M8 MM   ,pm9MM 8M       MM;Mm     MM 8M""""""  MM         |
|      MM.   ,M9 MM  8M   MM YM.    , MM `Mb.   MM YM.    ,  MM         |
|      P^YbmdP'.JMML.`Moo9^Yo.YMbmd'.JMML. YA.  MM  `Mbmmd'  `Mbmo      |
|                                            QO MP                      |
|                                            `bmP                       |
|                                                                       |
-------------------------------------------------------------------------


     Hi! You're looking at our CSS? Spectacular! In fact, now that 
     we know you're savvy enough to check out the code let's talk
     about work. 

     We're always looking for great developers. Someone that can 
     produce valid and semantic HTML/CSS, utilize and customize 
     jQuery and have a deep understanding of PHP and WordPress. 
     You should also have a keen eye for design and typography.
     Agency experience is definitely a bonus.

     Skills required: HTML, CSS, PHP, MySQL, jQuery & WordPress 

     Does this sound like you? Apply now. 

	 jobs@blackjet.ca
	 
	 
	 
-------------------------------------------------------------------------

Theme Name: Endras 
Theme URI: Endras BMW
Description: This theme must be used in conjunction with blackjet plugins
Author: Blackjet
Author URI: www.blackjet.ca
Version: 0.1a
*/

/* TABLE OF CONTENTS
AA - IE PNG FIX
00 - The Basics
01 - The Wrappers
01a - 320px Content Holder and Modifiers
01b - 640px Content Holder and Modifiers
01c - 960px Content Holder and Modifiers
01d - For the Tweeters!
02 - Logos and Details!
03 - THE MENU!
04 - The Slider
04b - The slider content
05 - Social Media
06 - From BMW Corporate (table layout only)
07 - Contact Form 7 Styling
08 - Blog and Misc
*/

/* ----------------------------------------------*/
/*  AA - IE PNG FIX
/* ----------------------------------------------*/


img, div, a, ol#controls { behavior: url("http://www.endrasbmw.com/wp-content/themes/EndrasBmw/iepngfix/iepngfix.htc") }




/* ----------------------------------------------*/
/* 00 - The Basics
/* ----------------------------------------------*/

* {margin:0;padding:0;} 
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}

/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a img{	border:0px none ;}

a{color:#1b4f7a;text-decoration:none;   outline: 0;}
a:visited{	color:#111111;}
a:hover{	/*-	color:#04689a; -*/	color:#777777;}
h1, h2, h3{	font-weight:300;}

.hruler{
	display:block;
	height:1px;
	background: url("images/bgrad.jpg") repeat-x bottom left;
}

body {
		background-color:#FFFFFF;
		color:#444444;
		font-family:Helvetica, sans-serif;
				font-size:12px;	
}

/* ----------------------------------------------*/
/* 01 - The Wrappers & Content Holders
/* ----------------------------------------------*/

#CarbonFiber {
	width:100%;
	height:50px;
	background-color:#000000;
	background: url("images/carbonbar.jpg");
}

#wrapper {
	width:100%;
	height: auto !important; 
	min-height: 100%;
	overflow:hidden;
	background-color:#FFFFFF;
	margin-bottom: -220px 
}
#footerWrapper {
	position: relative;
	margin-top: -220px; /* negative value of footer height */
	height: 220px;
	width:100%;
	clear:both;
}
#mainHeader {
	height:75px;
}

#mainContent {
	overflow:hidden;
	padding: 0 0 220px 0;
}

#footerContent{
	height:220px;
	width:960px;
	margin:0 auto;
}

.container {
	margin:0 auto;
	padding:0 0 0 0 ;
	width:960px;  	
}

/* ----------------------------------------------*/
/* 01a - 320px Holders and Modifiers
/* ----------------------------------------------*/

.three20 {
	width: 300px;
	display:inline;
	float: left;
	position: relative;

}

/*- 320px holder icons -*/

.powershift-icon {
background: url("images/module3icons.png") 0 0;
float:left;
width:50px;
height:50px;
}
.bt-icon {
background: url("images/module3icons.png") 0 -50px;
float:left;
width:50px;
height:50px;
}
.tel-icon {
background: url("images/module3icons.png") 0 -100px;
float:left;
width:50px;
height:50px;
}
.perf-icon {
background: url("images/module3icons.png") 0 -150px;
float:left;
width:50px;
height:50px;
}

.module3-titleholder{	
	padding:15px 0 10px 0 ;
	margin:0px;
	float:left;
	*width:200px;
}
.module3-title{
	color:#000000;
	font-size:16px;	
}

.module3-description{
	padding:4px 0 0 0 ;
	font-size:.75em;
	text-transform:uppercase;
	float:left;
}


.linkroll ul {
	margin:0;
	padding: 5px 0 0 0;
	border-top:1px solid #777777;
	float:left;
	list-style:none;
	width:300px;
	
}

.linkroll ul li.lightergrey{
		color:#999999;
}

.linkroll ul li{
	padding:5px 0 0 0;
	font-size:11px;
	color:#444444;
	line-height:16px;
}

.linkroll.ruled ul li{
	padding:10px 0 10px 0;
	font-size:11px;
	color:#444444;
	line-height:13px;
	border-bottom:1px solid #DDDDDD;
}

.linkroll ul li a{
	font-size:11px;
}

.linkroll .linkdesc{
	font-size:9px;
	color:#777777;
}

.linkroll .perfdesc{
	font-size:10px;
	color:#555555;
}



.three20footer{
	width: 320px;
	padding:0 0 0 0;

}
.three20footer ul{
	margin:0;
	list-style:none;
	line-height:16px;
}

/* ----------------------------------------------*/
/* 01b - 640px Content Holder  and Modifiers
/* ----------------------------------------------*/

.six40image {
	width: 640px;
	height:300px;
}

.six40 {
	width: 600px;
	padding:5px 0 0 30px;
	display:inline;
	float: left;
	position: relative;
}

.six40 p{
	padding:10px 20px 10px 0;
	font-size:12px;	
	line-height:18px;
}

.six40 ul,.six40 ol{
	margin-left:25px;
	font-size:12px;	
	width:400px;
}

.six40 h2{
font-size:24px;
padding:20px 0 10px 15px;
background: url("images/bgrad.jpg") repeat-x bottom left;
}

.six40 h2.first{
	clear:both;
padding:2px 0 9px 15px;
background: url("images/bgrad.jpg") repeat-x bottom left;
}

.six40 h2.promo{
	padding:0 0 10px 0;
	border-bottom:0px;
}

.promo-info{
	clear:both;
	width:auto;
	margin:10px 0 10px 0;
}

.promo-info ul{
	line-height:20px;
	margin-left:0px;
	list-style:none;
}

.promoimage {
 margin:20px 0 0 0;
}

.posteddate{
color:#999999;
}

.six40footer{
	width: 640px;
	padding:0 0 0 0;

}
.six40footer ul{
	margin:0;
	list-style:none;
	line-height:16px;
}

/* ----------------------------------------------*/
/* 01c - 960px Content Holder  and Modifier
/* ----------------------------------------------*/

.nine60{
	width: 960px;
	padding:5px 0px 20px 0px;
	display:inline;
	float: left;
	position: relative;

}

.nine60-spacer{
	
}

.nine60 h2{
	border-bottom:1px solid #777777;
	padding:0 0 10px 0;
}

.nine60-modelholder{
	padding:10px 0 10px 0 ;
	float:left;
	width:192px;
	height:120px;
	text-align:center;
	font-size:12px;
	font-color:#DDDDDD;
	background: url("images/bgrad.jpg") repeat-x bottom left;
}
.nine60-modelholder2{
	padding:10px 0 10px 0 ;
	float:left;
	width:240px;
	height:120px;
	text-align:center;
	font-size:12px;
	font-color:#DDDDDD;
	background: url("images/bgrad.jpg") repeat-x bottom left;
}



/* ----------------------------------------------*/
/* 01d - For the Tweeters!
/* ----------------------------------------------*/
.tweet, .query {
  font-size: 120%;
  color: #085258; }
  
  
.tweet .tweet_list, .query .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff; }
    
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
      
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; }
      
      .tweet .tweet_list li a, .query .tweet_list li a {
        
       }
        
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #f0f0f0; }
      
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }

.tweet_avatar{
height:40px;
margin-right:10px;}

.tweetsloading{
position:relative;
display:block;
float:left;
top:100px;
left:100px;
}

/* ----------------------------------------------*/
/* 02 - Logos and Details!
/* ----------------------------------------------*/



/*- Logo and such -*/

#logo {
  position:relative;
  top:20px;
  z-index:1200;
}
#logo a{
  top:10px;
  display: block;
  width: 190px !important;
  height: 40px;
  background: url("images/endraslogo.jpg") no-repeat left top;
  text-indent: -9000px;
}
#powershift-logo {
  position:relative;
  top:10px;
  z-index:1200;
}
#powershift-logo a{
  top:0;
  display: block;
  width: 450px !important;
  height: 100px;
  background: url("images/powershift.jpg") no-repeat left top;
  text-indent: -9000px;
}

/*- Pretty little details -*/

#ss_line{
	position:relative;
	top:26px;
	*top:11px;
	height:25px;
	width:960px;
	background: url("images/25pxthinline.png");
}

#ss_line_footer{
	padding-top:25px;
	position:relative;
	height:25px;
	width:960px;
	background: url("images/25pxthinline.png") no-repeat bottom;
}

.toggleLink {
	font-size:12px;
}
.showthis{
		font-size:12px;
		display:inline;
		margin-left:20px;
		padding:2px 0 2px 20px;
		width:100px;
		height:17px;
		background: url("images/littleicons-1.png") 0 -149px no-repeat;
}
.showthis:hover{
		background: url("images/littleicons-1.png") 0 -119px no-repeat;
}

.hidethis {
		font-size:12px;
		display:inline;
		margin-left:20px;
		padding:2px 0 2px 20px;
		width:100px;
		height:17px;
		background: url("images/littleicons-1.png") 0 -59px no-repeat;
}
.hidethis:hover {
		background: url("images/littleicons-1.png") 0 -89px no-repeat;
}

.newmodelslink {
		font-size:12px;
		float:right;
		display:inline;
		padding:2px 0 2px 20px;
		height:15px;
		background: url("images/littleicons-1.png") 0 0px no-repeat;
}

.newmodelslink:hover {
		background: url("images/littleicons-1.png") 0 -29px no-repeat;
}

.artwork-container{
  float: left;
  margin-left: 0px;
}



/* ----------------------------------------------*/
/* 03 - THE MENU!
/* ----------------------------------------------*/

#menu-holder{
  font-size:1em;
  position:relative;
  display:block;
  right:0px;
  top:-15px;
  float:right;
  width:auto;
  z-index:9000;
   font-weight:lighter;
}

#menu-holder li {
	display:inline;
	padding:0 10px 0 10px;
    border-right:1px solid #111111;
}

#menu-holder li.current_page_item a, #menu-holder li.current_page_parent a{
	color:#04689a;
}

#menu-holder li a{
	text-decoration:none;
}

#menu-holder li a:hover{

}

#footermenu-holder{
  top:10px;
  position:relative;
  display:block;
  float:left;
  width:auto;
  z-index:9000;
  font-size:10px;
}
#footermenu-holder a {
  color:#AAAAAA;
}

#footermenu-holder a:hover {
  color:#888888;
}

#footermenu-holder li {
	display:inline;
	padding:0 10px 0 0; 
}

#visualizer{
	top:-13px;
	position:relative;
	visibility:visible !important;
	z-index:9999;
}

/* ----------------------------------------------*/
/* 04 - THE SLIDER!
/* ----------------------------------------------*/

	#noslider {margin:4px 0 25px 0;}
	#noslider ul, #noslider li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#noslider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:300px;
		overflow:hidden;
	    border-bottom:1px solid #888888; 
	}

	#slider {
		width:960px;
		height:300px;
		top:4px;
		left:0;
		position:relative;
		overflow:hidden;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:13em;}
	#slider2 li{

			overflow:hidden;
			width:960px;
			height:400px;
	}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 

		overflow:hidden;
		width:960px;
		height:300px;
		
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute; 
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:960px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url("images/btn_prev.gif") no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url("images/btn_next.gif") no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		background-color:#000000;
		position:relative;
		top:-13px;
		margin-bottom:5px;
		padding:7px 0 0 750px !important;
		height:18px;		
		background:url("images/slidertab.png") no-repeat 0 0;		
		}
	ol#controls li{
		margin:0 0 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:9px;
		}
	ol#controls li a{
		float:left;
		height:9px;
		background:url("images/s_greydot.png") no-repeat 0 0;	
		padding:0 7px;
		text-decoration:none;
		text-indent: -9000px;
		}
	ol#controls li a:hover{
	 background:url("images/s_greybluedot.png") no-repeat 0 0;
			}
	ol#controls li.current a{
		background:url("images/s_bluedot.png") no-repeat 0 0;
		}
	
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* ----------------------------------------------*/
/* 04b - Slider Content
/* ----------------------------------------------*/
.modelname {
	
}

.slider-headline {
	font-weight:100;
	font-size:40px;
	color:#222222;
}

.slider-headline-white {
	font-weight:100;
	font-size:40px;
	color:#222222;
}


.slider-copy {
	color:#555555;
}

.product-slider-headline{
	font-weight:100;
	font-size:22px;
}

.product-slider-copy{
	font-size:11px;
	line-height:16px;

}

.product-slider-copy p{
	width:300px;
	line-height:16px;
}

.ratings {
  position:relative;
  top:20px;
  right:25px;
  float:right;
  z-index:1200;
  text-align:center;
  width:60px;
}

/* ----------------------------------------------*/
/* 05 - Social Media
/* ----------------------------------------------*/

.share-digg a{
	margin:0 5px 0 0;
	background: url("images/sharing.png") 0 -20px;
	float:left;
	width:16px;
	height:16px;	
}
.share-digg a:hover{
	background: url("images/sharing.png") 0 0;
}
.share-facebook a{
	margin:0 5px 0 0;
	background: url("images/sharing.png") 0 -60px;
	float:left;
	width:16px;
	height:16px;	
}
.share-facebook a:hover{
	background: url("images/sharing.png") 0 -40px;
}
.rss-feed a{
	margin:0 5px 0 0;
	background: url("images/sharing.png") 0 -100px;
	float:left;
	width:16px;
	height:16px;
}
.rss-feed a:hover{
	background: url("images/sharing.png") 0 -80px;
}

.share-twitter a{
	margin:0 5px 0 0;
	background: url("images/sharing.png") 0 -140px;
	float:left;
	width:16px;
	height:16px;	
}
.share-twitter a:hover{
	background: url("images/sharing.png") 0 -120px;
}

.share-delicious a{
	margin:0 5px 0 0;
	background: url("images/sharing.png") 0 -180px;
	float:left;
	width:16px;
	height:16px;	
}
.share-delicious a:hover{
	background: url("images/sharing.png") 0 -160px;
}

#topbarsocial{
 position:absolute;
 top:15px;
right:20px;
height:20px;
width:220px;
}

.sharetext {
	margin-left:5px;
	padding:3px 0 0 0;
}

.sharemodule {
	width:400px;
	padding:5px 0 0 0;
}


/* ----------------------------------------------*/
/* 06 - From BMW Corporate (table layout only)
/* ----------------------------------------------*/
.table1 {
	font-size:12px;
	background-color: #cbcbcb;
	border-top: 1px solid #9c9a9c;
	border-right: 1px solid #9c9a9c;
}

.table1 td {
	border-left: 1px solid;
	border-bottom: 1px solid;
}
.table1 table td {
	border: none;
}
.table1heading {
	font-weight: bold;
	color: #999999;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #e5e5e5;
}

.table1cell {
	color: #999999;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #ffffff;
}

.table1cellB {
	color: #999999;
	background-color: #ffffff;
}

.table1celltermsA {
	float: left;	
	width: 135px;
}

.table1celltermsB {
	float: left;
	width: 245px;
}

/* ----------------------------------------------*/
/* 07 - Contact Form 7 Styling
/* ----------------------------------------------*/

div.wpcf7 {
	border:none;
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	position:relative;
	z-index:0;
	float:left;
}


div.wpcf7-mail-sent-ok {
	top:20px;
	left:225px;
	width:200px;
}

div.wpcf7-mail-sent-ng {
	top:20px;
	left:225px;
	width:200px;
}

div.wpcf7-spam-blocked {
	top:20px;
	left:225px;
	width:200px;
}

div.wpcf7-validation-errors {
	top:20px;
	left:225px;
	width:200px;
}

span.wpcf7-form-control-wrap {
	position: relative;

}

span.wpcf7-not-valid-tip {
	position: absolute;
	z-index: 1000;
	border:none;
	top:-4px;
	left:130px;
	font-size: 10px;
	width: 280px;
	padding:5px 0px 0px 5px;
	color:#04689a;
	height:50px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
		z-index:50;
}

span.wpcf7-list-item-label {
	text-align:left; margin:2px; color:#999999;
}

.wpcf7-display-none {
	display: none;
}

.submitbutton {
z-index:50 !important;
padding:4px 7px;
background:#EEEEEE;
border:0px;
width:100px;
border-bottom: 1px double #999999;
border-top: 1px double #AAAAAA;
border-left:1px double #999999;
border-right:1px double #AAAAAA;
}

.submitbutton:hover{
z-index:50;
background:#BBBBBB;	
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

/* ----------------------------------------------*/
/* 08 - Blog and misc
/* ----------------------------------------------*/
.blogheader{
clear:both;
width:960px;
border-bottom:1px solid #AAAAAA;	
height:75px;
margin:15px 0 0 0;
}

.featurepost{
	width:960px;
	margin:0;
	padding:0;
}

.featuretitle{
	font-size:1.625em;
	margin:30px 0px 10px 10px;
}

.featurecopy{
   font-size:0.875em;
	line-height:18px;
	margin:0px 0px 10px 10px;
}

.postedon{
	margin:10px 0px 5px 10px;
	font-size:.75em;
	font-style:oblique;
	color:#777777;
}

.more-link {
	font-size:0.875em;
	position:relative;
	width:115px;
	height:10px;
	display:block;
	margin:0 0 10px 0;
	padding:10px 0 0 205px;
	background:url("images/slidertab2.png") no-repeat -550px 0;
}

.marginpush1{
	margin-left:0px;
}
.marginpush2{
	margin-left:30px;
}
.marginpush3{
	margin-left:30px;
}
.marginpush4{
	margin-left:0;
}
.marginpush5{
	margin-left:30px;
}
.marginpush6{
	margin-left:30px;
}
.blog-title{
	color:#000000;
	font-size:16px;	
}
.blog-copy{
	line-height:22px;
	font-size:1em;
	padding-bottom:15px;
	border-bottom:1px solid #777777;
}
.mainblogtitle{
	clear:both;
	padding:2px 0 9px 0;
	border-bottom:1px solid #777777;
	font-size:1.25em;
	margin:30px 0px 10px 0;
}
.mainblogcopy{
	border-top:1px solid #CCCCCC;
	padding:25px 0px 25px 0px;
	font-size:1em;
	line-height:20px;
	background: url("images/bgrad.jpg") repeat-x bottom left;
}
.mainblogcopy p{
	padding:10px 10px 10px 0 ;
}

/* input area */

input[type="text"],
input[type="password"],
textarea,
select{
	z-index:50;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: 1px double #999999;
  border-top: 1px double #AAAAAA;
  border-left:1px double #999999;
  border-right:1px double #AAAAAA;
  background: #f0f0f0;
  color: #222222;
  padding: 5px;
  margin: 10px 0;
}

label { text-align:right; margin-left:10px; color:#999999;}

/* All Comment Stlyling -*/

#comments{
	float:left;
	display:inline;
	overflow:hidden;
	width:640px;
}



.arrowup{
	display:inline;
	padding:2px 0 2px 20px;
	width:300px;
	height:14px;
	background: url("images/littleicons-1.png") 0 -180px no-repeat;
  
}

.comment-content {
font-family: Helvetica, sans-serif;
font-size:12px;
}

.commentlist, .commentlist ul {
padding:0px;
}

.commentlist li {
color:#555555;
font-size:12px;
line-height:20px;
background: url("images/bgrad.jpg") repeat-x bottom left;
padding:30px 200px 20px 0;

}


.reply{
font-size:10px;	
}

.name{
	font-size:20px;
	font-weight:100;
}


.commentlist li.alt, .thread-alt {
color:#555555;
}

.commentform p{
margin:0px;
}


.commentform li {
color:#555555;
font-size:12px;
line-height:20px;
padding:0 0 0 0;
background:none;

}

.comment {
background-color:#EEEEEE;
}

#respond {
	margin-top:25px;
}

.velocitybox{
	float:left;
	display:block;
	margin-top:25px;
	width:640px;
	height:68px;
	background: url("images/velocity.png") repeat-x;
}

.divform {float: left; width: 640px;margin-top:25px;}

.formLabel {float: left; text-align: right; color: #666; width: 200px; margin-top:15px;clear:both;}
.formLabelradio {float: left; text-align: right; color: #666; width: 200px; margin-top:1px;clear:both;}


.formInput {float: left; width:400px ; margin: 0px 0px 0px 10px; display: inline;}

.welcomeheadline {
 padding-top:5px;
 font-size:30px;
 line-height:36px;	
}

.welcomecopy{
	color:#666666;
	font-size:1.1em;
	line-height:18px;
}

.shortlegal{
	position:relative;
	top:275px;
	margin-left:30px;
	font-size:10px;
	color:#999999;
}

.powerstats{
	margin-top:10px;
	font-size:14px;
}

.learnmore a{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	padding:7px 7px 5px 7px;
	min-width:55px;
	cursor:pointer;
	display:inline-block;
	font-size: 10px;
	font-weight:500;
	text-transform:uppercase;
	color:#eee;
	text-decoration:none;
	text-align:center;
	background:#444;
}
.learnmore a:hover{
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:#111;
}

.learnmore-white a{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	padding:7px 7px 5px 7px;
	min-width:55px;
	cursor:pointer;
	display:inline-block;
	font-size: 10px;
	font-weight:500;
	text-transform:uppercase;
	color:#333;
	text-decoration:none;
	text-align:center;
	background:#FFF;

}
.learnmore-white a:hover{
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:#333;
}


.blackbar{
	color:#FFF;
	margin-top:-14px;
	*margin-top:-8px;
	float:left;
	width:auto;
	height:30px;
	padding:15px 50px 0 20px;
	*padding:7px 50px 8px 20px;
	background: url("images/productbar.jpg") bottom right;
}
#motoradd {
 float:right;
    top:-20px;
  position:relative;
  z-index:1200;
}
#motoradd a{
  display: block;
  width: 388px !important;
  height: 136px;
  background: url("images/motoradd.png") no-repeat left top;
  text-indent: -9000px;
}

#performance {
 position:relative;
 z-index:1200;
}
#performance a{
  display: block;
  width: 300px !important;
  height: 364px;
  background: url("images/performance.png") no-repeat left top;
  text-indent: -9000px;
}

.blog-description{
	width:300px;
	padding:4px 0 0 0 ;
	font-size:.75em;
	text-transform:uppercase;
	float:left;
}

/* Begin Images */
p img {
	padding: 0 0 10px 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {

	}

img.alignleft {

	}

.alignright {
	float: right;
	padding: 20px 0 5px 20px;
	display: inline;
	clear:right;
	}

.alignleft {
	padding: 20px 20px 5px 0;
	display: inline;
	float: left;
		clear:left;
	}
	
	.wp-caption {
		text-align: left;
		margin-top:10px;
	}

	.wp-caption img {
		border: 0 none;
	}

	.wp-caption p.wp-caption-text {
		font-size:.75em;
		line-height: 12px;
		padding: 0 4px 5px;
		margin: 0;
	}
	
	.wp-caption-dd{
			font-size: 8px;
			line-height: 12px;
			padding: 0 4px 5px;
			margin: 0;
	}
	
	.mainblogcopy ul, .mainblogcopy ol{
		padding:0px 100px 0px 25px;
			}
	.mainblogcopy li{
		padding:5px 0 5px 0;
	}
	
/* End Images */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/*- Preorder specialties -*/

.preorderyours{
font-weight:bold;
color:#1b4f7a;
}

/* UB additions */

a.buttonbig:link, a.buttonbig:visited {
	display:inline-block;
		width:144px;
		text-align:center;
	height:28px;
	line-height:30px;;
	background:#333;
	
	border:0;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	cursor:pointer;
}

a.buttonbigbig:link, a.buttonbigbig:visited {
	display:inline-block;
	text-align:center;
	height:2em;
	line-height:2em;
	text-align:center;
	width:245px;
	background:#333;
	border:0;
	text-transform:uppercase;
	color:#fff;
	font-size:1.7em !important;
	cursor:pointer;
}


a.redbutton:link, a.redbutton:visited {
	background:#d33220 !important;
}

a.bluebutton:link, a.bluebutton:visited {
	background:#4fafe1 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= #4fafe1, endColorstr=#4fafe1)";
}

a.buttonbig {
	margin-left:10px;
}

ul.winlist {
display:block;
float:left;
margin-left:25px;
margin-top:10px;
position:relative;
width:500px;
}

ul.winlist li {
	width:225px;
	float:left;
	font-size:16px;
	list-style-image:url(images/bullet.png);
	text-indent:5px;
	line-height:1;
	padding:0 0 0 0;
}


ul.redwinlist {
display:block;
float:left;
margin-left:25px;
margin-top:10px;
position:relative;
width:500px;
}

ul.redwinlist li {
	width:225px;
	float:left;
	font-size:16px;
	list-style-image:url(images/red_bullet.png);
	text-indent:5px;
	line-height:1;
	padding:0 0 0 0;
}


a.laptop:link, a.laptop:visited {
	position:absolute;
	left:40px;
	top:-50px;
	display:block;
	width:187px;
	height:172px;
	background:url(images/laptop-sprite.png) no-repeat top left;
}

a.laptop:hover, a.laptop:active {
	background-position:-171px left;
}

.ub_left{
	width: 250px;
	display:inline;
	float: left;
	position: relative;

}
.ub_right{
	width: 550px;
	display:inline;
	float: left;
	position: relative;
}

.ub_buttonholder{
	width: 160px;
	display:inline;
	float: left;
	position: relative;
}

.pushbuttonover{
margin:10px 0 0 25px;
}

.sidebutton{
display:block !important;
margin:10px 0px 0px 0px !important;
}


/*- VOUCH FOR -*/

.vouchforheadline{
float:left;
margin-top:40px;
margin-left:30px;
display:block;
position:relative;
font-size:30px;
width:275px;
line-height:32px;
}

.vouchforcopy{
margin-top:40px;
display:block;
float:left;
position:relative;
font-size:12px;
line-height:16px;
width:300px;
}

.vouchforcopy a.learnmore{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	padding:2px 10px;
	min-width:55px;
	cursor:pointer;
	display:inline-block;
	font-size: 10px;
	font-weight:500;
	text-transform:uppercase;
	color:#eee;
	text-decoration:none;
	text-align:center;
	background:#444;
	margin-top:10px;
}
.vouchforcopy  a.learnmore:hover{
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:#111;
}



.vouchforbanner{
margin-top:-20px;
display:block;
height:140px;
width:960px;
position:relative;
float:left;
	background:url(images/vouchfor/vouchforbg.jpg) no-repeat top left;
}

#vouchforlogo a{
  display: block;
  position:relative;
  float:left;
  margin-top:40px;
  width: 99px !important;
  height: 66px;
  background:url(images/vouchfor/vouchforlogo.jpg) no-repeat top left;
  text-indent: -9000px;
}

#contactform{
width:640px;
position:relative;
display:block;
float:left;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

#contactform ul{
display: block;
float:left;
position:relative;
width:640px;
}