/* 
LEGEND
- links & img
- titles
- text_wrapper & span.text
- categories
- sections
- rounded corners 
- controls (previous & next)
- lists
- lists - submenus
- tables
- forms
- forms - submit
*/

/* links & images */
/* ----------------------------------------------- */
.myaccount div.edit a img {padding: 2px 8px; background: #fff}
.myaccount div.edit a {color: #bc0000;}
.myaccount div li.cvv a {margin-left: 20px; color: #bc0000; font-size: .95em;}
.myaccount h6 img, .myaccount div div.legend img {margin-right: 8px;}
/* breadcrumb */
/* ----------------------------------------------- */
.breadcrumb span {margin-right: 14px; color: #363636; }
/* span.text */
/* ----------------------------------------------- */
.myaccount div ul.account li span.picture {width: 20px !important;}
.myaccount div ul.account li span.title {max-width: 500px; width:auto !important;  width: 500px;}
.myaccount div.categories_edit span.picture { margin-right: 0px; width: 160px !important;}
.myaccount div.categories_edit span.text span.picture {margin-right: 5px; width: auto!important;}
.myaccount div.billing span.picture {
    width: 65px !important;
    float: right; }
.myaccount div.categories_edit span.text {width: 445px; padding-top: 25px; }
.myaccount div.categories_edit span.text span.text {width: 340px; float: left; padding-top: 0px;}
.myaccount div.section_location span.text {width: 315px; }
.myaccount div.section_location span.text span.text {width: 255px; float: left}

/* titles */
/* ----------------------------------------------- */
.myaccount div.categories_listings h3 {margin-bottom: 0px;}
.myaccount div.categories_build_listing h6 {
    margin-left: -25px; margin-bottom: 20px;} 
    
.myaccount div.categories div.company_profile h6, .myaccount div.categories_edit h6 {margin-top: 0px;}    
    
.myaccount div.categories div.preview h5 {
    background: #f2f2f2; clear: both; position: relative; z-index: 2;
    padding: 6px 12px; margin: 20px 0px 10px; display: block; font-size: 1.05em;} 
    
.myaccount div.categories div.intro h4 {font-size: 1.25em; margin-bottom: 10px;}    
.myaccount div.categories_listings ul.listings span.title div {margin-bottom: 4px;}
.myaccount div.categories_listings ul.listings span.title div span {width: 70px; display: block; color: #363636; float: left; }
.myaccount div.categories_note table td strong {color: #bc0000; font-weight: normal;}
.myaccount div.categories_note table td strong.title {color: #363636; font-weight: bold;}    
.myaccount div.categories_note table td strong.title_gold {color: #bc0000;}    
    
.myaccount div ul.total b {padding-top: 2px; float: left; margin-left: 10px;}
.myaccount div ul.total li strong.subtotal {float: right; padding-right: 10px;}
.myaccount div.section div.total {background: #f2f2f2; padding: 4px 10px; text-align: right; margin-left: 20px;}    
.myaccount div.section div.total strong {font-size: 1.1em; margin-left: 5px;}
.myaccount div.payment_history div.total {
    text-align: right; padding: 10px; }    
.myaccount div.payment_history div.total strong, .myaccount div.payment_history div.text strong {font-size: 1.25em;}
/* all */
/* span.text */
/* ----------------------------------------------- */
.myaccount div.categories_listings span.text, .myaccount div.categories_listings h3 span.all {
    text-align: center; margin: 0px 2px; position: relative; color: #000;
     max-width: 85px; width:85px !important;  width: 85px; 
     /* temp */ right: 0px; padding-right: 0px; }
     
.myaccount div.categories_listings span.title {width: 230px !important; }
.myaccount ul.listings span.title div strong {font-weight: bold;}     
     
/* temp - hack for view results */
.myaccount div.categories_results h3 span.all {
    position: relative; float: right; 
    width: 240px !important;}
    
/* temp */
.ie6 .myaccount h6 a.all, .ie6 .myaccount h5 a.all {    
    right: 10px;}    
         
/* temp -resets */     
.myaccount div.categories_listings span.dealer_type {
    max-width: auto; width:auto !important;  width: auto; }
.myaccount div.categories_listings span.price {
     max-width: 62px; width:62px !important;  width: 62px; }    
     
.myaccount div.categories_listings h3 span.all {font-weight: bold; font-size: .95em;}    

/* promo_area */
    
/* categories */
/* sections */

.myaccount div.categories_edit div.section, .myaccount div.categories_edit div.intro {margin-bottom: 20px;}
.myaccount div.categories_edit div.billing {margin-bottom: 0px;}
.ie .myaccount div.categories_edit div.billing {margin-bottom: -10px;}
.classifieds div.categories div.section_gallery div.upload_files {padding-left: 0px;}
.myaccount div.categories_build_listing div.section {padding-left: 25px; width: 600px;}
.myaccount div.categories_note, .myaccount div.categories_note div.rounded_corners_body, .myaccount div.categories_note div.rounded_corners_head, .myaccount div.categories_note div.rounded_corners_head h2 {
    background-image: url(/images/css/bg-note-myaccount.gif);} 
    
.classifieds div.intro div.categories_tip {margin: 10px 0px 0px;} 
.classifieds div.section_location div.categories_tip {margin-bottom: 0px;}
.myaccount div.payment_history div.text {margin: 20px 0px 10px;}   
.myaccount div.categories_build_listing  div.intro, .myaccount div.categories_edit div.intro div.text {
    color: #363636;} 
.myaccount div div.legend {padding: 0px 12px 20px; color: #363636;}  

/* controls */
/* ----------------------------------------------- */
.myaccount div.edit {text-align: right; font-size: 1em; /* temp - new */margin-bottom: 5px;}
.myaccount div.categories_results div.edit {margin: 10px 0px 0px;}

.myaccount div.controls_styled_top span {margin-top: -5px; color: #bc0000; }
.myaccount div.controls_styled_top span.listings {position: absolute; right: 12px; top: 10px; padding-top: 2px;}
.myaccount div.controls_styled_top span.display {position: absolute; left: 15px; padding-top: 2px;}  
/* lists */
/* ----------------------------------------------- */
.myaccount div ul.info li strong {margin-right: 20px;}
.myaccount div ul.form_info li {
    background-image: none; }
    
.myaccount div ul.account li, .myaccount div ul.classifieds li.headline {width:auto;}    
    
.myaccount div.section_location ul.form_info li {width: 250px;}       
    
.myaccount div ul.form_info li strong.currency {float: right; margin-right: -40px; padding-left: 5px; position: relative; z-index: 2;}
.myaccount div ul.form_info li strong.dollar {float: right; margin-right: 2px;}
.myaccount div.billing ul.edit {width: 500px; float: left;}
.myaccount div ul.edit, .myaccount div ul.total {margin-left: 24px;}
.myaccount div ul.edit li {background-image: none; width: auto;}
.myaccount div ul.edit li.colum {
    float: left; clear: none; width: 290px;}
    
.myaccount div ul.edit li.colum2 {float: right; width: 280px;}
    
    
.myaccount div ul.edit li.address {width: 412px;}
.myaccount div ul.edit li.suite {width: 165px; float: right;}
.classifieds div.steps {margin: 0px 0px 10px;}

.classifieds div.steps li {
    background: transparent url(/images/css/bg-review_links.gif) top repeat-x;
    height: 24px; float: left; padding-bottom: 10px;}
    
.classifieds div.steps strong {
    padding: 4px 20px 4px 15px; font-size: .95em; 
    font-weight: normal; display: block; width: auto; float: left; height: 13px;}    
    
.classifieds div.steps li.submit_on strong {
    background: transparent url(/images/css/bg-li-submit_on.gif) top right no-repeat;
    color: #fff}
    
.classifieds div.steps li.preview_on strong {
    background: transparent url(/images/css/bg-li-preview_on.gif) top right no-repeat;
    color: #fff}
    
.classifieds div.steps li.build_on strong {
    background: transparent url(/images/css/bg-li-build_on.gif) no-repeat;
    color: #fff}

.myaccount div.upload_files ul#imagelist li {height: 145px;}
                
/* popup */
.myaccount table.payments div.popup {
    right: auto; }
    
.myaccount li div.popup_cvv {
    right: auto; position: absolute; z-index: 10;
    float: none;
    background: #eefbff; color: #c32225;
    border: 1px solid #cde9f7;
    left: 220px; width: 310px; margin: 0px;}
    
.myaccount li div.popup_cvv div.title {padding: 8px 0px 0px 10px; font-weight: bold;}    
    
.myaccount li div.popup_cvv div.text {
    background: #fff; color: #444;
    padding: 12px; clear: both; margin: 10px;}
    
.myaccount .preview{
        position: relative; }    
    
/* table */
.myaccount div.categories_note table td {
    vertical-align: top; padding: 5px 10px 5px 0px;}
.myaccount div.upload_files table.images td {
    font-size: .95em; white-space: no-wrap; 
    height: 100; width: 100px;
    padding: 10px 10px 0px 0px;}
.myaccount div.upload_files table.images td div.links {white-space: nowrap; font-size: .95em;}    
.myaccount div.upload_files table.images td div.links a {display: block; padding-top: 10px;}
.myaccount table.payments {width: 100%;}
.myaccount table.payments th {
    background: #020202 url(/images/css/bg-h2.jpg) repeat-x;
    color: #fff; font-size: 1.05em;
    padding: 5px 12px; text-align: left;}    
    
.myaccount table.payments td {padding: 4px 12px; color: #232323;}
.myaccount table.payments td strong {white-space: nowrap;}   
 
.myaccount table.payments tr.tr_on td {
    background: transparent url(/images/css/bg-payments-tr-on.gif) right bottom repeat-x;
    height: 25px; position: relative; width: 100%;}    
/* forms */
/* ----------------------------------------------- */
.myaccount div.controls_styled_top span select {margin-left: 10px;}
.myaccount div.categories_listings span input, .myaccount div.section_location ul.form_info li input {
    width: 135px;}
.myaccount div.section_location ul.form_info li select {width: 139px;}
.myaccount div.payment_history h6 select {font-size: .95em; padding: 0px; margin: -5px 5px;}
.myaccount div ul.edit li input, .myaccount div ul.classifieds li.headline input {width: 476px;}
.myaccount div ul.edit li.colum input {width: 175px;}
.myaccount div ul.edit li.colum select {width: 177px; float: right; margin-right: 0px;}
.myaccount div ul.edit li.suite input {width: 100px;}
.myaccount div ul.edit li.address input {width: 297px;}
.myaccount div.billing ul.edit li input {width: 371px; float: left;}
.myaccount div ul.edit li.cvv input {width: 100px; float: left;}
.myaccount div ul.edit li select {width: 100px; float: left; margin-right: 5px;}
.myaccount div ul.edit li.cart_type select {width: 233px;}
.myaccount div ul.account li input {width: 455px;}
.myaccount div ul.account li.verify input {width: 233px; float: none;}

.myaccount div ul.edit li.captcha input {width: 400px;}
.myaccount div ul.edit li.captcha img#theimage {float: left;}

.myaccount div ul.video_list li input {margin: 0px 13px;}
/* submit */
.myaccount div.categories_results div.submit a {margin-right: 15px;}