/* CSS definitions for find-trades */
#find-trades { margin: 0 0 0 0; }
#find-trades h1 { font-size: 18px; font-weight: bold; color: #00447c; margin: 0 0 0 0; }
#find-trades h2 { color: #00447c; text-align: left; padding: 10px 10px 10px 10px; font-size: 18px; font-weight: bold; margin: 0px 0 10px 0; -moz-border-radius: 10px; border-radius: 10px; background: #fff; }

#find-trades h4 { font-size: 18px; font-weight: bold; color: #889BC0; margin: 0 0 10px 0;  }

/* ---- find trades splash-------*/
#find-trades #splash { position: relative; margin: 0 0 10px 0; padding: 15px 15px 15px 15px; background: #00447c url(/images/backgrounds/l_blue_to_d_blue.gif) repeat-x left top;}
#find-trades #splash #splash-inner {background: #ffffff; padding: 20px 30px 30px 30px; }

#find-trades #splash #splash-left { margin: 0 430px 0 0; }
#find-trades #splash #splash-left p { border: 1px solid #6d85ae; padding: 10px 15px 10px 15px; font-size: 15px; margin: 20px 20px 20px 0; }
#find-trades #splash #splash-right { position: relative; float:right; width: 420px; }

/* ---- find trades splash-------*/
#find-trades #splash #splash-right #use-form { margin: 10px 0 10px 0; padding: 5px; font-size: 14px; color: #575656;  }
#find-trades #splash #splash-right #trade-help { display:none;  position:absolute; padding: 20px; top: 10px; left: 0; background: #fff; border: 1px solid #00447c;  }
#find-trades #splash #splash-right #title-help { display:none;  position:absolute; padding: 20px; top: 70px; left: 0; background: #fff; border: 1px solid #00447c;  }
#find-trades #splash #splash-right #descr-help { display:none;  position:absolute; padding: 20px; top: 150px; left: 0; background: #fff; border: 1px solid #00447c;  }
#find-trades #splash #splash-right #pcode-help { display:none;  position:absolute; padding: 20px; top: 240px; left: 0; background: #fff; border: 1px solid #00447c;  }
#find-trades #splash #splash-right #email-help { display:none;  position:absolute; padding: 20px; top: 280px; left: 0; background: #fff; border: 1px solid #00447c;  }


/* ---- splash form inputs-------*/
#find-trades #splash .form1-main-heading { width: 400px; background: url(/images/arrow_down.gif) no-repeat left center; color: #00447c; font-size: 16px; padding: 10px; text-align: left; }
#find-trades #splash .form1-el { }
#find-trades #splash .form1-heading { margin: 2px; padding: 2px; font-size: 13px; color: #00447c; }
#find-trades #splash span.title-counter { color: #c1c1c1; }
#find-trades1 #splash .form1-post { margin: 10px 0 0 0; padding: 2px; font-size: 13px; color: #00447c; }
#find-trades1 #splash span.error {background: url(/images/icons/error.png) no-repeat left center; color: red; padding: 0 0 0 22px; }

/* ---- splash form inputs-------*/
#find-trades #splash input.text { border: 1px solid #c1c1c1; padding: 5px; font-size: 14px; width: 400px; margin: 2px 0 2px 0;  } 
#find-trades #splash textarea { border: 1px solid #c1c1c1;  padding: 5px; font-size: 14px; width: 400px; height: 100px; margin: 2px 0 2px 0; } 
#find-trades #splash select { border: 1px solid #c1c1c1; padding: 5px; font-size: 14px; width: 400px; margin: 2px 0 2px 0;} 

/* ---- splash form input errors -------*/
#find-trades #splash #error-box {color: #ff4828; border: 1px solid #ff4828; width: 400px; }
#find-trades #splash input.hferror { border-style: solid; border-width: 1px; border-color: #e70000; background-color: #f4e0e0; }
#find-trades #splash textarea.hferror { border-style: solid; border-width: 1px; border-color: #e70000; background-color: #f4e0e0;  }
#find-trades #splash select.hferror { border-style: solid; border-width: 1px; border-color: #e70000; background-color: #f4e0e0; }

/* ---- find trades results -------*/
#find-trades #results { margin: 0 0 10px 10px; float: left; width: 630px; background: #ffffff; -moz-border-radius: 10px; border-radius: 10px; }
#find-trades #results .trade-entry { background: #ffffff; -moz-border-radius: 10px; border-radius: 10px; margin: 0 0 10px 0; border: 1px solid #c1c1c1; padding: 10px; }
#find-trades #results .trade-entry span.red{ color: red; }
#find-trades #results .trade-entry span.green{ color: green; }
#find-trades #results .trade-entry span.location{ background: url(/images/icons/map.png) no-repeat left center; padding: 0 0 0 22px; margin: 0 0 0 20px;  }

#find-trades #results .trade-entry .name { margin: 0; }
#find-trades #results .trade-entry .name a {}
#find-trades #results .trade-entry .comment { -moz-border-radius: 5px; border-radius: 5px; background: #e8f3ff; margin: 10px 0 10px 0; padding: 15px; font-style:italic; }
#find-trades #results .trade-entry .description { -moz-border-radius: 5px; border-radius: 5px; background: #f1f1f1; margin: 10px 0 10px 0; padding: 10px 10px 10px 10px; font-style:normal; }

#find-trades #results #page-selector { padding: 10px;}
#find-trades #results #page-selector .page-item{ -moz-border-radius: 5px; border-radius: 5px; background: blue; padding: 5px; color: #ffffff; margin: 0 5px 0 5px; background-image: -webkit-linear-gradient(top, rgb(0, 68, 124), rgb(38, 101, 157)); }

#find-trades #right { margin: 0 10px 0 650px; }
#find-trades #right img {-moz-border-radius: 10px; }
#find-trades #right ul { list-style:none; margin: 0 0 0 10px; padding: 0;}
#find-trades #right h3 { font-weight: normal; font-size: 15px; font-weight: bold; margin: 0; padding: 0 0 10px 0; color: #00447c; }

#find-trades #right #search{ padding: 10px; margin-bottom: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #c1c1c1;}
#find-trades #right #search select { width: 250px; }
#find-trades #right #search input[type=text] {width: 100px; }
#find-trades #right #search a { font-size: 15px; cursor: pointer; padding: 0 0 0 22px; margin: 0 0 10px 0; }
#find-trades #right #search a.hide { display:none; background: url(/images/icons/arrow_in.png) no-repeat left center; }
#find-trades #right #search a.show { background: url(/images/icons/arrow_out.gif) no-repeat left center;}

#find-trades #right #search #search-form { margin: 20px 0 0 0; display:none; }

#find-trades #right #map { padding: 10px; margin-bottom: 10px; border-radius: 10px; border: 1px solid #c1c1c1; }
#find-trades #right #map img{ border-radius: 10px; }
#find-trades #right #map #location{ padding: 0 0 10px 0; color: #c1c1c1; font-weight:bold; }
#find-trades #right #near-here { padding: 10px; margin-bottom: 10px; -moz-border-radius: 10px; border-radius: 0px; border-bottom: 1px solid #c1c1c1; }
#find-trades #right #other-trades { padding: 10px; margin-bottom: 10px; -moz-border-radius: 10px; border-radius: 0px; border-bottom: 1px solid #c1c1c1; }


#find-trades-boxes #mask { position:absolute; z-index:9000; background-color:#000; display:none; }
#find-trades-boxes .window { position:absolute; width:440px; height:200px; display:none; z-index:9999; padding:20px; background: #ffffff; border: 2px solid #c1c1c1; -moz-border-radius: 10px; border-radius: 10px; }
#find-trades-boxes #dialog { width:375px; height:203px; }
#find-trades-boxes #dialog select { width: 300px; }

/* Request a quote page */
#find-trades #request-quote {margin: 0; border: 1px solid #c1c1c1; -moz-border-radius: 10px; border-radius: 10px; background: #c1c1c1; padding: 10px;  }
#find-trades #request-quote h1 {font-size: 18px; font-weight: normal; color: #00447c; margin: 0 0 10px 0; }
#find-trades #request-quote h2 { text-align: left; font-size: 18px; font-weight: normal; color: #00447c; margin: 10px 0 20px 0;}
#find-trades #request-quote select { width: 300px; }

#find-trades #request-quote .invitation-sent { margin: 10px; padding: 10px 10px 10px 26px; background: #fffeb5 url(/images/tick.gif) no-repeat 10px center; -moz-border-radius: 10px; border-radius: 10px; }
#find-trades #request-quote .invitation-error { margin: 10px; padding: 10px 10px 10px 26px; background: #fffeb5 url(/images/cross.gif) no-repeat 10px center; -moz-border-radius: 10px; border-radius: 10px; } 

#find-trades #request-quote #request-quote-left { background: #ffffff; height: 200px; float: left; width: 450px; border: 1px solid #00447c; -moz-border-radius: 10px; border-radius: 10px; padding: 10px;}
#find-trades #request-quote #request-quote-right { background: #ffffff; height: 200px; margin: 0 0 0 480px; border: 1px solid #00447c; -moz-border-radius: 10px; border-radius: 10px; padding: 10px;}


#splash-right .descr-help-item { background: #ffffff; top: 130px; width: 370px; display:none;  position:absolute; padding: 20px; border: 1px solid #00447c;  }
#splash-right #descr-help{ top:110px; }