/* -- general ----------------------------- */
*, body, html { margin: 0; padding: 0; border: 0; }
body { background: #f9f0d8 url(../images/bg-vertical.png) repeat-x top; color: #666; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1em; }
a { color: #0099cc; text-decoration: underline; }
a:hover { color: #0099cc; text-decoration: none !important;}
a span, h2 span, h3 span { display: none; }
.clear { clear: both; height: 1px; }
.arrow { display: block; width: 5px; height: 7px; margin: 7px 0 0 3px; background: url(../images/arrow.gif) no-repeat; float: left; }
h3 { font-size: 1em; }
#page { width: 931px; margin: 0 auto; background: #f9f0d8 url(../images/bg-horiz.png) repeat-y; overflow: auto; }
#page.error {background:none;}
#container { overflow: auto; background: url(../images/container.png) no-repeat; padding: 7px 0 0 0; float: left; clear: both; width: 931px; }
#container.news { overflow:visible; background: url(../images/container-news.png) no-repeat; padding: 31px 0 0 0;  }


/* -- header --------------------------- */
#header { background: url(../images/header-bg2.png) no-repeat; height: 95px; color: #fff; padding: 0 0 0 4px; } 
#header a { color: #b2e0eb; }
h1 { float: left; }
#menu { float: left; margin: 62px 0 0 -13px; list-style: none; }
#menu li { display: inline; }
#menu li a { display: block; float: left; height: 33px; margin: 0 2px 0 0; }
#menu li a:hover { background-position: 0 -33px !important; }
#menu li#selling-with-us a { width: 122px; background: url(../images/selling-with-us.png) no-repeat; }
#menu li#current-auctions a { width: 136px; background: url(../images/current-auctions.png) no-repeat; }
#menu li#about-us a { width: 81px; background: url(../images/about-us.png) no-repeat; }
#menu li#news a { width: 57px; background: url(../images/news.png) no-repeat; }
#menu li#shop a { width: 57px; background: url(../images/shop.png) no-repeat; }
#menu li#selling-with-us.selected a, #menu li#current-auctions.selected a, #menu li#about-us.selected a, #menu li#news.selected a, , #menu li#shop.selected a { background-position: 0 -66px; }
#menu li#selling-with-us.selected a:hover, #menu li#current-auctions.selected a:hover, #menu li#about-us.selected a:hover, #menu li#news.selected a:hover, , #menu li#shop.selected a:hover { background-position: 0 -66px !important; }
#header #view-sitemap { float: right; margin: 40px 50px 0 0; width: 200px; text-align: right; }
#header #searchform { float: right; margin: 10px 15px 0 0; }
#header #searchform input {height: auto; border: 0;}
#header #searchform label { display: block; float: left; margin: 3px 8px 0 0; }
#header #searchform #s { float: left; width: 112px; height: 20px; margin: 0 5px 0 0; }
#header #searchform #searchsubmit { float: left; }

/* -- right --------------------------- */
#right { width: 225px; float: right; margin: 0 4px 0 0; }
.right-box { background: #eff9ee; padding: 9px 18px 12px 12px; margin: 16px 0 0 0; overflow: auto; }
.right-box img {padding: 4px 0 4px 0; }
.ending {padding:0;}
.ending h3 {margin: 9px 0 4px 12px;}
.news .right-box { line-height: 1.35em; }
.star-blue, .pound-brown, .question-brown { background: url(../images/star-icon.png) no-repeat; display: block; float: left; padding: 0 0 0 17px; height: 14px; }
.pound-brown { background: url(../images/pound-icon.png) no-repeat; }
.question-brown { background: url(../images/question-icon.png) no-repeat; margin: 0 0 7px 0; }
.more-tips { display: block; float: left; }
.star-blue a, .pound-brown a, .question-brown a { text-decoration: none; }
.pound-brown a, .question-brown a { color: #7c4b26; }
.see-all-right { float: right; margin: 9px 12px 4px 12px;}
.img-box { clear: both; margin: 10px 0 10px 0; float: left; width: 193px; height: 126px; padding: 3px 0 0 1px; background: url(../images/img-bg.png) no-repeat; text-align:center; } 
.img-box-short { clear: both; margin: 5px 0 0 0; float: left; width: 183px; height: 69px; padding: 2px 0 0 11px; background: url(../images/img-bg-short.png) no-repeat; vertical-align:middle;text-align:center; }
.img-box-short input {height: 65px;} 
#top-sales-img img {width: 115px; height: 104px;text-align:center;}

.sells {clear: both; margin: 10px 0 0 0; float: left; width: 193px; height: 126px; padding: 0 0 0 1px; background: url(../images/img-bg.png) no-repeat; text-align:center;}
.img-box img { height: 102px; width: 150px; }
.sells img {height: 65px; width: 127px;margin-top: 20px;}

.product-description-right { clear: both; line-height: 16px;}
.product-description-right a.product-name { font-weight: bold; display: block; text-decoration: none; margin: 0 0 3px 0; float: left; }
.product-description-right strong { display: block; float: left; margin: 0 5px 0 0; clear: both; }
.product-price { display: block; float: left; text-decoration: none; padding: 0 0 1px 0;  }
a.product-price:hover {border-bottom: 1px solid; padding: 0 0 0 0; }
.buy-it-now { display: block; color: #fff; text-decoration: none; background: url(../images/buy-it-now.png) no-repeat; width: 116px; height: 18px; float: left; margin: 7px 0 0 0; padding: 5px 0 0 5px; letter-spacing: 0.04em; }
a.buy-it-now:hover { color: #fff; background: url(../images/buy-it-now-hover.png) no-repeat;  }
.product-description-right em { diplay: block; margin: 12px 0 0 5px; float: left; width: 69px; }



.panel {margin-top:16px;}

/* -- center --------------------------- */
#center { width: 445px; float: right; margin: 0 21px 0 0; }
#center2 { width: 465px; float: right; margin: 0 1px 0 0; padding: 0 -51px 0 0;}
h2.how-it-works { background: url(../images/heres-how-it-works.png) no-repeat; width: 285px; height: 28px; margin: 19px 0 15px 0; }
.tabbox { position: relative; height: 191px; }
.tabbox h3 {  }
#tab1, #tab2, #tab3 { position: absolute; top: 0; left: 0; height: 191px; }
#tab1 h3 a, #tab2 h3 a, #tab3 h3 a { position: absolute; top: 0; color: #7c4b26; text-decoration: none; display: block; height: 24px; padding: 12px 0 0 36px; }
#tab1 h3 a { left: 0; width: 108px;   background: url(../images/1-get-in-touch.png) 0 -36px; color: #0099cc; }
#tab2 h3 a { left: 146px; width: 140px;  background: url(../images/2-we-do.png) 0 -36px no-repeat; color: #0099cc; }
#tab3 h3 a { left: 325px; width: 84px;  background: url(../images/3-get-paid.png) 0 -36px no-repeat; color: #0099cc;}
#tab1 h3 a:hover,#tab2 h3 a:hover, #tab3 h3 a:hover  { background-position:0 0; color: #81401B;}

#tab_content3 {background: url(../images/tabbed-bg_get_paid.png) no-repeat;}
#tab_content2 {background: url(../images/tabbed-bg.png) no-repeat;}
#tab_content1 {background: url(../images/tabbed-bg_get_in_touch.png) no-repeat;}
.tabpanel { display: none; position: absolute; top: 36px; left: 0; width: 414px; height: 125px;  color:#81401B;}
.selected .tabpanel { display: block; } 
.selected h3 a {color:#81401B !important;background-position:0 -72px !important;}
.selected h3 a:hover {color:#81401B !important;}

.tabpanel { padding: 15px; line-height: 1.5em; }

.tabpanel li, .posts li { list-style: none; background: url(../images/li-bullet.png) no-repeat 0 6px; padding: 0 0 0 13px; line-height: 16px;margin-bottom:6px; }
.find-out { float: left; margin: 3px 0 0 0; }
.tabpanel .arrow { margin-top: 10px; }
#current-auctions-flash { margin: 16px 0 0 0; }

.news #center h2 a, .news #center2 h2 a { font-family: "Trebuchet MS", Trebuchet, sans-serif; font-size: 32px; color: #7c4b26; font-weight: normal; height: 1em; line-height: 1em; margin: 0.2em 0 0.35em 0; text-decoration: none; float: left; width: 100%; clear: both; }
.news #center h3, .news #center2 h3, #center2 h3, #center h3, #fullwidth h3 { clear:both; color: #7c4b26; font-weight: bold; margin: 2em 0 0 0;padding:20px 0 0 0;}

.news #center p, .news #center2 p { line-height: 1.5em; margin: 0.5em 0 0.5em 0; clear: both; float: left; width: 95%;}
.news #center p.posted, .news #center2 p.posted { margin: 1em 0 2.5em 0; width: 441px; height: 22px; background: url(../images/posted.png) no-repeat; padding: 4px 0 0 8px; font-style: italic; clear: both;  }

.postbox {
  line-height:1.5em;
}

/* -- left --------------------------- */
#left { width: 192px; float: left; background: #f4fbf4; margin: 0 0 0 4px; padding: 9px 5px 10px 15px;  line-height: 1.4em;}
.news #left { background: transparent; margin-top: -23px; padding: 0; width: 212px; }
#bcumb { margin: 0 0 0 18px; width: 880px; height: 16px; }
#bcumb a { float: left; }
#bcumb .arrow { margin-right: 6px; margin-left: 6px; background: url(../images/brown-arrow.png) no-repeat; }
.subnav { padding: 0 0 7px 19px; background: #f4fbf4; clear: both; } 
.subnav ul { clear: both; padding: 0 0 0 10px; }
.subnav li { display: inline; }
.subnav li a { height: 22px; display: block; text-decoration: none; border-bottom: 1px solid #fff; padding: 6px 0 0 6px; }
.subnav li.selected a { height: 22px; display: block; text-decoration: none; border-bottom: 1px solid #fff; padding: 6px 0 0 17px; background: #fff url(../images/subnav.png) no-repeat left;  }
.subnav li a:hover { text-decoration: underline !important; }
.subnav li.last a { border: none; }
.news-menu { padding-top: 16px; }
.recent { margin: 15px 0 0 0; }
.archives { margin: 2px 0 0 0; }
.left-box { margin: 16px 0 0 0; padding: 5px 5px 3px 15px; background: url(../images/news-left-bg.png) no-repeat; overflow: auto; }
#left h3 { color: #7c4b26; margin: 0.7em 0 0 0; clear: both; float: left; width: 100%; }
#left .subnav h3 { margin-bottom:4px; }
#left .subnav h3 a { text-decoration: none; }
#left .archives h3 a { font-weight: normal; text-decoration: underline; }
#left p { margin: 0.1em 0 0.5em 0; float: left; clear: both; width: 100%; }
#left img { float: left; clear: both; margin: 0.2em 0 0 0; }
#left .telephone { background: url(../images/phone-icon.png) no-repeat 0 1px; padding: 0 0 0 19px; width: 150px; }
#left .question { background: url(../images/question-icon.png) no-repeat 0 1px; padding: 0 0 0 19px; width: 150px; }
#left .chat { background: url(../images/chat-icon.png) no-repeat 0 1px; padding: 0 0 0 19px; height: 1.3em; width: 150px; }
#left .chat a { float: left; }
#left .email { clear: left; background: url(../images/mail-icon.png) no-repeat 0 1px; padding: 0 0 0 19px; width: 150px; }

/* -- footer --------------------------- */
#footer { clear: both; margin: 16px 0 0 0; float: left; width: 931px; height: 63px; background: url(../images/footer-bg.png) no-repeat; color: #666; position: relative; } 
#footer .power-seller { display: block; float: left; margin: 12px 0 0 13px; }
#footer .bottom-right { float: right; position: absolute; bottom: 38px; right: 15px; }

#files_list { clear: both; position:relative; }

.fieldWithErrors {
  margin:0;
  
  display: block;
}
#container .fieldWithErrors input, #container .fieldWithErrors textarea {border: 1px solid red;}

#errorExplanationLite {
  width: 400px;
  border: 1px dotted red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  clear:both;
}

#errorExplanationLite h2 {
  text-align: left;
  font-weight: bold;
  margin-left: 3px;
  font-size: 13px;
  display:inline;
  clear:both;
  background-color: #F0F0F0;
  color: #f00;
  
}

#errorExplanationLite p {
  color: #666;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanationLite ul li {
  color:red;
  list-style: none;
}
#errorExplanationLite ul {margin-left: 10px;}
#enquiry_submit {background: #09c; color: white;}

#container p input, select {border: 1px solid #80CCE6;margin-bottom:12px;height: 21px; padding-top:2px;}
#container p input:focus, select:focus, textarea:focus {border: 1px solid #0099cc;}
#container label {font-weight:normal;margin-bottom:0;}
label.required {padding-left: 16px;background: url(../images/asterisk.png) 0 0 no-repeat;}
#container form p {width: 100%;}


#container #enquiry_receive_newsletter {height:auto;margin-bottom:0;}
#container textarea {border: 1px solid #80CCE6;margin-bottom:12px;}


.posts h2, center h2, #fullwidth h2 {font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;font-weight:normal;color:#7c4b26;margin: 18px 0 22px 0;font-size:32px;}
.posts h3, #fullwidth h3 {margin-bottom: -4px;}
.posts p, #fullwidth p {line-height:18px; }
.posts li {margin-top: 7px;clear:both;}
.category {height:107px; overflow:hidden;width: 142px;float:left; margin: 0 10px 10px 0;}
.category a {width: 142px; height: 107px; background:url(../images/category_bg.png) 0 -107px no-repeat;float:left;margin-right: 0px;padding: 8px 0 0 8px;font-weight:bold;text-decoration:none;line-height:18px;}
.category a:hover {background-position: 0 0;color:#666666;}
.category a img {width: 127px; height: 65px;}
.auction_item {border-bottom: 1px solid #B1E0EB; width: 445px;margin: 0 0 10px 0;padding: 0 0 10px 0;}
.auction_item a { font-weight:bold;text-decoration:none;line-height: 20px;}
.auction_item a:hover {color:#666;}
.auction_item td {padding: 5px;vertical-align: top;line-height: 20px;}
.auction_item table {margin: 0 0 0 0;}
.auction_item a img {margin-left: -5px;border: 1px solid white;}
.auction_item a:hover img {margin-left: -5px;border: 1px solid #09c;}


form #next_btn {border:0;}

.bluebox {background-color:#DFF2F7;}

.pricetable th {font-weight:normal;padding: 5px 0 4px 0;font-size: 11px;}
.pricetable td {font-size: 20px; background-color:#F5F9FB;border:2px solid #DFF2F7;padding: 6px;text-align:right;}
.pricetable th.wider {width: 95px;}
.pricetable td.faint {color:#999999;}
.pricetable td.dark {color:#7c4b26;}



#fullwidth {padding: 26px;margin-bottom: 20px;}
#fullwidth p {margin-top: 1em;line-height: 0.5em;font-size: 1em;}
#fullwidth ul {margin: 10px 0 0 -13px;padding:0;}
#fullwidth ul ul {margin: 10px 0 20px 10px;}
#fullwidth ul li { list-style: none;padding: 0 0 0 13px; line-height: 19px; float:left; width: 200px;}
#fullwidth ul ul li { list-style: none; background: url(../images/li-bullet.png) no-repeat 0 6px; padding: 0 0 0 13px; line-height: 19px; float:none;}



address {font-style:normal;}

#center .testimonial {padding-top: 15px; }
.testimonial div{float:left;vertical-align:text-top;}
.testimonial img {float:left; padding-right:10px;height:104px;}
.testimonial span {display:block; float:left; padding-right:10px;height:40px;}
#center .testimonial h3 {margin:0 0 0 0;padding:0;clear:none;}
.testimonial p {font-style:italic;margin:0 0 20px 0;padding:0 0 20px 0;}
.testimonial .price {font-style:normal;}