/*
//-----------------------------------------------------------------------------

	JackedCardRacing.com
	
	version:   1.0
	date:      09/01/07
	author:    [Martin Olson @ Sandau Creative]
	email:     [info@sandaucreative.com]

	website:   [www.JackedCardRacing.com]

	version history: [1.0]

// -----------------------------------------------------------------------------
*/


/* ----------------------------------------------------------------------------
	Import external stylesheets
-----------------------------------------------------------------------------*/

/*@import url("lightbox.css");*/


/*


/* ----------------------------------------------------------------------------
	Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* {
	margin: 0 auto;
	padding: 0;
	}
	
* a:focus,
* a:active {
	outline: 0;
	}

/* ----------------------------------------------------------------------------
	Styles
-----------------------------------------------------------------------------*/

.clearall {
	clear:both;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

.right {
	float: right;
	}

.left {
	float: left;
	}
	

/* ----------------------------------------------------------------------------
	Setup
-----------------------------------------------------------------------------*/


body {
	background: #f7f6f6 url(../img/bkg_horizon.gif) repeat-x 0 275px;
	font: 100 12px/1.5em Arial, Helvetica, Verdana, sans-serif;
	color: #535252;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
	
#wrapper {
	background: transparent url(../img/bkg_clouds.gif) no-repeat top center;
	}

#container {
	width: 880px;
	margin: 20px auto 20px;
	text-align: left;
	}
	
#footer {
	background: transparent url(../img/footer_rndCorners.png) no-repeat top center;
	padding: 35px 0;
	text-align: center;
	}

/* Show only to IE PC \*/

* html #footer {
	background: url(../img/footer_rndCorners.gif) no-repeat center top;
	}


/* ============================================================================
	Header
-----------------------------------------------------------------------------*/
	
#header {
	background: transparent url(../img/header_rndCorners.gif) no-repeat top center;
	padding: 30px 35px 0 30px;
	height: 60px;
	}
	
.logo {
	float: left;
	margin-left: 20px;
	}
a.logo:hover {
	cursor: hand;
	}

	
/* ============================================================================
	Navigation
-----------------------------------------------------------------------------*/
	
#navWrap {
	background: transparent url(../img/nav_bkg.gif) no-repeat top right;
	float: right;
	}
	
/* main site navigation */

ul#siteNav {
	margin: 0;
	padding: 0 0 0 70px;
	width: 420px;
	background: transparent url(../img/nav_arrowCrnr.gif) no-repeat center left;
	height: 37px;
	}
	
ul#siteNav li {
	float: left;
	display: block;
	text-align: center;
	list-style: none;
	font-weight: 700;
	font-size: 15px;
	background: url(../img/nav_divider.gif) no-repeat bottom right;
	}
	
ul#siteNav li a {
	display: block;
	float: left;
	padding: 8px 0 10px;
	text-indent: -9999px;
	}
	
ul#siteNav li a#intro {
	background: transparent url(../img/navbtn_intro.gif) no-repeat center center;
	width: 125px;
	}
ul#siteNav li a#intro:hover {
	background: #383838 url(../img/navbtn_intro.gif) no-repeat center center;
	}
	
ul#siteNav li a#world {
	background: transparent url(../img/navbtn_world.gif) no-repeat center center;
	width: 140px;
	}
ul#siteNav li a#world:hover {
	background: #383838 url(../img/navbtn_world.gif) no-repeat center center;
	}
	
ul#siteNav li a#garage {
	background: transparent url(../img/navbtn_garage.gif) no-repeat center center;
	width: 125px;
	}
ul#siteNav li a#garage:hover {
	background: #383838 url(../img/navbtn_garage.gif) no-repeat center center;
	}
	

/* ============================================================================
	Layout
-----------------------------------------------------------------------------*/

#home_wrap {
	margin-top: 20px;
	width: 880px;
	}

#world_wrap {
	margin-top: 20px;
	width: 880px;
	background: transparent url(../img/header_rndCorners.gif) no-repeat top center;
	position:relative;
	top:0px;
	left:0px;
	}
	
#logo_flash {
	top: 0;
	left: 0;
	z-index: 500;
	}

#content {
	padding: 10px 25px 0;
	}
	
#flashCover {
	position: absolute;
	top:0px;
	left:-20px;
	margin: 30px 0 0 50px;
	z-index: 2;
	}

#flashcontent {
	}	

	
/* ============================================================================
	Gray Rounded Box
-----------------------------------------------------------------------------*/

.grayBox_top {
	height: 25px;
	background: url(../img/box_gray_top.png) no-repeat center top;
	}
.grayBox_mid {
	background: url(../img/box_gray_mid.png) repeat-y center top;
	}
.grayBox_btm {
	height: 25px;
	background: url(../img/box_gray_btm.png) no-repeat center top;
	}
.grayBox_mid .cnt {
	background: url(../img/box_gray_cnt.gif) no-repeat center top;
	padding: 10px 50px;
	color: #fff;
	}

/* Show only to IE PC \*/

* html .grayBox_top {
	background: url(../img/box_gray_top.gif) no-repeat center top;
	}
* html .grayBox_mid {
	background: url(../img/box_gray_mid.gif) repeat-y center top;
	}
* html .grayBox_btm {
	background: url(../img/box_gray_btm.gif) no-repeat center top;
	}
* html .grayBox_mid .cnt {
	background: url(../img/box_gray_cnt.gif) no-repeat center top;
	}
	
	
/* ============================================================================
	Orange Rounded Box
-----------------------------------------------------------------------------*/

.orangeBox_top {
	height: 25px;
	background: url(../img/box_orange_top.png) no-repeat center top;
	}
.orangeBox_mid {
	background: url(../img/box_orange_mid.png) repeat-y center top;
	}
.orangeBox_btm {
	height: 25px;
	background: url(../img/box_orange_btm.png) no-repeat center top;
	}
.orangeBox_mid .cnt {
	background: url(../img/box_orange_cnt.gif) no-repeat center top;
	padding: 10px 50px;
	color: #fff;
	}

/* Show only to IE PC \*/

* html .orangeBox_top {
	background: url(../img/box_orange_top.gif) no-repeat center top;
	}
* html .orangeBox_mid {
	background: url(../img/box_orange_mid.gif) repeat-y center top;
	}
* html .orangeBox_btm {
	background: url(../img/box_orange_btm.gif) no-repeat center top;
	}
* html .orangeBox_mid .cnt {
	background: url(../img/box_orange_cnt.gif) no-repeat center top;
	}
	
	
/* ============================================================================
	Register Box
-----------------------------------------------------------------------------*/

.registerBox_top {
	height: 25px;
	background: url(../img/box_reg_top.png) no-repeat center top;
	}
.registerBox_mid {
	background: url(../img/box_reg_mid.png) repeat-y center top;
	}
.registerBox_btm {
	height: 25px;
	background: url(../img/box_reg_btm.png) no-repeat center top;
	}
.registerBox_mid .cnt {
	background: url(../img/box_reg_cnt.gif) no-repeat center top;
	padding: 10px 50px 3px;
	color: #fff;
	}

/* Show only to IE PC \*/

* html .registerBox_top {
	background: url(../img/box_reg_top.gif) no-repeat center top;
	}
* html .registerBox_mid {
	background: url(../img/box_reg_mid.gif) repeat-y center top;
	}
* html .registerBox_btm {
	background: url(../img/box_reg_btm.gif) no-repeat center top;
	}
* html .registerBox_mid .cnt {
	background: url(../img/box_reg_cnt.gif) no-repeat center top;
	}
	
/* ============================================================================
	Login Box
-----------------------------------------------------------------------------*/

.loginBox_top {
	height: 25px;
	background: url(../img/box_login_top.png) no-repeat center top;
	}
.loginBox_mid {
	background: url(../img/box_login_mid.png) repeat-y center top;
	}
.loginBox_btm {
	height: 25px;
	background: url(../img/box_login_btm.png) no-repeat center top;
	}
.loginBox_mid .cnt {
	background: url(../img/box_login_cnt.gif) no-repeat center top;
	padding: 10px 50px;
	color: #fff;
	}

/* Show only to IE PC \*/

* html .loginBox_top {
	background: url(../img/box_login_top.gif) no-repeat center top;
	}
* html .loginBox_mid {
	background: url(../img/box_login_mid.gif) repeat-y center top;
	}
* html .loginBox_btm {
	background: url(../img/box_login_btm.gif) no-repeat center top;
	}
* html .loginBox_mid .cnt {
	background: url(../img/box_login_cnt.gif) no-repeat center top;
	}
	

/* ============================================================================
	VIN Rounded Box
-----------------------------------------------------------------------------*/

.vinBox_top {
	height: 25px;
	background: url(../img/box_vin_top.png) no-repeat center top;
	}
.vinBox_mid {
	background: url(../img/box_vin_mid.png) repeat-y center top;
	}
.vinBox_btm {
	height: 25px;
	background: url(../img/box_vin_btm.png) no-repeat center top;
	}
.vinBox_mid .cnt {
	background: url(../img/box_vin_cnt.gif) no-repeat center top;
	padding: 10px 40px 8px;
	color: #fff;
	}

/* Show only to IE PC \*/

* html .vinBox_top {
	background: url(../img/box_vin_top.gif) no-repeat center top;
	}
* html .vinBox_mid {
	background: url(../img/box_vin_mid.gif) repeat-y center top;
	}
* html .vinBox_btm {
	background: url(../img/box_vin_btm.gif) no-repeat center top;
	}
* html .vinBox_mid .cnt {
	background: url(../img/box_vin_cnt.gif) no-repeat center top;
	}
	
/* add vin elements */
	
#addVin td {
	height: 36px;
	margin: 0;
	}

#addVin td.title {
	width: 100px;
	text-align: left;
	}
#addVin td.choice {
	background: url(../img/addvin_tagBkg.gif) no-repeat left center;
	color: #a5a5a5;
	font-weight: 700;
	padding-left: 13px;
	font-size: 11px;
	}
#addVin td.submit {
	width: 110px;
	text-align: center;
	}


/* ============================================================================
	Register
-----------------------------------------------------------------------------*/	

#setupAccount {
	margin-bottom: 15px;
	}
	
#setupMail {
	background: transparent url(../img/hr_diagline.gif) repeat-x left top;
	padding: 25px 0 15px;
	}
	
p.req {
	color: #ff6600;
	font-size: 11px;
	font-weight: 700;
	margin-bottom: 1.5em;
	}
span.req {
	color: #ff6600;
	font-weight: 700;
	font-size: 14px;
	margin-left: 5px;
	}
	
.regBtn {
	xfloat: right;
	margin: 15px 35px 5px 500px;
	}
.updateBtn {
	margin: 20px 0;
	}


/* forms */

#login input.txtfield {
	width: 240px;
	padding: 2px;
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
	}
#login input.submit,
#login input.submit:focus {
	margin-top: 5px;
	outline: 0;
	}
#login a {
	color: #ff6600;
	font-weight: 700;
	margin-bottom: 1em;
	text-transform: none;
	text-decoration: none;
	margin-left: 8px;
	}
#login a:hover {
	text-decoration: underline;
	}

#setupAccount td,
#setupMail td,
#contactform td {
	width: 365px;
	}
#setupAccount td input,
#setupMail td input,
#contactform td input {
	width: 345px;
	padding: 2px;
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
	}
#setupAccount td select,
#setupMail td select,
#contactform td select {
	width: 110px;
	padding: 2px;
	color: #333;
	font-size: 14px;
	margin: 0 5px 10px 0;
	}
#setupMail td select.state {
	width: 180px;
	}
#setupAccount tr.titles,
#setupMail tr.titles,
#contactform tr.titles,
#login {
	font-size: 11px;
	color: #999;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 2.2em;
	}
	
#setupMail tr.titles span.zip {
	margin-left: 145px;
	}
	
#setupMail td input.address {
	width: 710px;
	}
#setupMail td input.zip {
	width: 150px;
	}
	
.setupReq {
	background: transparent url(../img/hr_diagline.gif) repeat-x left top;
	padding: 15px 10px 0;
	color: #ff6d00;
	font-size: 11px;
	}
	
#setupTerms {
	background: transparent url(../img/hr_diagline.gif) repeat-x left top;
	margin: 10px 0 25px;
	padding: 10px 0 0;
	font-size: 11px;
	color: #959494;
	line-height: 1.5em;
	}
#setupTerms .accept {
	font-size: 11px;
	color: #ccc;
	font-weight: 700;
	margin: 1.5em 10px;
	}
#setupTerms .accept span {
	margin-left: 8px;
	}
	
textarea.comments {
	width: 710px;
	padding: 2px;
	color: #333;
	font-size: 14px;
	}
	
	
#contactform {
	/*background: transparent url(../img/hr_diagline.gif) repeat-x left top;
	margin: 20px 0 0;*/
	padding-top: 5px;
	}
	
/* ============================================================================
	
	
	Garage
	
	
-----------------------------------------------------------------------------*/
	
	
/* member info (username, profile, signout) */

ul#memberinfo {
	float: right;
	margin: 23px 35px 0;
	padding: 0;
	list-style: none;
	}
ul#memberinfo li {
	display: block;
	float: left;
	padding: 0 8px;
	border-right: 1px solid #c5c5c5;
	}
ul#memberinfo li.last {
	border-right: none;
	}
ul#memberinfo li a {
	color: #535252;
	text-decoration: none;
	}
ul#memberinfo li a:hover {
	text-decoration: underline;
	}
	
/* inactive */

.garageBox_mid .inactive {
	background:#f5f4f4 url(../img/gararge_inactive_bkg.gif);
	width: 800px;
	padding: 120px 0;
	text-align: center;
	}

	
/* ============================================================================
	Garage Rounded Box
-----------------------------------------------------------------------------*/

.garageBox_nav {
	background: url(../img/box_garage_top.png) no-repeat center top;
	padding-top: 15px;
	height: 38px;
	}
.garageBox_mid {
	background: url(../img/box_garage_mid.png) repeat-y center top;
	clear: both;
	}
.garageBox_btm {
	height: 25px;
	background: url(../img/box_garage_btm.png) repeat-y center top;
	}

/* Show only to IE PC \*/

* html .garageBox_nav {
	background: url(../img/box_garage_top.gif) no-repeat center top;
	height: 1%;
	}
* html .garageBox_mid {
	background: url(../img/box_garage_mid.gif) repeat-y center top;
	}
* html .garageBox_btm {
	height: 25px;
	background: url(../img/box_garage_btm.gif) repeat-y center top;
	}
	

/* ============================================================================
	Garage Lists (Sorting options)
-----------------------------------------------------------------------------*/

.garageBox_nav ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
	background: none;
	}
.garageBox_nav li {
	display: block;
	float: left;
	text-align: center;
	list-style-type: none;
	background: transparent url(../img/box_garage_navDivider.gif) no-repeat right top;
	padding: 10px 0 10px;
	}
.garageBox_nav li a {
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none;
	}
.garageBox_nav li a:hover {
	color: #70cdef;
	text-decoration: none;
	}
.garageBox_nav li.current {
	background: transparent url(../img/box_garage_navActive.gif) repeat-x left center;
	}
.garageBox_nav li.current a:hover {
	color: #fff;
	}
.garageBox_nav li#status {
	width: 125px;
	}
.garageBox_nav li#photo {
	width: 90px;
	text-indent: -9999px;
	}
.garageBox_nav li#model {
	width: 262px;
	}
.garageBox_nav li#rank {
	width: 148px;
	}
.garageBox_nav li#date {
	width: 108px;
	}
.garageBox_nav li#history {
	width: 122px;
	}
.garageBox_nav li#remove {
	width: 35px;
	}
	
/* ============================================================================
	Garage Entries
-----------------------------------------------------------------------------*/

#garageEntry {
	border-bottom: 1px solid #faf8f8;
	}
#garageEntry td {
	background: #f5f4f4 url(../img/box_garage_entryBkg.gif) repeat-x left bottom;
	border-right: 1px solid #fff;
	border-top: 2px solid #fff;
	height: 65px;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	}
#garageEntry td a {
	color: #535252;
	text-decoration: none;
	}
#garageEntry td a:hover {
	color: #ff6d00;
	text-decoration: none;
	}
#garageEntry td.status {
	width: 125px;
	}
#garageEntry td.status select {
	width: 95px;
	}
#garageEntry td.photo {
	width: 90px;
	border-right:0px solid white;
	}
#garageEntry td.photo img {
	/*border: 1px solid #e3e3e3;*/
	}
#garageEntry td.model {
	text-align: left;
	width: 160px;
	padding-left: 20px;
	font-size: 14px;
	}
#garageEntry td.model span {
	font-size: 11px;
	}
#garageEntry td.rank {
	width: 150px;
	text-align:center;
	}
#garageEntry td.date {
	width: 110px;
	}
#garageEntry td.history {
	width: 130px;
	}
#garageEntry td.remove {
	width: 35px;
	border-right: none;
	}
	
/* ============================================================================
	Garage Ranking System
-----------------------------------------------------------------------------*/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../img/garage_rank_star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	margin-left:10px;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(../img/garage_rank_star.gif);
	line-height: 10px;
	height: 10px;
}

	
	
/* ============================================================================
	
	
	Introducing
	
	
-----------------------------------------------------------------------------*/	


.intro_wrap {
	background: url(../img/bkg_featurelist.gif) no-repeat 0 250px;
	}
.intro_column {
	width: 400px;
	float: left;
	margin: 0;
	padding: 10px 40px;
	font-size: 15px;
	line-height: 1.8em;
	}
#features {
	padding: 15px 0 25px;
	}
.feature {
	clear: both;
	font-size: 12px;
	line-height: 1.4em;
	margin: 20px 0 0;
	}
.feature img {
	float: left;
	margin-right: 15px;
	}
.feature span {
	float: left;
	width: 310px;
	padding-bottom: 15px;
	}
.feature .hdr {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: .3em;
	}
.feature .small {
	font-size: 11px;
	line-height: 1.5em;
	margin: .8em 0;
	}


/* ============================================================================
	Promotion
-----------------------------------------------------------------------------*/


.promo_wrap {
	background: url(../img/intro_featureBkgwPromo.gif) no-repeat 0 215px;
	padding-bottom: 20px;
	}

	
/* ============================================================================
	Privacy
-----------------------------------------------------------------------------*/

#privacy {
	margin: 20px 75px 35px 45px;
	}
	
#privacy a {
	color: #ff6d00;
	font-weight: 700;
	}


/* ----------------------------------------------------------------------------
	Textfields/Forms
-----------------------------------------------------------------------------*/

input.addvin, select.addvin {
	width: 160px;
	color: #4c4d4d;
	font-size: 14px;
	margin: 0 8px;
	margin-left:12px;
	xheight: 36px;
	padding: 1px 3px 0;
	}

	
/* ============================================================================
	Typography
-----------------------------------------------------------------------------*/

h1 {
	font-size: 30px;
	margin: 0 40px;
	line-height: 1.5em;
	text-indent: -9999px;
	}
	
h1.mygarage {
	background: url(../img/h1_mygarage.gif) no-repeat left center;
	margin-left: 50px;
	}
h1.mygarage_addvin {
	background: url(../img/h1_mygarage.gif) no-repeat left center;
	margin-left: 40px;
	}
h1.creategarage {
	background: url(../img/h1_creategarage.gif) no-repeat left center;
	margin-left: 50px;
	}
h1.accessgarage {
	background: url(../img/h1_accessgarage.gif) no-repeat left center;
	margin-left: 40px;
	}
h1.congrats {
	background: url(../img/h1_congrats.gif) no-repeat left center;
	margin-left: 40px;
	}
h1.editprofile {
	background: url(../img/h1_editprofile.gif) no-repeat left center;
	margin-left: 50px;
	}
h1.introducing {
	background: url(../img/h1_introducing.gif) no-repeat left center;
	margin-left: 40px;
	}
h1.promo {
	background: url(../img/h1_readytorace.gif) no-repeat left center;
	margin-left: 40px;
	}
h1.privacy {
	background: url(../img/h1_privacy.gif) no-repeat left center;
	margin-left: 40px;
	}
h1.contact {
	background: url(../img/h1_contact.gif) no-repeat left center;
	margin-left: 40px;
	}
h1.regfreedeck {
	background: url(../img/h1_freedeck.gif) no-repeat left center;
	margin-left: 40px;
	}

h2 {
	font-size: 22px;
	margin: .4em auto .5em;
	}
	
h3 {
	font-size: 19px;
	font-weight: 700;
	margin: .4em auto .5em;
	}
	
h4 {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: .5em;
	}

p {
	margin-bottom: 1em;
	}

.small {
	font-size: 10px;
	}
	
.reg_disclaimer {
	font-size: 10px;
	border-top: 1px solid #ff9240;
	margin-top: 15px;
	padding-top: 15px;
	line-height: 1.2em;
	}
	
.tag {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: .5em auto 0;
	}
	
.policy {
	margin: 1em 50px;
	font-size: 11px;
	color: #757575;
	text-align: center;
	}
	
.legal {
	font-size: 10px;
	color: #757575;
	margin: 0 auto 1em;
	}
	
.legal a {
	margin-left: 5px;
	color: #757575;
	text-decoration: none;
	}

.right a {
	color: #757575;
	text-decoration: none;
	}
.right a:hover {
	color: #757575;
	text-decoration: underline;
	}
	
.legal a:hover {
	text-decoration: underline;
	}
	
.orange {
	color: #ff6d00;
	}
	
.subhdr {
	margin-left: 40px;
	}
	
.errormsg {
	background: #ff6d00 url(../img/errormsg_arrowBkg.gif) no-repeat left center;
	color: #FFFFFF;
	padding: 3px 8px 3px 25px;
	font-weight: 700;
	}
	
/* craig added these styles*/	
/* makes a scroll bar so you don't get the funky shift on a page with little text */
#block
{
    position:absolute;
    top:0;
    bottom:-0.1px;
    width:1em;
    z-index:-1;
}
.btnregGarage
{
    margin-top:10px;
}
.btnLogin
{
    margin-top:15px;
}


/* ============================================================================
	Buttons - rollover
-----------------------------------------------------------------------------*/

/* promotion - free deck w register */	
	
.promoReg_btn {
	margin-top: 45px;
	text-align: center;
	}
a.promoReg {
	background: url(../img/btn_intro_promo.gif) no-repeat top center;
	height: 45px;
	display: block;
	}
a.promoReg span {
	display: none;
	}
a.promoReg:hover {
	background: url(../img/btn_intro_promo.gif) no-repeat bottom center;
	cursor: hand;
	}

/* promotion - free deck */	
	
.promo_btn {
	margin-top: 25px;
	text-align: center;
	}
a.promo {
	background: url(../img/btn_watchdemo.gif) no-repeat top center;
	/*background: url(../img/btn_freedeck.gif) no-repeat top center;*/
	height: 45px;
	display: block;
	}
a.promo span {
	display: none;
	}
a.promo:hover {
	background: url(../img/btn_watchdemo.gif) no-repeat bottom center;
	/*background: url(../img/btn_freedeck.gif) no-repeat bottom center;*/
	cursor: hand;
	}
	
/* confirmation - sign into garage */	
	
.confirm_btn {
	margin: 35px 0 20px;
	text-align: center;
	}
.confirm_btn a.signin {
	background: url(../img/btn_confirm_signin.gif) no-repeat top center;
	height: 45px;
	display: block;
	}
.confirm_btn a.signin span {
	display: none;
	}
.confirm_btn a.signin:hover {
	background: url(../img/btn_confirm_signin.gif) no-repeat bottom center;
	cursor: hand;
	}
	
/* login - register garage */
	
.register_btn {
	margin: 13px auto;
	text-align: center;
	width: 200px;
	}
.register_btn a.register {
	background: url(../img/btn_register_signup.gif) no-repeat top center;
	height: 45px;
	display: block;
	}
.register_btn a.register span {
	display: none;
	}
.register_btn a.register:hover {
	background: url(../img/btn_register_signup.gif) no-repeat bottom center;
	cursor: hand;
	}
	
/* garage history */
#garageHistory {
border-bottom: 1px solid #faf8f8;
} 
#garageHistory th {
background-color: #E8E8E7; 
height: 40px;
vertical-align: middle;
text-align: center;
font-size: 13px;
}
#garageHistory td {
background: #f5f4f4 url(../img/box_garage_entryBkg.gif) repeat-x left bottom;
border-right: 1px solid #fff;
border-top: 2px solid #fff;
height: 45px;
vertical-align: middle;
text-align: center;
font-size: 13px;
}
#garageHistory td.fullHistory {
background: #f5f4f4 url(../img/box_garage_entryBkg.gif) repeat-x left bottom;
border-right: 1px solid #fff;
border-top: 2px solid #fff;
height: 45px;
vertical-align: middle;
text-align: left;
font-size: 13px;
padding-left:30px;
}
#garageBox_mid .col1 {
width: 400px;
margin: 0 0 0 10px;
text-align: center;
float: left;
}
.garageBox_historynav {
background: url(../img/box_garage_top.png) no-repeat center top;
padding: 25px 0 0 35px;
height: 28px;
}
*html .garageBox_historynav {
background: url(../img/box_garage_top.gif) no-repeat center top;
xheight: 1%;
}

.garageBox_historynav a {
font-weight: 700;
color: #ccc;
text-decoration: none;
line-height: 13px;
}
.garageBox_historynav a:hover {
color: #ff6900;
text-decoration: none;
}
h1.vinhistory
{
    background: url(../img/h1_vinhistory.gif) no-repeat left center;
    margin-left:40px;
}
#fullHistory
{
    margin-left:0px;

}

/* garage error message */
#msgBoxWrapper
{
    position:relative;
    top:0px;
    left:0px;
    }
#msgBox
{
    position:absolute;
    top:5px;
    left:-88px;
    width:200px;
}
#msgBoxSafari
{
    position:absolute;
    top:5px;
    left:-88px;
    width:200px;
}
#msgBoxIE7
{
    position:absolute;
    top:20px;
    left:-88px;
    width:200px;
}
#msgBoxIE6
{
    position:absolute;
    top:20px;
    left:-88px;
    width:200px;
}
/* contact page spacing */
.moreSpacing
{
    padding-top:4px;
    padding-bottom:4px;
    height:1px;
}

/* orange link */
A.orangeLink:link 				
{
	color: #ff6d00;
	text-decoration: none;

}
/* visited links */ 
A.orangeLink:visited 
{
	color: #ff6d00;
	text-decoration: none;

}		
/* user hovers */ 
A.orangeLink:hover 
{
	color: #ff6d00;
	text-decoration: underline;

}
/* active links */			 
A.orangeLink:active
{
	color: #ff6d00;
	text-decoration: underline;

}