/**********
 * LAYOUT *
 **********/

#left {
  float: left;
  width: 199px;  
}

#content {
  float: left;
  margin-left: 15px;
  position: relative;
  width: 658px;  
}


/****************
 * MAIN CONTENT * 
 ****************/

#content .content-box .content {}

#content .content-box h3.sep {
  height: 35px;
  text-indent: -1000px;
}

#content .content-box .head {
  background-image: url(/images/largebox_head.jpg);
}

#content .content-box {
  background: url(/images/largebox_mid.jpg);
}

#content .content-box .foot {
  background-image: url(/images/largebox_foot.jpg);
}


/****************
 * USER PROFILE *
 ****************/

#profile {}


/************
 * MY LISTS *
 ************/

ul.list {
  list-style: none;
}

#my_ads ul.list li.ad,
#my_rides ul.list li.ride,
#my_messages ul.list li.message,
#my_searches ul.list li.search,
#my_shortlist ul.list li.ad {
  border-bottom: 1px solid #d0d1d5;
  margin-bottom: 12px;
  padding-bottom: 12px;
  overflow: hidden;
  zoom: 1;
}

#my_ads ul.list li.first,
#my_rides ul.list li.first,
#my_messages ul.list li.first,
#my_searches ul.list li.first,
#my_shortlist ul.list li.first {
  border-top: 1px solid #d0d1d5;
  padding-top: 12px;
}

#my_ads ul.list li.first,
#my_messages ul.list li.first {
  margin-top: 12px;
}

#my_ads ul.list li.ad a.thumb,
#my_rides ul.list li.ride a.thumb,
#my_messages ul.list li.message a.thumb,
#my_shortlist ul.list li.ad a.thumb {
  float: left;
  margin-right: 15px;
}

#my_ads ul.list li.ad .details,
#my_rides ul.list li.ride .details,
#my_messages ul.list li.message .details,
#my_searches ul.list li.search .details,
#my_shortlist ul.list li.ad .details {
  float: left;
  width: 400px;
}

#my_searches ul.list li.search .details {
  width: 544px;
}

#my_ads ul.list li.ad .details h4,
#my_rides ul.list li.ride .details h4,
#my_messages ul.list li.message .details h4,
#my_searches ul.list li.search .details h4,
#my_shortlist ul.list li.ad .details h4 {
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  margin-bottom: 8px;
}

#my_ads ul.list li.ad .actions,
#my_rides ul.list li.ride .actions,
#my_messages ul.list li.message .actions,
#my_searches ul.list li.search .actions,
#my_shortlist ul.list li.ad .actions {
  float: right;
  font-size: 11px;
  margin-top: 2px;
  text-align: right;
}

#my_ads ul.list li.ad .actions .stats {
  margin-top: 8px;
}

#my_messages .inner .pagination-wrapper {
  border-top: none;
  padding-top: 0;
}


/******************
 * MESSAGE VIEWER *
 ******************/

#my_messages .message-viewer {
  overflow: hidden;
  zoom: 1;
}

#my_messages .message-viewer a.thumb {
  float: left;
  margin-right: 15px;
}

#my_messages .message-viewer .message {
  float: left;
  width: 497px;
}

#my_messages .message-viewer .message h3 {
  color: #181818;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 8px;
}

#my_messages .message-viewer .message .details {
  border-bottom: 1px solid #d0d1d5;
  font-size: 11px;
  margin-bottom: 10px;
  padding-bottom: 12px;
}

#my_messages .message-viewer .message .details .timestamp,
#my_messages .message-viewer .message .details .to-from {
  margin-bottom: 3px;
}

#my_messages .message-viewer .message .instructions {
  border-top: 1px solid #d0d1d5;
  font-size: 11px;
  margin-top: 10px;
  padding-top: 10px;
  text-align: right;
}


/****************
 * WIZARD STEPS *
 ****************/

ol.steps {
  list-style: none;
  margin-bottom: 17px;
  overflow: hidden;
  zoom: 1;
}

ol.steps li.step {
  color: #aaa;
  float: left;
  margin-left: 23px;
}

ol.steps li.step-1 {
  margin-left: 6px;
}

ol.steps li.step a,
ol.steps li.step span {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  height: 28px;  
  text-indent: -999px;
}

ol.steps li.complete a,
ol.steps li.complete span {
  background-position: left bottom;
}

ol.steps li.complete a:hover {
  background-position: 0 -28px;
}

ol.steps li.current a,
ol.steps li.current span {
  background-position: 0 -28px;
}

ol.steps li.step-1 a,
ol.steps li.step-1 span {
  background-image: url(/images/buttons/step1.jpg);
  width: 68px;
}

ol.steps li.step-2 a,
ol.steps li.step-2 span {
  background-image: url(/images/buttons/step2.jpg);
  width: 72px;
}

ol.steps li.step-3 a,
ol.steps li.step-3 span {
  background-image: url(/images/buttons/step3.jpg);
  width: 73px;
}

ol.steps li.step-4 a,
ol.steps li.step-4 span {
  background-image: url(/images/buttons/step4.jpg);
  width: 78px;
}

ol.steps li.step-5 a,
ol.steps li.step-5 span {
  background-image: url(/images/buttons/step5.jpg);
  width: 79px;
}

ol.steps li.step-6 a,
ol.steps li.step-6 span {
  background-image: url(/images/buttons/step6.jpg);
  width: 84px;
}

ol.steps li.step-7 a,
ol.steps li.step-7 span {
  background-image: url(/images/buttons/step7.jpg);
  width: 53px;
}


/**********
 * WIZARD *
 **********/

.wizard-step .container {
  overflow: hidden;
  zoom: 1;
}

.wizard-step .container h5 {
  color: #181818;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  margin: 8px 0 10px;
}

.wizard-step .content p.intro {
  margin-bottom: 18px;
}

/*
.wizard-step .content span.skip-this-step {
  float: right;
}
*/


/*****************
 * WIZARD STEP 1 *
 *****************/

#wizard_step1 {}

#wizard_step1 .last-form-item {
  margin-bottom: 12px;
}


/*****************
 * WIZARD STEP 3 *
 *****************/

#wizard_step3 {}

#wizard_step3 .container {
  margin-top: 14px;
}

#wizard_step3 .container h5 {
  margin-top: 0;
}

#wizard_step3 .container .form-item .form-text {
  width: 163px;
}

#wizard_step3 .container .form-item .form-list {
  width: 173px;
}

#wizard_step3 .container .form-buttons {
  width: 173px;
}

#wizard_step3 .container .form-buttons .form-submit {
  float: right;
  margin-right: 0;
}

#wizard_step3 .container .bike-form,
#wizard_step3 .container .my-rides,
#wizard_step3 .container .bike-list {
  float: left;
  margin-right: 25px;
  overflow: hidden;
  width: 173px;
}

#wizard_step3 .container .bike-list {
  margin-right: 0;
}

#wizard_step3 .container .bike-form ul,
#wizard_step3 .container .my-rides ul,
#wizard_step3 .container .bike-list ul {
  list-style: none;
}

#wizard_step3 .container .my-rides li,
#wizard_step3 .container .bike-list li {
  margin-bottom: 4px;
  overflow: hidden;
  zoom: 1;
}

#wizard_step3 .container .my-rides li span,
#wizard_step3 .container .bike-list li span {
  display: block;
  float: left;
  width: 130px
}

#wizard_step3 .container .my-rides li .actions,
#wizard_step3 .container .bike-list li .actions {
  float: right;
  font-size: 11px;
  margin-top: 1px;
  overflow: hidden;
  text-align: right;
  width: 40px;
}


/*****************
 * WIZARD STEP 4 *
 *****************/

#wizard_step4 {}

#wizard_step4 .container {
  overflow: hidden;
  zoom: 1;
}

#wizard_step4 .container .image-uploads,
#wizard_step4 .container .image-previews {
  float: left;
  width: 50%;
}

#wizard_step4 .container .image-uploads input {
  margin: 0 10px 4px 0;
  width: 200px;
}

#wizard_step4 .container .image-uploads a {
  font-size: 11px;
}

#wizard_step4 .container .image-uploads a.add-another {
  display: block;
  font-size: 12px;
  margin: 4px 0;
}

#wizard_step4 .container .image-previews ul {
  list-style: none;
  overflow: hidden;
  zoom: 1;
}

#wizard_step4 .container .image-previews ul li {
  float: left;
  margin: 0 20px 20px 0;
}

#wizard_step4 .container .image-previews ul li img {
  border: 1px solid #aaa;
  padding: 2px;
}

#wizard_step4 .container .image-previews ul li a {
  display: block;
  font-size: 11px;
  text-align: right;
}


/*****************
 * WIZARD STEP 5 *
 *****************/

#wizard_step5 {
  overflow: hidden;
  zoom: 1;
}

#wizard_step5 .main {
  float: left;
  margin-right: 15px;
  width: 443px;
}

#wizard_step5 .main .content-box {
  background-image: url(/images/middlebox_mid.gif);
}

#wizard_step5 .main .content-box .head {
  background-image: url(/images/middlebox_head.gif);
}

#wizard_step5 .main .content-box .head h2 {
  background-image: url(/images/headings/part_details_preview.jpg);
}

#wizard_step5 .main .content-box .foot {
  background-image: url(/images/middlebox_foot.gif);
}

#wizard_step5 .main .content-box .bikes {
  margin-bottom: 0;
}

#wizard_step5 .main .content-box .bikes ul.list li {
  border-top: 1px solid #d0d1d5;
  margin-top: 12px;  
  overflow: hidden;
  padding-top: 12px;
  zoom: 1;
}

#wizard_step5 .main .content-box .bikes ul.list li .content {
  padding: 0;
  overflow: hidden;
  zoom: 1;
}

#wizard_step5 .main .content-box .bikes ul.list li.first {
  border-top: none;
  margin-top: 0;  
  padding-top: 0;
}

#wizard_step5 .main .content-box .bikes ul.list li .thumb {
  background-color: #fff;
  border: 1px solid #d0d1d5;
  display: block;
  float: left;
  margin-right: 14px;
  padding: 2px;
}

#wizard_step5 .main .content-box .bikes ul.list li .thumb img {
  display: block;
}

#wizard_step5 .main .content-box .bikes ul.list li .details {}

#wizard_step5 .main .content-box .bikes ul.list li .details h4 {
  color: #0099ff;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 8px;
  position: relative;
}

#wizard_step5 .right {
  float: right;
  overflow: hidden;
  width: 199px;  
}

#wizard_step5 #seller_details_box {
  background-image: url(/images/infobox_sm_mid.gif);
  width: 199px;
}

#wizard_step5 #seller_details_box .head {
  background-image: url(/images/infobox_sm_head.gif);
  height: 40px;
  margin: 0;
  padding: 0;
  width: 199px;
}

#wizard_step5 #seller_details_box .head h3 {
  height: 18px;
  left: 14px;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  top: 12px;
  width: 160px;
}

#wizard_step5 #seller_details_box .content {
  margin: 0;
  padding: 14px 14px 11px;
  width: 171px;
}

#wizard_step5 #seller_details_box .foot {
  background-image: url(/images/infobox_sm_foot.gif);
}

body.ads-section #page.step5-page .form-buttons {
  width: 444px;
}


/*******************
 * WIZARD FINISHED *
 *******************/

#wizard_step8 .content .key-fob {
  background: url(/images/keyfob_bg.jpg) right top no-repeat;
  border-top: 1px solid #d0d1d5;
  margin-top: 16px;
  min-height: 123px;
	/* Start IE6 min-height hack */
	height: auto !important;
	height: 123px;
	/* End IE6 min-height hack */
}

#wizard_step8 .content .options {    
  padding: 10px 0;
  width: 400px;
}