﻿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;
    }    


/*     BoF rounded corners pod (gray)    */
.gray-container{width:100%;margin:25px 0 0;}
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#ddd; margin:0 5px;}
.b2f {height:1px; background:#ddd; margin:0 3px;}
.b3f {height:1px; background:#ddd; margin:0 2px;}
.b4f {height:2px; background:#ddd; margin:0 1px;}
.contentf {background: #ddd;}
/*     EoF rounded corners pod  (gray)     */

/*    BoF  rounded corners pod  (white)     */
.white-container{width:98%;margin:0 10px}

.b1w, .b2w, .b3w, .b4w{font-size:1px; overflow:hidden; display:block;}
.b1w {height:1px; background:#FFF; margin:0 5px;}
.b2w {height:1px; background:#FFF; margin:0 3px;}
.b3w {height:1px; background:#FFF; margin:0 2px;}
.b4w {height:2px; background:#FFF; margin:0 1px;}
.contentw {background: #fff;padding:5px;}
.contentw p{margin:0;padding:0;line-height:14px;}
/*     EoF rounded corners pod   (white)     */

/*    BoF  rounded corners pod  (blue)     */
.blue-container{width:98%;margin:0 10px}

.b1x, .b2x, .b3x, .b4x{font-size:1px; overflow:hidden; display:block;}
.b1x {height:1px; background:#3399ff; margin:0 5px;}
.b2x {height:1px; background:#3399ff; margin:0 3px;}
.b3x {height:1px; background:#3399ff; margin:0 2px;}
.b4x {height:2px; background:#3399ff; margin:0 1px;}
.contentx {background: #3399ff;padding:5px;}
.contentx p{margin:0;padding:0;line-height:14px;}
/*     EoF rounded corners pod   (blue)     */

.stripes1
{
    background-image:url(../i/stripes1.png);
    background-repeat:repeat;
    }
.stripes2
{
    background-image:url(../i/stripes2.png);
    background-repeat:repeat;
    }


/* 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;}
h12 {font-size: 160%; color: Black;}
em{font-weight:bold; color:#FE7826; font-style:normal;}
a{color:#3654DC; 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}
.cell4{width:100%; height:5px; background-color:#FE7826; margin:10px 0 15px 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; color:#cc0000;}
.invalid{border:solid 2px #cc0000!important}
span.offer-arrow{
    background:transparent url('../i/curved-arrow.gif') 0% 0% no-repeat; 
    position:absolute; 
    display:block; 
    height:118px; 
    width:70px
}
span.blue-offer-arrow{
    background:transparent url('../i/blue-curved-arrow.gif') 0% 0% no-repeat; 
    position:absolute; 
    display:block; 
    height:118px; 
    width:70px
}
/*indented list with orange bullets*/
ul.mkt-list{
    color:#ff6600;
    list-style-type:disc;
    margin-left:30px;
    font-size:120%;
}
ul.mkt-list li{line-height:20px;}
ul.mkt-list span{color:#333;}
/*end list style*/

/*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(../i/oj-left-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:6px;
    float:left;
}
.orangeButtonMid{
    background-image:url(../i/oj-mid-button.gif);
    background-repeat:repeat-x;
    height:30px;
    float:left;
    padding:7px 15px 0;
}
.orangeButtonRight{
    background-image:url(../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(../i/blue-left-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:6px;
    float:left;
}
.blueButtonMid{
    background-image:url(../i/blue-mid-button.gif);
    background-repeat:repeat-x;
    height:30px;
    float:left;
    padding:7px 15px 0;
}
.blueButtonRight{
    background-image:url(../i/blue-right-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:8px;
    float:left;
}

/*EoF blue button */

/*EoF gray button */
.grayButtonLeft{
    background-image:url(../i/gray-left-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:6px;
    float:left;
}
.grayButtonMid{
    background-image:url(../i/gray-mid-button.gif);
    background-repeat:repeat-x;
    height:30px;
    float:left;
    padding:7px 15px 0;
}
.grayButtonRight{
    background-image:url(../i/gray-right-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:10px;
    float:left;
}

/*EoF gray button */
.redButtonLeft{
    background-image:url(../i/red-left-button.gif);
    background-repeat:no-repeat;
    height:30px;
    width:6px;
    float:left;
}
.redButtonMid{
    background-image:url(../i/red-mid-button.gif);
    background-repeat:repeat-x;
    height:30px;
    float:left;
    padding:7px 15px 0;
}
.redButtonRight{
    background-image:url(../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*/

.inner_fb
{
    background:url(/seller/sc/i/facebook-16x16.gif) no-repeat 10px 8px;
    text-indent:33px;
    display:block;
    line-height:29px;
}

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;
	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}

span.button-b-l{width:4px;background:transparent url('../i/btn-b-l.gif') repeat-x}
span.button-b-m{padding:5px 10px 0;background:transparent url('../i/btn-b-c.gif') repeat-x}
span.button-b-r{width:4px;background:transparent url('../i/btn-b-r.gif') repeat-x}