/* Stylesheet for RaceTrader*/
/*Author: John Garlinge on behalf of 19Dozen*/
/* Date: 29th October 2007 */
/* Modified CSS Reset based on Eric Meyer's http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */
body{font-size:62.5%;}
html, body, div, span,
applet, object, iframe,
h1,h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend,li,dt,dd,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body{font-size:62.5%;}
a img, :link img, :visited img {
	border: 0;
}
img{border:1px solid #872616;}
img.noBorder{border:0;}
button img{border:0;}
#content p{margin-bottom:10px;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul,ol{
	list-style: disc;
	padding:0;
	margin:0 0 0 20px;
}
ol{
	list-style: decimal;
}
#content * li,dd,p,span{margin:0; padding:0;line-height:1.4;font-size:1.3em;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
a{text-decoration:none;font-size:1em}
a:hover{text-decoration:underline;}
h1,h2,h3,h4,h5,h6{font-weight:bold;padding:0 0 16px 0;}
/* End Reset */
dt{font-weight:bold;}
/****** Page layout ******/
html,body{height:100%;}/*do not change as makes the footer stick to the bottom of the window*/
#header{height:165px;}
.userLogin{float:right;}
#navStrap{height: 30px;position:absolute;top:135px;width:100%;}
.wrapper,#footer,#navStrap ul.wrapper{margin: auto;width:820px;}
div.wrapper{position:relative;min-height:100%;z-index:0;}
#sidebar{width:175px; float:left;background:red;padding:0;} /*remove background once the faux column has been added*/
#content{margin: 0 20px 0 177px;padding:25px 0 0 20px;}
#footer{position:relative;height:30px;margin-top:-30px;}/*do not change as makes the footer stick to the bottom of the window*/

/****** Start Presentational styles ******/

body {background: #000 url(images/background.jpg) repeat-y center top;}
#innerbody{background:url(images/racetraderuk-banner.jpg) no-repeat center top;}
.userLogin{padding: 5px 10px;/*background:silver;*/background-image:url('images/login-background.gif');}
.userLogin li {display:inline;}
.container{background: #fff url(images/sideBG.png) repeat-y -25px 0;}

/****** Navigation ******/
#navStrap{background: url(images/menu_bar.png) repeat-x 0 0;}
.userLogin *{font-size:0.75em;line-height:0.75;}
#navStrap ul{list-style:none;margin-left:-5px;}
#navStrap ul li {position:relative;float:left;height:30px;}
#navStrap ul li a{display:block; color:#fff;font-size:1.0em;float:left;margin: 10px 0 0 30px;font-weight:bold;}
#navStrap ul a.options{text-align:center;display:block; color:#fff;font-size:1.4em;display:block;background-image:url('images/option-bck.gif');font-weight:bold;margin: 4px 0 0 10px;width:110px;padding: 4px 0 6px 10px;}

#navStrap ul ul{position:absolute;right:999em;width:170px;background:gray;}/*This is the background for the dropdown list*/
#navStrap ul li:hover ul,#navStrap ul li.sfhover ul{ display:block;left:auto;left:0px;top:30px;}
#navStrap ul ul li{width:170px;}
#navStrap ul ul li a{font-weight:bold;text-align:left;margin:0;padding:5px;width:160px;}
#navStrap ul ul li a:hover{background:silver;}/*This is the dropdown hover background*/

/****** Sidebar ******/
.catNav{padding: 30px 0 0 0;}
.catNav a, .catNav a:link{text-decoration:none;color:white;background-image:url('images/leftmenu-bck.png');background-position:-28px 0px ;height:30px;display:block;padding:4px 0 0 0;font-weight:bold;font-size:1.2em;}
.catNav a:hover{background-image:url('images/leftmenu-bck-hover.png');background-position:-28px 0px ;}
#sidebar ol{padding: 10px 0 0 0;}
#sidebar ol input{font-size:1em;}
#sidebar ol input#searchtext{width:65%}
ul.ads{margin:0;}
.ads li {text-indent:-999em;width:;background-position: center center;margin:20px 0;background-repeat: no-repeat;}
.ads li a{display:block;height:100%;width:100%;text-align:center;}
.ads li a img{margin:auto;border:1px solid #000;}
/* Heres the relevent CSS for the top ad=> .ad1 */
.ads li.ad1{height:114px;/*background-image:url('images/ad2-motolegends.jpg');*/text-indent:0;}

/* 
take out the background image and set the text-indent:0 to get code to display



*/
.ads li.ad2{height:210px;background-image:url('images/ad3-default.gif')}
.ads li.ad3{height:114px;background-image:url('images/ad2-default.gif')}
div.cards{text-indent:-999em;background: url(images/cards-strip.gif) no-repeat center center;height:30px;}
	
.Ad2{margin: 10px;background:url('images/ad2-default.gif') #fff;color:#000;font-weight:bold;padding:50px 0;text-align:center;}/*156 112*/
/*.Ad2 a{width:110px;height:100px;margin:0px;padding:0px;display:block;position:relative;}*/
.Ad3{margin: 20px  10px;background:url('images/ad3-default.gif') #fff;;color:#000;font-weight:bold;padding:100px 0;text-align:center;}/*156 210*/
/****** Content ******/

/****** index page only******/
#contentHeader{background: url(images/buyandsell-left.jpg) no-repeat 0 0;margin: 0 -10px 15px 0;padding: 0 0 0 10px;height:214px;}
#contentHeader *{color:#fff;text-align:center;}
#contentHeader h2{font: 3.0em/1.2 Tahoma bold; width:40%;padding: 40px 0 0 0;width:230px;}
#contentHeader p{width:230px;}
#contentHeaderInner{background: url(images/buyandsell-right.jpg) no-repeat 247px 0;height:100%;}
.frontPageFeatures{width:100%;min-height:150px;margin:0;}
#content .frontPageFeatures li{background: url(images/imgback.jpg) no-repeat top left;height:144px;width:200px;float:left;list-style-position:inside; margin: 10px 0;text-align:center;padding:8px 0 0 0;}
#content .frontPageFeatures li.frontPageFeaturesMid{margin: 10px 0;}

/****** Content general styles ******/
ul.breadcrumb{margin:0;}
h2.item{background:red;padding: 4px 10px;margin:10px 0;}
ul.breadcrumb li{list-style:none;display:inline;}

/****** Content  List page only ******/
#contactOwner{clear:both;padding:10px;background:#ececec;margin: 10px 0;}
#contactOwner h2{margin: 0 0 20px 0;}
#contactOwner li{list-style:none;margin: 0 0 12px 0;}
#contactOwner li label{vertical-align:top;width:200px;text-align:right;padding: 0 10px 0 0;}
#yourMessage{margin:0 0 0 10px;}
#contactOwner input.submit{margin:4px 0 0 180px}
#listingImage{background: #000;padding:40px 0px;width:300px;height:186px;float:left;margin:10px 0;text-align:center}
#listingImage ol li{list-style:none;}
#listingImage img{border:1px solid #fff;}
#content .listingDetails{width:100%;background:#ececec;margin:10px 0;float:left;padding:0 0 20px 0;}
#content .listingDetails dt{float:left;font-size:1.4em;font-weight:bold;line-height:1.4;clear:both;padding: 0 10px;width:125px;}
#content .listingDetails dd{font-size:1.4em;float:left;width:430px;}
#content .listingDetails dd p{font-size:1.0em;clear:both;}

/****** Content Link Styles ******/
#content p a{}
#content p a:active{}
#content p a:hover{}
#content p a:link{}
#content p a:visited{}

/****** footer ******/
#footer{background: url(images/menu_bar.png) repeat-x 0 0;padding: 0;}
#footer p{float:left;padding: 6px 0 0 10px;}
#footer ul{padding: 7px 10px 0 0}
#footer ul li{float:right;}
#footer ul li a{display:block;padding: 3px;margin: 0 5px;border: 1px solid #fff;text-align:center;}
#footer *{color:#fff;}

/****** 68classified default table styles ******/

/****** All the styles below here are for the tables produced by the listings ******/
table.main {border: 1px solid #000000;background-color: #FFFFFF;padding:0;margin:0;}


/* TH
 * This class handles the appearence of the
 * the first row in all tables. With the default
 * template this is the blue row.
 *
*/
th {
	font-weight: bold;
	color:white;
	background: #5487BF; 
	border-bottom: 1px solid #5A89C0;
	text-align:center;
	padding: 5px;
	margin: 20px 0 20px 0;
	font-size: 1.5em;
}
th img{border:0px;}
td{vertical-align:middle;padding: 4px;}
/* Table Border
 * This class handles the inside table layout
 *
*/
.tableborder {
	/* border: 1px solid #000; */
	width:100%;
	padding: 0px;
	margin:0px;
}
/* Sortable 
* Sort the show listings table
*
*/
table.sortable 
{
	border: 1px solid #000;
	padding: 0px;
	margin:0px;
	width:600px;
}
table.sortable tr{/*padding: 10px 4px;border: 1px solid red;*/}
table.sortable span.sortarrow 
{
    text-decoration: none;
	color: #FFF;
}
#content a.sortheader:link {
	text-decoration: underline;
	color: #FFF;width:100px;
}
#content a.sortheader:visited {
	text-decoration: underline;
	color: #FFF;width:100px;
}
#content a.sortheader:hover {
	text-decoration: none;
	color: #FFF;width:100px;
}
/* Featured Listings
 * td.featured handles the display of featured listings
 *
*/
td.featured{
	background-color:#F1F1F1;
}
/* Highlighted Listings
 * td.highlighted handles the display of highlighted listings
 *
*/
td.highlighted{
	/*background-color:#CAE6CE;*/
	background-color:#FFF7D2;
}
/* row1 & row2
 * This section handles alternating rows
 *
*/
.row1{
     background-color:#d0d0d0;
     background-color:#F1F1F1;
}
.row2{
     background-color:#FFF;
}
td.navigationBack{padding: 10px;font-weight:normal;margin:5px;}
td.paginationNum strong{font-weight:bold;}
td.paginationNum{padding: 0 2px 0 0;}

table.pagination{float:right;padding:10px;text-align:right;margin:5px;font-size:1em;}

/****** General Class Styles ******/
.clear{clear:both;}
.footerAlt{padding:0 0 30px 0;}/*do not change as makes the footer stick to the bottom of the window*/
.pList{list-style-type:none;}
.right{float:right}
.left{float:left;}


tr.bikeDetail *{background: #fff;vertical-align:top;}
tr.bikeDetail.featured *{background-color:#F1F1F1;}
tr.bikeDetail.highlighted *{background-color:#FFF7D2;}


.userTable{width:100%;}
.userTable th{color:white;}
tr.bikeDetail th{font-size:1.2em;font-weight:bold;width:100px;text-align:right;height:1.4em;margin-top:-10px;color:#000;border:0;margin:0;padding:4px 0;}
tr.bikeDetail td{font-weight:normal;font-size:1.2em;text-align:left;margin:0;padding: 4px 6px;}
tr.bikeDetail td.bikeDetailPhoto {width:210px;}
tr.bikeDetail td.bikeDetailPhoto img{margin:10px 0;}
tr.bikeDetail *.bikeDetailTitle{padding-top:10px;}
tr.bikeDetail strong{font-weight:normal;}
tr.bikeDetail td.listing{text-align:right;padding: 5px 20px 10px 0;font-weight:bold;}
tr.space{border:1px solid #000;}
td.listing a{padding:2px;border:1px solid #000;}
td.listing a:hover{background: #ff0000;text-decoration:none}
td.listing a:visited{border:1px solid #ff0000;}

/************************* More From The Mincer *************************/

td.formstrip{color:white;background: #003366;}
td.formleft{vertical-align:top;text-align:right;width:25%;color:white;background: #003366;}
td.formright{width:75%}
span.small, span.required{font-size:1em;color:white;}
#purchase {margin:10px;background:#FFFFCC;padding:10px;border:1px solid #FFCC33;}
#purchase strong{font-size:1em;font-weight:bolder;}
span.characters{font-size:8px;}

.icon{text-align:center;margin:20px 0 30px 0;}
.iconimage{text-align:center;margin-bottom:10px;}

ul.listOptions{list-style-type:none;margin:0 0 0 10px;padding:0px;}
li.favourites, li.printer, li.searchCat, li.searchSeller, li.emailFriend{line-height:20px;height:40px;width:19%;float:left;display:block;text-align:center;border:1px solid #ccc;background:red;}
li.favourites a, li.printer a, li.searchCat a, li.searchSeller a, li.emailFriend a{color:white;}

h2.item {color:white;padding:10px;}

/************************** Even Mor Mincers! ***************************/
#content strong{font-weight:bold;}
.adminOptions a{padding:5px;border:1px solid #000;text-decoration:none;}
.adminOptions a:hover{background:red;color:white;}
.subcats{width:50%;text-align:center;}

 a.button{padding:5px;border:1px solid #000;text-decoration:none;}
 a.button:hover{background:green;color:white;}

 .bannerAds {text-align: center}