﻿body
{
    margin:0;
    padding:0;
    background-color:#FFF;
    font-family:Arial, Sans-Serif;
    font-size:12px;
    background-image:url(../i/bg-grd-grey.jpg);
    background-repeat:repeat-x;
    background-position:top left;
    }    

/* typography.css */
/* typography.css */
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11 {font-weight:normal;color:#111;}
h1 {font-size:320%; color:#3C9EFF;}
h2 {font-size:140%; color:#FE7826;}
h3 {font-size:160%; color:#FE7826;}
h4 {font-size:108%; color:#FE7826; font-weight:bold;}
h5 {font-size:93%; color:#FFF; font-weight:bold;}
h6 {font-size:93%; color:#69C; font-weight:bold;}
h7 {font-size:93%; color:#666; font-weight:bold;}
h8 {font-size:93%; color:#999; font-weight:bold;}
h9 {font-size:93%; color:#69C;}
h10 {font-size:93%; color:#333;}
h11 {font-size:85%; color:#69C;}
em{font-weight:bold; color:#FE7826; font-style:normal;}
a{color:#3654DC; /*text-decoration:underline;*/ font-weight:bold}
a:hover{}
hr{border:solid .01em #999}
th{ font-weight:bold; font-size:120%; color:#333}
/*input:hover, select:hover{border: solid 1px #FFF999}
input, select{border: solid 1px #999}
input.radio-border, input:hover.radio-border{border:none}
input.check-border, input:hover.check-border{border:none}*/


.stripes1{background-image:url(../i/stripes1.png); background-repeat:repeat;}
.stripes2{background-image:url(../i/stripes2.png); background-repeat:repeat;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.show {display:block}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.right{float:right}
.left{float:left}
.clear{ clear:both}
.margin-default{margin:20px 15px}
.padding{padding:0px 15px}
.padding-default{padding:0px 15px}
.padding-default2{padding:0px 5px 0 12px}
.padding-default3{padding:30px 5px 0 12px}
.cell3{width:100%; height:5px; background-color:#FE7826; margin:10px 0 25px 0}
.heading h1{font-size:200%; margin:0 0 5px 0}
.heading p{font-weight:bold; color:#666}
.heading .cell3{background-color:#3654DC; margin:0;}
.box{border:1px solid #FE7826;}
.error{color:#C11B17; margin:0px 5px 0 20px; display:block}
.success{color:#73A340; margin:0px 5px 0 20px; display:block}
.left-column{float:left; width:30%; padding:15px}
.mid-column{float:left; width:30%; padding:15px}
.right-column{float:right; width:29%; padding:15px}
.orange-box{background-color:#FFF5EE; border:1px solid #FE7826; width:100%;}
.valError{border:solid 1px #cc0000; background-color:#fefddf; padding:5px;}


/*Bof icon classes*/
.icon-ebay{background:transparent url(../i/icon-ebay-dark.gif) no-repeat bottom; width:50px; height:25px}
.icon-award{background:transparent url(../i/icon-award.gif) no-repeat bottom; width:20px; height:20px}
.icon-camera{background:transparent url(../i/icon-camera.gif) no-repeat bottom; width:20px; height:20px}
.icon-smile{background:transparent url(../i/icon-smile.gif) no-repeat bottom; width:20px; height:20px}
.icon-cars-dark{background:transparent url(../i/icon-cars-dark.gif) no-repeat bottom; width:50px; height:25px}
.icon-upgrade-cars{background:transparent url(../i/upgrade-icon-cars.gif) no-repeat bottom; width:77px; height:69px}
.icon-upgrade-ebay{background:transparent url(../i/upgrade-icon-ebay.gif) no-repeat bottom; width:77px; height:69px}
.icon-upgrade-autotrader{background:transparent url(../i/upgrade-icon-autotrader.gif) no-repeat bottom; width:77px; height:69px}
.icon-upgrade-craigslist{background:transparent url(../i/upgrade-icon-craigslist.gif) no-repeat bottom; width:77px; height:69px}
.icon-upgrade-vast{background:transparent url(../i/upgrade-icon-vast.gif) no-repeat bottom; width:77px; height:69px}
.icon-upgrade-google{background:transparent url(../i/upgrade-icon-google.gif) no-repeat bottom; width:77px; height:69px}
.icon-upgrade-yahoo{background:transparent url(../i/upgrade-icon-yahoo.gif) no-repeat bottom; width:77px; height:69px}
.icon-person-one{background:transparent url(../i/person-one.gif) no-repeat bottom; width:10px; height:15px; margin:5px 0}
.icon-person-half{background:transparent url(../i/person-half.gif) no-repeat bottom; width:5px; height:15px; margin:5px 0}
.icon-s-photo1{background:transparent url(../i/s-photo-1.gif) no-repeat bottom; width:119px; height:79px;}
/*Eof icon classes*/



/*Bof button classes*/
/*Bof Buyer Flow default button styles*/
.button{
    background:#FC5008 url(../i/btn-bg.png) repeat-x scroll 0 0;
    color:#FFF;
    cursor:pointer;
    float:left;
    font-weight:bold;
    padding:4px 5px;
    border:1px solid #666666}
    
input.button{
    overflow:visible;
    font-size:1.4em !important;
    font-weight:bold !important;
    letter-spacing:1px;
    overflow:hidden;
    text-decoration:none !important}
/*Eof Buyer Flow default button styles*/

/*Bof Default Seller Flow button styles*/
.defaultButton a{
    text-decoration:none;
}
.defaultButton span{
    font-size:.9em;
    color:#FFFFFF;
    font-weight:bold;
    font-family:Arial;
    cursor:pointer;
    text-transform:uppercase;
}

/*BoF orange button */

.orangeButtonLeft{
    background-image:url(../../sc/i/oj-left-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:6px;
    float:left;
}
.orangeButtonMid{
    background-image:url(../../sc/i/oj-mid-button.gif);
    background-repeat:repeat-x;
    height:30px;
    float:left;
    padding:7px 15px 0;
}
.orangeButtonRight{
    background-image:url(../../sc/i/oj-right-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:10px;
    float:left;
}

/*EoF orange button */

/*EoF blue button */
.blueButtonLeft{
    background-image:url(../../sc/i/blue-left-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:6px;
    float:left;
}
.blueButtonMid{
    background-image:url(../../sc/i/blue-mid-button.gif);
    background-repeat:repeat-x;
    height:30px;
    float:left;
    padding:7px 15px 0;
}
.blueButtonRight{
    background-image:url(../../sc/i/blue-right-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:10px;
    float:left;
}

/*EoF blue button */

/*EoF gray button */
.grayButtonLeft{
    background-image:url(../../sc/i/gray-left-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:6px;
    float:left;
}
.grayButtonMid{
    background-image:url(../../sc/i/gray-mid-button.gif);
    background-repeat:repeat-x;
    height:30px;
    float:left;
    padding:7px 15px 0;
}
.grayButtonRight{
    background-image:url(../../sc/i/gray-right-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:10px;
    float:left;
}

/*EoF gray button */
.redButtonLeft{
    background-image:url(../../sc/i/red-left-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:6px;
    float:left;
}
.redButtonMid{
    background-image:url(../../sc/i/red-mid-button.gif);
    background-repeat:repeat-x;
    height:30px;
    float:left;
    padding:7px 15px 0;
}
.redButtonRight{
    background-image:url(../../sc/i/red-right-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:10px;
    float:left;
}
/*Bof red button*/

/*Eof red button*/
/*Eof default button styles*/


.clicked:active{position:relative; top:1px; left:1px}

.button1l, .button1r, .button1c{cursor:pointer}
.button1l{background:url('../i/btn1-l.gif') no-repeat 50% top;
}
.button1r{background:url('../i/btn1-r.gif') no-repeat 50% top;
}
.button1c{border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../i/btn1-c.gif') repeat-x 50% top;
	height:30px; margin:1px 0 0; padding:0 10px 6px; width:auto; overflow:visible; float:left; color:#fff; font-weight:bold;
}
span.button1l, span.button1r{ width:7px; height:30px; display:inline-block; float:left;}


.button2l, .button2r{width:7px; height:33px; display:inline-block; float:left; margin:0 -2px}
.button2l, .button2r, .button2c{cursor:pointer}
.button2l{background:url('../i/btn2-l.gif') no-repeat 50% top;}
.button2r{background:url('../i/btn2-r.gif') no-repeat 50% top;}
.button2c{border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../i/btn2-c.gif') repeat-x 50% top;
	height:30px; padding:0 10px 6px; float:left; width:auto; overflow:visible; color:#fff; font-weight:bold;}
	

.button3l, .button3r{width:7px; height:33px; display:inline-block; float:left; margin:0 -2px}
.button3l, .button3r, .button3c{cursor:pointer}
.button3l{background:url('../i/btn3-l.gif') no-repeat 50% top;}
.button3r{background:url('../i/btn3-r.gif') no-repeat 50% top;}
.button3c{border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../i/btn3-c.gif') repeat-x 50% top;
	height:30px; padding:0 10px 6px; float:left; width:auto; overflow:visible; color:#fff; font-weight:bold;
}

/*red button*/
.button6l, .button6r{width:7px; height:33px; display:inline-block; float:left; margin:0 -2px}
.button6l, .button6r, .button6c{cursor:pointer}
.button6l{background:url('../i/btn6-l.gif') no-repeat 50% top;}
.button6r{background:url('../i/btn6-r.gif') no-repeat 50% top;}
.button6c{border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../i/btn6-c.gif') repeat-x 50% top;
	height:30px; padding:0 10px 6px; float:left; width:auto; overflow:visible; color:#fff; font-weight:bold;
}

.next{background:url('../i/seller-button-next.gif') no-repeat; border: none 0 transparent; width:90px; height:30px}
.back{background:url('../i/seller-button-back.gif') no-repeat; border: none 0 transparent; width:90px; height:30px}
.i-want{background:url('../i/seller-button-yes.gif') no-repeat; border: none 0 transparent; width:130px; height:30px}
.skip{background:url('../i/seller-button-skip.gif') no-repeat; border: none 0 transparent; width:130px; height:30px}
.edit{background:url('../i/seller-button-edit.gif') no-repeat; border: none 0 transparent; width:90px; height:30px}
.remove{background:url('../i/seller-button-remove.gif') no-repeat; border: none 0 transparent; width:90px; height:30px}
.submit{background:url('../i/seller-button-submit-list.gif') no-repeat; border: none 0 transparent; width:178px; height:30px}
.start-over{background:url('../i/seller-button-start-over.gif') no-repeat; border: none 0 transparent; width:130px; height:30px}

.save{background:url('../i/button-save.gif') no-repeat; border: none 0 transparent; width:90px; height:30px}
.cancel{background:url('../i/button-cancel.gif') no-repeat; border: none 0 transparent; width:90px; height:30px}

.add-service{background:url('../i/button-add-service.gif') no-repeat; border: none 0 transparent; width:223px; height:30px}
.login{background:url('../i/seller-button-login.gif') no-repeat; border: none 0 transparent; width:90px; height:30px}
.forgot-pw{background:url('../i/seller-button-forgot-pw.gif') no-repeat; border: none 0 transparent; width:150px; height:30px}
.remove-service{background:url('../i/seller-button-remove-service.gif') no-repeat; border: none 0 transparent; width:200px; height:30px}
/*Eof button classes*/

/*Bof Stock Photos*/
.s-photo3{background:url('../i/s-photo3.jpg') no-repeat; border: none 0 transparent; width:153px; height:103px}
/*Eof Stock Photos*/

/*Bof Nav Bar classes*/
#nav-pod {
    height:40px;
    width:930px;
    background-image:url(../i/nav-bar.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    padding:18px 15px 0 15px;
    margin:0 15px;
}   
#nav-pod li a 
{
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    overflow: hidden;
    color: #fff;    
    }
#nav-home.selected a{background:url(../i/nav-bubble1.png) no-repeat; color:#69C; height:30px; display:block; position:relative; bottom:7px; padding:7px 2px 0 0}
#nav-sell.selected a, #nav-browse.selected a, #nav-price.selected a{background:url(../i/nav-bubble2.png) no-repeat; color:#69C; height:30px; width:115px; display:block; position:relative; bottom:7px; padding:7px 0 0 0}
#finance.selected a{background:url(../i/nav-bubble3.png) no-repeat; color:#69C; height:30px; width:180px; display:block; position:relative; bottom:7px; padding:7px 0 0 0}
#nav-pod li.bubble1 a:hover{background:url(../i/nav-bubble1.png) no-repeat; color:#69C; height:30px; width:60px; display:block; position:relative; bottom:7px; padding:7px 0 0 0}
#nav-pod li.bubble2 a:hover{background:url(../i/nav-bubble2.png) no-repeat; color:#69C; height:30px; width:115px; display:block; position:relative; bottom:7px; padding:7px 0 0 0}
#nav-pod li.bubble3 a:hover{background:url(../i/nav-bubble3.png) no-repeat; color:#69C; height:30px; width:180px; display:block; position:relative; bottom:7px; padding:7px 0 0 0}
#nav-pod li 
{
    list-style-type:none;
    display:inline;
    margin:0 15px;
    float:left;
    width:115px;
    text-align:center;
    }
#nav-pod #nav-home{width:60px}
#nav-pod #finance {width:180px}
#nav-pod #blog
{
    width:60px;
    float:right;
    }

.nav-pod li a {
z-index: 10;
}
/*Eof Nav Bar classes*/



/*Bof header classes*/

#header-container {padding:45px 0 0 105px} 
#header-container li{display:inline-block; list-style:none;}
#header-container a{color:#fff; font-weight:bold; font-size:16px}

#step1 {width:163px}
#step2 {width:163px}
#step3 {width:161px}
#step4 {width:182px}
#step5 {width:149px}


/*Eof header classes*/


/*Bof seller nav classes*/

.step1, .step2, .step3, .step4, .step5{
float:left; 
color:#fff; 
font-weight:bold; 
font-size:16px; 
padding:11px 0 0 0; 
position:relative; 
top:6px;
/*ie7 hack*/
*top:12px}

.step1 {width:215px; margin:0 0 0 26px}
.step2 {width:197px}
.step3 {width:197px}
.step4 {width:200px}
.step5 {width:140px}


/*Eof seller nav classes*/

/* Bof Nav Header*/
#Nav_Header
{
	margin: 10px 0 10px 0;
}
/* Eof Nav Header*/


/* footer styles */
/*#footer{
	background-color:#FFFFFF;
	background-image:url(../../sc/i/mota-header-logo.jpg);
	background-position:4% 0;
	background-repeat:no-repeat;
	margin:100px 0 0;
	padding:10px 0 40px 150px;
	text-align:left;
	width:870px;		
		
}

div#footer
{
    position:relative;
}

div#footer img
{
    vertical-align:middle;
}

div#footer div#safeLinkHoverB 
{
    background:#E1E1EB none repeat scroll 0 0;
    border:1px outset #330099;
    display:none;
    height:auto! important;
    left:60px;
    min-height:75px;
    padding:5px;
    position:absolute;
    top:-50px;
    width:400px;
    z-index:5;    
}

div#safeLinkHoverB
{
    font-size:125%;
}

#footer h4{
	margin:0;
	padding:0;
	color: Black;
}
#footer #secure{
	background-image:url(/sc/i/lock.gif);
	background-position:0 15%;
	background-repeat:no-repeat;
	padding:1px 0 1px 22px;
}
#footerBottom{
	margin:0 15px;
	border-top:1px solid #818181;
	height:90px;
}
.footlinks{
	display:block;
	margin:0;
	float:left;
	font-weight:bold;
}
#footerBottom li{
	float:left;
	border-right:1px solid #808080;
	color:#666666;
	font-size:11px;
	list-style-image:none;
	list-style-type:none;
	padding:0 5px;
	margin:5px 0 0 0;
}

#footerBottom li a{
	font-size:10px !important;
}


#footerBottom .last{
	border-right:none;
}
#footerBottom p{
	font-size:11px;
	color:#000000;
	padding:2px 5px 0px 5px;
}

#footerBottom a 
{
    color:#25358E;
    text-decoration:none;
    font-weight:normal;
}

#footerBottom a:hover 
{
    color:#F17C0E;
    text-decoration:underline;
}

p{
	margin:0;
	padding:0;
	color:#666666;
	text-align:left;
}*/

a.fancy-button{
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	float:left;
	font-family:arial, tahoma, sans-serif;
	cursor:pointer;
	position:relative;
	text-align:center;
}
a.fancy-button span{float:left; height:30px; display:block;}

span.fancy-button-oj-l{width:11px;background:transparent url('../i/fancy-btn-oj-l.gif') repeat-x}
span.fancy-button-oj-m{padding:7px 10px 0;background:transparent url('../i/fancy-btn-oj-m.gif') repeat-x}
span.fancy-button-oj-r{width:11px;background:transparent url('../i/fancy-btn-oj-r.gif') repeat-x}

span.fancy-button-bl-l{width:11px;background:transparent url('../i/fancy-btn-bl-l.gif') repeat-x}
span.fancy-button-bl-m{padding:7px 10px 0;background:transparent url('../i/fancy-btn-bl-m.gif') repeat-x}
span.fancy-button-bl-r{width:11px;background:transparent url('../i/fancy-btn-bl-r.gif') repeat-x}

span.fancy-button-gn-l{width:11px;background:transparent url('../i/fancy-btn-gn-l.gif') repeat-x}
span.fancy-button-gn-m{padding:7px 10px 0;background:transparent url('../i/fancy-btn-gn-m.gif') repeat-x}
span.fancy-button-gn-r{width:11px;background:transparent url('../i/fancy-btn-gn-r.gif') repeat-x}

span.fancy-button-gray-l{width:11px;background:transparent url('../i/fancy-btn-gray-l.gif') repeat-x}
span.fancy-button-gray-m{padding:7px 10px 0;background:transparent url('../i/fancy-btn-gray-m.gif') repeat-x}
span.fancy-button-gray-r{width:11px;background:transparent url('../i/fancy-btn-gray-r.gif') repeat-x}

/*h2
{
	color:#222222;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}*/
