﻿body
{
    margin:0;
    padding:0;
    background-color:#FFF;
    font-family:Arial, Sans-Serif;
    font-size:12px;
    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)     */

/* typography.css */
/* typography.css */
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11 {font-weight:normal;color:#111;}
h1 {font-size:300%; color:#3C9EFF; font-weight:bold;}
h2 {font-size:118%; color:#FE7826; font-weight:bold;}
h3 {font-size:150%; color:#ff6600; font-weight:normal;}
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}
a{color:#0066ff;}
a:hover{text-decoration:underline}
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}*/   

.error, .notice, .success, .searchbox {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#ff0000;border-color:#FBC2C4; display:block;}
.notice {background:#FFF6BF;color:#514721;border-color:#E6EFC2;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.searchbox {background: #F5F5F5;border-color: #CCC;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.clear{ clear:both; line-height:0;}
.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;}
.left-column{float:left; width:30%; padding:15px}
.mid-column{float:left; width:30%; padding:15px}
.right-column{float:right; width:29%; padding:15px}
.left-column2{float:left; width:36%; padding:15px}
.right-column2{float:right; width:57%; padding:15px}
.orange-box{background-color:#FFF5EE; border:1px solid #FE7826; width:100%;}
.stripes1{background-image:url(../i/stripes1.png); background-repeat:repeat;}
.stripes2{background-image:url(../i/stripes2.png); background-repeat:repeat;}
.disabled{color:#999;}
.disabled:hover{text-decoration:none;}


/*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:13px; height:19px; margin:5px 0}
.icon-person-half{background:transparent url(../i/person-half.gif) no-repeat bottom; width:7px; height:19px; 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 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:10px;
    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*/

input.button[class]{width:auto}
.button:hover{background-color:#C1140E}
input.button{overflow:visible;font-size:14px !important;font-weight:bold !important;letter-spacing:1px;overflow:hidden;text-decoration:none !important}
.button{background:#FC5008 url(../i/btn-bg.png) repeat-x scroll 0 0;color:#FFF;cursor:pointer;float:left;font-weight:bold;padding:4px 8px;border:1px solid #666666}

.button.loading{background-image: url(../i/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-color: #FFF;
    color: #666;
    padding-left:25px;
}

a.button-link{text-decoration:none; display:block}
a.button-link span{display:block}
a.button-link:active{position:relative; top:1px; left:1px}


.button1l, .button1r{ width:7px; height:30px; display:inline-block; float:left;  margin:0 -2px; overflow:visible}
.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 5px 6px; float:left; color:#fff; font-weight:bold; overflow:visible}

.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 5px 6px; float:left; color:#fff; font-weight:bold;}
	

.button3l, .button3r{width:6px; 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 5px 6px; 	float:left; 	color:#fff; 	font-weight:bold;
}

/*1px grey border button*/
.button4 p {color:#666; font-weight:normal; padding:10px}
a.button4 {text-decoration:none}
.btn4-bl {background: url(../i/btn4-bl.gif) 0 100% no-repeat}
.btn4-br {background: url(../i/btn4-br.gif) 100% 100% no-repeat}
.btn4-tl {background: url(../i/btn4-tl.gif) 0 0 no-repeat}
.btn4-tr {background: url(../i/btn4-tr.gif) 100% 0 no-repeat;}
.btn4-tc {background: url(../i/btn4-c.gif) 0 0 repeat-x; width:100%}
.btn4-bc {background: url(../i/btn4-c.gif) 0 100% repeat-x; width:100%}
.btn4-l {background: url(../i/btn4-c.gif) 0 0 repeat-y}
.btn4-r {background: url(../i/btn4-c.gif) 100% 0 repeat-y}

/*Green Button*/
.button5l, .button5r{width:7px; height:33px; display:inline-block; float:left; margin:0 -2px}
.button5l, .button5r, .button5c{cursor:pointer}
.button5l{background:url('../i/btn5-l.gif') no-repeat 50% top;}
.button5r{background:url('../i/btn5-r.gif') no-repeat 50% top;}
.button5c{border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../i/btn5-c.gif') repeat-x 50% top;
	height:30px; padding:0 5px 6px; float:left; color:#fff; font-weight:bold;
}

.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 Navigation 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 {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.active a{background:transparent url(../i/nav-bubble1.png) no-repeat; color:#69C; height:30px; display:block; position:relative; bottom:7px; padding:7px 2px 0 0}
#nav-sell.active a, #nav-browse.selected a, #nav-price.selected a{background:transparent 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.active a{background:transparent 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 {height:40px;width:930px;background-image:url(../i/nav-bar.jpg);background-repeat:no-repeat;background-position:left top;padding:18px 15px 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;}
/*Bof Navigation 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*/

.val-image{float:left; height:20px; width:20px}

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:34px; display:block;}

span.fancy-button-oj-l{width:9px;background:transparent url('../i/fancy-btn-oj-l.png') no-repeat}
span.fancy-button-oj-m{padding:8px 10px 0;background:transparent url('../i/fancy-btn-oj-m.png') repeat-x}
span.fancy-button-oj-r{width:9px;background:transparent url('../i/fancy-btn-oj-r.png') no-repeat}


