body {font-family: Arial, Helvetica, sans-serif; font-size:84%; margin:0px; padding:0px; background:url(/images/chainring.jpg) top left no-repeat; background-color:#fff; color:#222}
td {font-size:100%}
ul,li {margin:0px; padding:0px}
h1,h2,h3,h4,h5,h6 {padding:0px; margin:0px}
h3 {font-size:110%}
h4 {font-size:100%}
table {margin-bottom:10px}
.clearBoth {clear:both; border-bottom:1px #999 dotted; visibility:hidden}
dt {font-weight:bold}

.alignleft {float:left; margin:2px 5px 2px 0}
.alignright {float:right; margin:2px 0 2px 5px}

.content ul {padding-left:20px}

.searchinfo {margin:6px 0 0 0; background-color:#ccc; font-size:80%}

a {color:#060}
a:hover {color:#090}
a img {border:2px #060 solid}
a:hover img {border:2px #090 solid}

.mainMenu {list-style-type:none}
.mainMenu li {display:inline;}
.mainMenu a {text-align:right; color:#000; border-bottom:1px #ccc solid; display:block; text-decoration:none; padding-right:4px}
.mainMenu a.last {border-width:0px}
.mainMenu a.first {border-top:1px #ccc solid}

.mainMenu a:hover {background-color:#ccc; color:#000}

.mainMenu a.active {background-color:#a5ff76;}


#wiggleAd img {border-width:0; padding:5px 0}
#bonthroneAd {}
#bonthroneAd img {border-width:0px; margin-top:10px}
#mtbRoutesLogo img {border-width:0px; margin-top:5px}
#header {text-align:center; padding-bottom:5px}
#header h1 {display:none}
#homeLogo {display:block; float:left}
h1.contentHeader {font-size:16px}

#col1 h2 {text-align:right; background-color:#fcf08c; margin:0px; padding:0px; color:#000; padding-right:4px; font-size:100%}
#col1 {width:150px; margin-right:10px; padding-top:2px; font-size:110%}
.pod150 #menuHeader {font-size:100%; background:url(/images/pod150.gif) top left no-repeat; text-align:center; line-height:20px; color:#fff; font-weight:bold; display:block; text-decoration:none}
.pod150 {background:url(/images/pod150.gif) bottom left no-repeat; padding-bottom:5px;}
.pod150 .podBody {border-width:0px 1px 0px 1px; border-color:#000; border-style:solid; text-align:center}
#menuAds {text-align:center; background:url(/images/pod150b.gif) top left no-repeat; padding-top:5px}
#menuAds img {border:1px #000 solid}
.menuAdUnit {margin:10px 0px}
.rhAdUnit {margin:10px 0px; text-align:center}
#col2 {width:820px; position:absolute; left:160px; top:0px; padding-top:2px;}
#homeTop {text-align:center;}
#homeGraphic {width:600px; height:200px; margin:0px auto; background:url(/images/home1.jpg) top left no-repeat; text-align:left}
#homeGraphic ul {padding-top:60px; width:285px; padding-left:15px; list-style-type:none; font-size:90%; }
#homeGraphic li {margin-bottom:5px; background:url(/images/ring.gif) top left no-repeat; padding-left:30px}
.sendPic {padding:0px; margin:0px; font-size:70%; text-align:center}
#col2b {width:260px; float:right; border:0px #000 dotted}
#col2a {border:0px #f00 solid; margin-top:14px; padding-right:270px}
#homeNews {border-color:#000; border-style:solid; border-width:0px; margin-bottom:20px}
#homeNews h2 {font-size:100%; text-align:center; font-weight:bold; color:#000; background-color:#fcf08c; padding:1px 5px; border:1px #060 solid; margin-top:4px}
#homeNews p {margin:0px; padding:2px 5px}



#newsBody {xbackground:url(/images/pod290bttm.gif) bottom left no-repeat; padding:0px 0px 5px 0px}

#homeSale h3 { background:url(/images/saletop260.gif) top left no-repeat; color:#000; padding:17px 2px 10px 2px; font-size:110%; text-indent:10px; color:#fff}
#saleBody {background:url(/images/pod260bttm.gif) bottom left no-repeat; padding:0px 1px 5px 1px}
.wiggleProduct {border:0px #000 solid; margin-left:4px; clear:left; position:relative;}
.wiggleImage {float:left; margin-bottom:4px}
.wiggleImage img {border:1px #060 solid;}
.wiggleImage img:hover {border:1px #090 solid}
h4.wiggleTitle {background-color:#fcf08c; padding:0px 2px 0px 5px; margin-right:4px; font-size:100%}
.wiggleTitle a {color:#000; font-weight:bold; font-size:85%; text-decoration:none}
.wiggleTitle a:hover {color:#000; text-decoration:underline}
.wiggleTitle a:visited {}
.wigglePrice {font-size:120%; color:#c00; font-weight:bold; padding-left:5px}
.wiggleText {margin-left:64px; font-size:110%}
.wiggleSaving {font-weight:normal; font-size:80%}
#homeBanner{text-align:center; margin-bottom:10px}
.featuredbook {border-top:0px #060 dotted;}
.featuredbook h3 {color:#fff; background-color:#060; margin-bottom:5px; padding:0px; text-indent:3px; font-size:110%; border:1px #000 solid}
.featuredbook h4 {margin:0px; padding:0px}
.featuredbook p {xfloat:right;margin:0px; padding:0px}
.featuredbook img {float:left; margin:0px 5px 5px 0px; border-width:0px}
.featuredbook img:hover {border-width:0px}
.contentHeader {background-color:#060; color:#fff; text-indent:3px; border:1px #000 solid; margin-bottom:10px}
.contentHeader a {color:#fff; text-decoration:none}
.contentHeader a:hover {color:#fcf08c}
.centerHolder {text-align:center; margin:5px 0px 10px 0px}
.content {} /* reduce size of general content, applied to #col2  */
.linkList ul {list-style:none}
.linkList li {margin-bottom:3px}
.linkList p {margin:0px 0px 5px 0px}
.linkList {margin-bottom:20px}
.listLink {font-weight:bold}
.bookList td {vertical-align:top}
.bookList .bookPic {padding:0px 10px 10px 0px}
.mapList p {margin:0px 0px 5px 0px}
.mapTitle {font-weight:bold}
.contentLogo {float:right; margin-bottom:2px; border-width:0px}
.contentLogo:hover {border-width:0px}
.footerLogo {border-width:0px}
.footerLogo:hover {border-width:0px}
.contentTabs li {float:left; background:url(/images/tab100.gif) top left no-repeat; list-style:none; width:100px; margin-right:1px; position:relative; top:2px; border-bottom:1px #000 solid; text-align:center}
.contentTabs li:hover {background:url(/images/tab100.gif) -100px 0px no-repeat}
.contentTabs h6 {font-size:100%; line-height:14px; padding:1px 3px;}
ul.contentTabs {padding:0px}
.contentTabs .selected {border-color:#060; background:url(/images/tab100.gif) -100px 0px no-repeat;}
.contentTabs a {color:#fcf08c; text-decoration:none; display:block}
.contentTabs a:hover {color:#fff;}
.contentTabs .selected a {color:#fff}
.content h4 {margin-bottom:5px}
.credit {font-style:italic}
.featurepic {margin: 0px 5px}
.linkList ul {padding:0px}
#oldNewsLink {text-align:right; margin-bottom:2px}
.rhAdHolder {float:right; margin:10px 0px 10px 10px}


div.rss {float:left; width:240px; margin:10px}
.rss h2 {color:#000}
.rss ul {list-style:none; margin:5px 0 10px 0; padding:0}
.rss li {margin-bottom:2px}
.rss a {text-decoration:none; font-weight:bold}
.rss a:hover {text-decoration:underline}
.rss h2 {font-size:medium}
.rss p {margin-top:0}
.rss phpwsdate {display:none}


#prodlist .sortName {text-align:left}
#prodlist .sortPrice {text-align:right}
#prodlist .catTitle {text-align:left}
#prodlist .supplierTitle {text-align:left}

#prodlist th a {}
#prodlist th a:hover {color:#a68a38}

#prodlist {margin-bottom:20px; width:550px;}
#prodlist td {padding:2px}
.tablerow1 {background-color:#e2e2e2}
.tablerow2 {background-color:#fff}

.productlist a, .searchlist a {text-decoration:none; color:#000; display:inline}
.productlist a:visited, .searchlist a:visited {text-decoration:none; color:#000; display:inline}
.productlist a:hover, .searchlist a:hover {color:#060}
a.itt {
       position:relative;
       z-index:1;
}


span.hoverImg img {
       border-width:0px;
}



a.itt:hover span.hoverImg {
 position:absolute;
 top:-5px;
 left:-150px;
 display:block;
 color:#000;
 background-color:#fff;
 border:1px #000 solid;
 padding:5px;
}


a.itt:hover {
 /* this needed for ie6 */
 background:none;
 z-index:2;
}

a.itt span.hoverImg {
 display:none;
}

div.listCategories {border:2px #000 solid; float:right; width:190px;}
div.listCategories p.prodsfound {padding:3px; font-weight:bold; text-align:center}
div.listCategories ul {list-style:none; margin:0; padding:0;}
div.listCategories ul a img {border-width:0}
div.listCategories div.subcats {border-top:1px #000 solid; background-color:#e2e2e2; padding:4px; } 
div.listCategories .subsearch {width:100%; text-align:center; margin:5px 0}
div.listCategories .subsearch label {display:block; margin-bottom:2px}
div.listCategories .subsearch input#subsearchbox {width:100px; margin:0 auto}

.searchBox fieldset.sortradios {border-width:0; padding:2px}


.searchBox {color:#fff; width:400px; float:right; text-align:right; padding:12px 5px 0 0;}
.searchBox input {padding:0}
.searchBoxMid {border:1px #000 solid; width:400px; text-align:center; padding:5px; background-color:#e2e2e2; margin:10px auto 15px auto}
.searchBoxMid p.reveal {display:none; text-align:left; padding-top:5px; margin:0px}
.searchBoxMid fieldset{border-width:0; padding:2px}
.searchBoxMid #minprice {margin-right:10px}
.searchBoxMid .pricerange {font-size:90%; margin-top:5px}
.searchBoxMid .pricerange input {font-size:90%}
.searchBoxMid .sortradios input {margin-right:5px}
.searchBoxMid .sortradios label {margin-left:10px}

fieldset.sortradiosfilter {border-width:0; padding:0}
fieldset.sortradiosfilter input {float:left; margin-left:2px; margin-right:5px; padding:1px}
fieldset.sortradiosfilter label {margin-left:3px; float:left}

#subrange input, #subrange label {display:inline}
#subrange {border-width:0; font-size:90%}
#subrange #subminprice {margin-right:5px}
#subrange input {font-size:90%}

.centeredOffers {padding-top:20px; width:500px; margin:0px auto; clear:both}

#homeDeepLinks .homeOffers ul {margin:10px auto; border:0px #000 solid; width:400px}
#homeDeepLinks {padding:10px 0}
.contentOffers {width:600px; margin:0 auto}
.contentOffersHolder {padding:10px 0}

.horizofferspics img {margin-bottom:0px; border:1px #999 solid; width:68px; height:54px}
.horizofferspics img:hover {border:1px #060 solid}
.horizofferspics ul {list-style:none; margin:0px 1px; padding:0px}
.horizofferspics li {float:left; text-align:center; padding:0px 4px; width:90px}
.horizofferspics p {line-height:10px; font-size:11px; margin-bottom:0px}

.productimage {float:right; border:0px #999 solid; margin:10px; padding:5px; margin-top:5px; text-align:center}
.productimage img {border:0px}
.productimage a img {border:0px}
a.tellMore img {border:0px; margin-top:10px}
.offerlink {display:block; clear:left}
.horizofferdesc {width:70px; margin:0px auto}
.horizofferdesc a {text-decoration:none; color:#000}
.horizofferdesc a:hover {color:#060}

div.productdetail li {margin-left:15px; padding:0px}
#productdetail {}
#productdetail a {color:#000}
#productdetail a:hover {color:#060}
#productdetail h1 {font-size:18px}

#breadcrumb {padding-left:4px; font-size:11px; margin-bottom:10px}

.basket {float:left; border:0px; margin-right:4px}
.lp {text-align:right}
fieldset.sortradios input {margin-right:20px}
.reducedPrice {color:#c00}
.savePounds {color:#c00; font-weight:bold}


#wp_Pages ul {list-style:none; padding:0}
#wp_Pages h2 {display:none}
.clearboth {clear:both}
.clearleft {clear:left}
.wpDate {font-style:italic; font-size:80%}

.rholder {float:right; clear:right; margin:10px 35px 0 0}
.rholder img {border-width:0}
.rholder a {border-width:0}
.rholder a:hover img {border-width:0}

#prodlist.searchlistpics td {border:1px #ccc solid; padding:5px; text-align:center}
.searchlistpics img {border-width:0}
.searchlistpics a:hover img {border-width:0}
.searchlistpics .price {font-weight:bold}
.searchlistpics .newprice {color:#c00}
.searchlistpics .oldprice {color:#999; text-decoration:line-through}
.searchlistpics a {color:#000; text-decoration:none}
.searchlistpics a:hover {color:#090; text-decoration:underline}
.searchlistpics a:visited {color:#555}
.searchlistpics p {margin:2px 0}

.assistive-text {display:none}