/* CSS Document */

body { margin:0; padding:0; background: url(img/pagbg1.jpg) top repeat-x #FFF; font-family:'Lucida Grande',  Arial, Verdana, Sans-Serif; font-size:12px; color: #777; }
a { color: #4E596D }
a img { border:none; }
a:hover { color:#000000 }

.tooltip { width:180px; color:#000; font-size:10px;  background-color: #DDEFFF; padding:5px; border: 1px dashed #000; cursor: pointer; }
.help {cursor:pointer;}

#logo { width:94px; height:50px; background:url(img/logo.gif) no-repeat; margin:10px 0 0 10px}
#refresh { width:19px; height:15px; background:url(img/refresh.gif) top right no-repeat; float:right; margin:0 8px 0 0}
#refresh a { width:19px; height:15px; display:block}
#reset { width:17px; height:15px; background:url(img/refresh.gif) top left no-repeat; float:right; margin:0 8px 0 0}
#reset a{width:17px; height:15px; display:block}

#container { }
#main_side { width:220px; margin:15px 0 0 10px; float:left; display:inline;}
#main_list { margin:0 10px 0 240px; padding:10px 0 0 0; }

#toptitle { font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#555; }

/* PAGE SELECT */
#pageselect { color:#333333;  font-size:10px; float:right; margin-top:10px}

#pgsel_left, #pgsel_left2,  #pgsel_mid, #pgsel_right { height:32px; float:left; } 	
#pgsel_left	 {  background: url(img/pgsel_left.gif) top left no-repeat; padding:0 0 0 10px}
#pgsel_left2 { width:5px; background:url(img/pgsel_left2.gif) top left no-repeat; margin:0 0 0 5px}	
#pgsel_mid	 {  width:16px;  background: url(img/pgsel_mid.gif) top left no-repeat}
#pgsel_right {  background: url(img/pgsel_right.gif) top right no-repeat; padding:0 15px 0 0;}

#pgsel_contain {position:relative;top:50%;margin-top:-0.5em;line-height:1; }
#numresults_drop { font-weight:bold; color: #505F6B; text-decoration:underline}
#sortorder_drop {font-weight:bold;color: #505F6B; text-decoration:underline}

/* VIEW SELECT */

#viewselect {}
#viewmode1,#viewmode2, #viewmode3,#viewmode1on,#viewmode2on,#viewmode3on { float:left; height:14px; width:14px; margin:9px 4px 0 4px;}
#viewselect a { height:14px; width:14px; display:block}
#viewmode1 { background:url(img/viewselect.gif) 0 0 no-repeat}
#viewmode2 { background:url(img/viewselect.gif) -14px 0 no-repeat}
#viewmode3 { background:url(img/viewselect.gif) -28px 0 no-repeat}
#viewmode1on { background:url(img/viewselect.gif) 0 -14px no-repeat}
#viewmode2on { background:url(img/viewselect.gif) -14px -14px no-repeat}
#viewmode3on { background:url(img/viewselect.gif) -28px -14px no-repeat}


/* TAG SERACH TERM DISPLAY */
#searchterms { padding:5px 0 0 0}
#searchterms a { color:#666666; text-decoration:none}
#searchterms a:hover { color:#0099FF; text-decoration:underline}
#term { float:left; height:22px; background: url(img/termbg.gif) top right; padding:0 10px 0 0; margin:2px; display:inline }
#txtcontain { float:left; position:relative;top:50%;margin-top:-0.5em;line-height:1}
#leftbg { float:left; height:22px; width:10px; background: url(img/termbg.gif) top left}
#omit { float:left; height:22px; background: url(img/termbg.gif) bottom right; padding:0 10px 0 0; margin:2px; display:inline }
#omit #leftbg { float:left; height:22px; width:10px; background: url(img/termbg.gif) bottom left}


/* GENERAL PALLATE STRUCTURE*/
#pallate.searchbox  { background: #666666; color:#FFFFFF }
#pallate { width:220px; background: #E9E9E9; margin:5px 0 10px 0;  font-size:11px; color:#444; font-family:Arial, Helvetica, sans-serif }

#pallate a { color:#000; text-decoration:none}
#pallate a:hover { color:#999; } /*color:#D5FFFD}*/

#pallate #roundtop { background: url(img/pallateround.gif) 0 0 no-repeat; width:220px; height:4px; line-height:1px; font-size:1px}
#pallate #roundbot { background: url(img/pallateround.gif) 0 -4px no-repeat ; width:220px; height:4px; line-height:1px; font-size:1px}

#space { margin:0 10px 3px 10px;}


/* SEARCH PALLATE */

#searchbox textarea {width:190px; height:35px; font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif; font-size:12px; border:0; text-decoration:none; overflow:auto; margin:0px 0 0 10px; padding:5px; resize: vertical; }
#omitbox textarea {width:190px; height:50px; font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif; font-size:12px; border:0; text-decoration:none; overflow: auto; margin:0px 0 0 10px; padding:5px; resize: vertical; }

/* LOCATION PALATTE */
#pallate #postalcode {}
#pallate #postalcode input{ font-size:10px; margin:0; padding:2px; border:0; width:120px}
#pallate #itemlocation {}
#pallate #itemlocation select{ font-size:10px; margin:0; padding:2px; border:0; width:120px}

/* ADVANCED PALATTE */
#pallate #pricerange {}
#pallate #pricerange input.text{ font-size:10px; margin:0; padding:2px; border:0; width:70px}




#pallate #sideseperate { width:220px; height:1px; font-size:1px; line-height:1px; background:none; border-bottom: 1px dotted #C7C7C7 ; padding:0; margin:2px 0 2px 0}
#sideseperate { width:220px; height:1px; font-size:1px; line-height:1px; background:url(img/sidesep.gif) repeat-x center; padding:6px 0 3px 0;}
#mainseperate { width:100%; height:1px; font-size:1px; line-height:1px; background:url(img/sidesep.gif) center  repeat-x}


/* OTHER PALATTES */
#pallate.moreinfo { background: #F3F3F3; margin:10px; font-size:10px;}
#pallate.moreinfo h2 { margin:0; padding:0; color:#444; font-size:16px;}
#pallate.moreinfo #date { font-weight:bold; color:#FF6666; font-size:12px;}
#pallate.lightblue { background: #DDEFFF; margin:10px;}
#pallate.lightblue h2 { margin:0; padding:0; color:#70C6EF; font-size:18px;}


/*
#moreinfo { width:220px; background: #DDEFFF; padding:5px 0 5px 0; font-size:10px; margin:0 0 10px 0 }
#moreinfo h2 { margin:0; padding:0; color:#80D6FF; font-size:20px;}

#moreinfo2 { width:220px; background:#F3F3F3; padding:5px 0 5px 0; font-size:10px; margin:0 0 10px 0;line-height:15px }
#moreinfo2 h2 { margin:0; padding:0; color:#80D6FF; font-size:20px;}
*/

#resultbar {}
#resultbar select { border:0; font-size:10px; margin:0; padding:0; height:15px }




/* Results */
#timeleft { font-weight:normal;}
#timeleft.now { color:#FF0000}
#timeleft.soon { background:#FCFFB9; color:#000000}
#timeleft.later { }

/* SQUARE DISPLAY */
#results {}
#result a { text-decoration:none}
#results1 {}
#results1 #result { float:left; width:128px; height:160px; margin:5px;  background:url(img/squaredisplaybg.gif) top center no-repeat; }
#results1 #leftcontain {float:left; height:120px; }
#results1 #resultpic { width:128px; height:96px; margin:8px 0 0 0; }
#results1 #pic_contain { width:105px; height:96px; border:1px solid #CACACA; margin:0 0 0 10px; text-align:center; overflow:hidden }
#results1 #resultpic img { height:96px; border:none}
#results1 #resulttext {  font-size:10px; margin:0 3px 0 3px }
#results1 #price { text-align:right; float:right; font-size:10px; color:#000000; }
/*#results1 #shipping{ color:#666666; margin-top:3px}*/
#results1 #bids { margin:3px 0 0 0}
#results1 #picextra { visibility:hidden; overflow:hidden; line-height:1px; width:1px; height:1px;}
#results1 #title { visibility:hidden; overflow:hidden; height:1px; width:1px; line-height:1px}
#results1 #shipping{ display:inline; position:relative; font-weight:normal; font-size:10px; color:#666666}

/* WIDE DISPLAY */
#results2 #result { float:left; width:240px; height:135px;  display:inline; background:url(img/rectdisplaybg.gif) top center no-repeat; overflow:hidden; margin:0 }
#results2 #leftcontain { height:120px; float:left;  padding:10px 0 0 5px; }
#results2 #resultpic{ width:90px; height:90px; text-align:center; clear:both;}
#results2 #pic_contain { width:90px; height:90px;  text-align:center; overflow:hidden }
#results2 #resulttext { width:120px; padding:0 0 0 10px;  font-size:10px; float:left;  }
#results2 #picextra { width:80px; font-size:9px; padding:0 0 0 10px  }
#results2 #resultpic img { height:80px; border:none}
#results2 { padding:10px 0 10px 0}
#results2 #bids { margin:3px 0 0 0; display:inline; line-height:10px; float:left;}
#results2 #title { height:80px;  font-size:11px; padding:10px 0 0 0 }
#results2 #details {  padding:2px 0 0 0; font-size:10px}
#results2 #price { text-align:right; float:right; font-size:10px; font-weight:bold; margin:0 5px 0 0; display:inline; color:#000000}
/*#results2 #shipping{ color:#666666;}*/
#results2 #shipping{ display:inline; position:relative; font-weight:normal; font-size:10px; color:#666666}

/* LINE DISPLAY */
#results3 { border-top:2px solid #DBDBDB; padding-top:10px; margin-top:10px}

#results3 #result { height: 50px; border-bottom:1px solid  #C5DFFC; margin-bottom:2px; clear:both;}
#results3 #leftcontain { }
#results3 #timeleft {padding-top:14px; float:right; margin:0 10px 0 10px;  font-size:10px}
#results3 #resultpic { float:left; width:60px;}
#results3 #pic_contain { height:45px; vertical-align:middle; overflow:hidden}
#results3 #picextra { padding-top:12px; float:right }
#results3 #resultpic img { width:45px; border:none}
#results3 #resulttext {   }
#results3 #price { text-align:right; padding-top:14px; float:right; width:100px; margin-right:10px;  font-weight: bold; color:black; font-size:10px }
#results3 #shipping{ display:inline; position:relative; font-weight:normal; font-size:10px; color:#666666}
#results3 #bids { padding-top:14px; float:right;  font-size:10px}
#results3 #picextra { }
#results3 #title { padding-top:12px; float:left; }



/* ITEM POPUP can take out #itempopup outs since its used by #lightbox */

#itempopup { position:absolute; top: 50%; left:50%; margin:-200px 0 0 -200px; z-index:99; width: 400px; height:400px; background:#fff; padding:0; border:7px solid #fff; }
#itempopup table {width:100%; height:100%; border:1px solid #D8D8D8; padding:10px}
#itempopup .title { vertical-align:top; color:#000; border-bottom: 1px dotted #D4D4D4; height:10px; padding:0 0 10px 0; }
#itempopup .terms { }
#itempopup .bot { vertical-align:bottom; text-align:left; font-size:10px;}
#btn_goebay { float:right; width:80px; height:18px; background:url(img/btn_popup.gif) top left no-repeat; margin:10px 5px 0 0}
#btn_goebay a { width:80px; height:18px; display:block}
#btn_close { float:right; width:53px; height:18px; background:url(img/btn_popup.gif) top right no-repeat;margin:10px 0 0 5px}
#btn_close a { width:53px; height:18px; display:block}
#itempopup .explaindots { font-size:10px; height:50px;}
#itempopup .itemdetails { font-size:10px; height:10px; padding:10px 0 0 0}
#itempopup .itemdetails hr { height:1px; background:url(img/sidesep.gif) repeat-x; border:0; margin:5px 0 3px 0; padding:0}
#itempopup .itemdetails #title { font-weight:bold; color:#000000}
#itempopup .sellerdetails { font-size:10px; line-height:17px}
#itempopup .sellerdetails a { color: #5C8EB4}
#itempopup .sellerdetails #seller { color:#000000; font-weight:bold; font-size:12px}
#popupterm { float:left;  margin:0 5px 0 0;}
#popupterm #termcontain{ float:left; ; font-family:Arial, Helvetica, sans-serif; color: #333;  font-weight:bold; font-size:20px; }
#popupterm #dots { float:left;  clear:both; margin:0 2px 0 0;}
#dotblue { float:left; height:10px; width:10px; background:url(img/termdots.gif) top right; clear:left; }
#dotred  { float:left; height:10px; width:10px; background:url(img/termdots.gif) top left; margin:5px 0 0 0 }
#dotblue a, #dotred a { height:10px; width:10px; display:block}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */