/*
* CSS for default Wordbay Smarty template *
* Adapt to your own taste, of course *
*
*/

.wbwrapper { /*wrapper for the entire embedded listing, if there are results.*/
margin-bottom: 1em;
}

div.wbwrapper div  {
line-height: normal;
font-size: 100%;
word-wrap: break-word;
}

div.wbwrapper a  {
color: black;
}

div.wbwrapper img, div.wbwrapper img:hover {
text-decoration: none;
border: none;
background-color: transparent;
}

div.wbwrapper div.wblisting { /* wblisting is just an inner wrapper for the listing - there was a good reason for having this, but I forget what now :/*/
padding: 0;
margin: 0;
width: 100%;
}

div.wbwrapper div.wbheader { /* wrapper for the header block containing the h2 title and the search box if displayed */
background-color: none; /* Had to change this because Wordpress themes were overriding the h2 colour and we were getting black on black - this is safer, I guess */
padding: 0.5em 0em 0.3em 0.6em;
margin-top: 2em;
}

div.wbwrapper div.wbheader h2.listingtitle { /* main title of listings, specified in global or post/page meta settings*/
text-align: left;
font-size: 1.4em;
font-weight: bold;
padding: 0;
margin: 0;
border: 0;
text-decoration: none;
display: inline;
}



div.wbwrapper .wbheader .wbsearchwrapper { /* wrapper for the search form, only if displayed (search_form.tpl) */
float: right;
padding: 0.5em;
}

div.wbwrapper #nowbresults .wbsearchwrapper { /* wrapper for the search form, only if displayed (search_form.tpl) */
float: none;
padding: 0.5em;
margin: 1em 0 1em 0;
}

div.wbwrapper .wbsortform { /* wrapper for the sort drop-down, if displayed */
clear: both;
float: right;
padding: 0.5em;
}

div.wbwrapper div.wbmain .wbsortform select {
width: 15em;
}

div.wbwrapper div.wbmain { /* wbmain is the wrapper for the actual listing portion of the Wordbay display */
padding: 0.2em 0.2em 0.2em 0.2em;
}

div.wbwrapper div.smartyitem { /* smartyitem is a wrapper for each single product item */
float: left;
width: 46%;
margin: 0 1% 0 1%;
padding: 1em 0.5% 1em 0.5%;	
border-bottom: 1px dashed #606060;
height: 220px;
}



div.wbwrapper div.prodmain h3, div.prodmain h3 a { /* product title (keep this fairly small so it doesn't run onto 4 lines)  */
margin: 0 0 0.2em 0;
padding: 0;
font-weight: bold;
font-size: 1em;
}



div.wbwrapper div.smartyitem div.imgdiv { /* wrapper for the product image */
float: left;
margin: 0 10% 0 0;
height: auto;
width: 40%;
height: 220px;
display: block;
clear-after: both; /* CSS3 */
}



div.wbwrapper div.smartyitem div.imgdiv img {
float: left;
margin: 1em 0 0 0;
clear: both;
width: 100%;
max-height: 180px;
}


div.wbwrapper div.smartyitem div.prodmain { /* wrapper for the product info area (wraps all the info for the product, from the title down to the click button and seller info)*/
display: block;
width: 100%;
height: 80%;
margin: 0;
padding: 0;
font-size: 1em;
clear: both;
}

div.wbwrapper div.smartyitem div.productinfo div.prodattr {
font-weight: bold;
padding: 0px;
margin-top: 1em;
font-size: 0.9em;
}

div.wbwrapper div.smartyitem div.productinfo div.price { /* wrapper for the price info*/
font-weight: bold;
color: black;
font-size: 2em;
padding: 0px;
margin: 0px;
display: block;
}



div.wbwrapper div.smartyitem div.productotherinfo { /* wrapper for other info (auction type, time left, bid count etc.)*/
margin: 0;
font-size: 0.9em;
}

div.wbwrapper div.smartyitem div.productotherinfo div.prodattr { /* text format for product attribute description, e.g. Bids so far:*/
font-weight: bold;
padding: 0 0.2em 0 0em;
margin: 0;
float: left;
height: 1.3em;
}

div.wbwrapper div.smartyitem div.productotherinfo div.info { /* textual format for bid count*/
font-weight: none;
padding: 0;
margin: 0;
height: 1.3em;
}

div.wbwrapper div.smartyitem div.productotherinfo div.timeleft { /* textual format for time left attribute*/
font-weight: bold;
color: black;
}



div.wbwrapper div.clickwrapper { /*wrapper for click button*/
width: 100%;
margin-top: 1em;
text-align: center;
}


div.wbwrapper div.clickwrapper div.clickbutton { /* wrapper for click button*/
width: 100%;
margin: 0;
padding: 0;
}

div.wbwrapper div.clickwrapper div.clickbutton img { /* clickbutton image*/
margin: 0;
padding: 0;
width: 30%;
}


div.wbwrapper div.clickwrapper div.clickbutton a, div.clickbutton a:hover {
border: none;
background-color: transparent;
margin: 0;
padding: 0;
}

div.wbwrapper div.clickwrapper div.seller { /* textual format for seller info*/
margin: 0.1em 0 1em 0;
font-size: 0.8em;

}

/* Pagination styles */

div.wbwrapper .wbpagwrapper { /* Page numbers, if used */
padding: 1em;
text-align: center;
}

div.wbwrapper .wbpagwrapper a { /* Page numbers, if used */
padding: 0.5em;
}

div.wbwrapper .wbpagwrapper a.current { /* The currently selected page */
border: 2px solid #000;
}

/* End pagination styles */


div.wbwrapper div.wbmain p.cachenote { /* textual format for caching info text (listing footer)*/
font-size: smaller;
margin-top: 1em;
}

div.wbwrapper div#nowbresults { /*wrapper for when there are no results (no_results.tpl)*/
font-size: 1em;
background-color: #e0e0e0;
padding: 1em;
clear: both;
margin-top: 2em;
}

.listingclear { /*class for clear div (ensures no floating before and after listings)*/
clear: both;
width: 100%;
height: 1px;
margin: 0 0 -1px;

}