/* rutlands.co.uk - new stylesheet file, December 2008. John Mounsey */ /* Import the other .css files */ @import url(/css/legacy.css); @import url(/css/globals.css); @import url(/css/shop.css); @import url(/css/pages.css); /* Page components */ #canvas { text-align: center; background: #FFFFFF; padding: 0px; margin: 0px; } #container { width: 1000px; text-align: left; margin: 0px auto 50px auto; padding: 10px 0px 0px 0px; font: normal 8pt verdana; } #page { background: transparent; clear: both; position: relative; top: 0px; left: 0px; width: 1000px; margin: 10px auto 5px auto; padding: 0px; border: 0px; font: normal 8pt verdana; } #page p { font: normal 8pt verdana; line-height: 15px; } #page ul { list-style-type: square; } #page div { float: left; } #left { width: 190px; background: transparent; vertical-align: top; margin: 0px 0px 0px 0px; } #title { position: relative; top: 0px; left: 0px; clear: both; width: 180px !important; height: 42px; vertical-align: middle; color: #FFFFFF; background: #808080; padding: 0px 0px 0px 0px; text-align: left; overflow: hidden; } #title h1 { color: #FFFFFF; padding: 8px 0px 0px 5px; margin: 0px; font: normal 8pt verdana; } #middle { width: 810px; background: transparent; margin: 10px 0px 0px 0px; font: normal 8pt verdana; } #middle p { font: normal 8pt verdana; } /* Billboards (2008/2009) */ #billboards { width: 810px; background: transparent; } #billboards.home { width: 1000px !important; background: transparent; } #promo1 { margin: 0px 0px 10px 0px; } #promo2 { margin: 0px 0px 10px 10px; } #promo3 { margin: 0px 0px 10px 10px; } .panelFull { color: #FFFFFF; background: #000000; margin: 0px 0px 10px 0px; } #panelFooter { clear: both; width: 810px; height: 100px; background: ; } #panelFooter.home { width: 1000px; background: transparent; text-align: center; } #controls { position: relative; top: -5px; left: 150px; width: 505px; height: 25px; color: #606060; background: transparent; font: normal 8pt verdana; margin: 0px 0px 0px 0px; text-align: center; } #controls.home { position: relative; top: 0px; left: 250px; width: 500px; height: 25px; color: #606060; background: transparent; font: normal 8pt verdana; margin: 0px 0px 0px 0px; text-align: center; } #controls.single { width: 810px; background: transparent; } #controls a { color: #505050 !important; text-decoration: none; width: 20px; padding: 0px 10px 0px 10px; } #controls a:visited { color: #505050 !important; text-decoration: none; width: 20px; padding: 0px 10px 0px 10px; } #controls a:hover { color: #000000 !important; text-decoration: underline !important; } #controls div#previous { width: 80px; position: absolute; top: 0px; left: 0px; height: 20px; line-height: 20px; background: transparent url(/gfx/icons/leftArrow.gif) left no-repeat; padding: 0px 10px 0px 5px; } #controls div#previous a { padding-left: 5px; cursor: pointer; text-decoration: none; } #controls div#links { position: absolute; top: 0px; left: 10px; width: 100%; line-height: 20px; margin: 0px auto 0px auto; height: 20px; } #controls div#next { width: 60px; position: absolute; top: 0px; right: 0px; background: transparent url(/gfx/icons/rightArrow.gif) right no-repeat; height: 20px; text-align: right; line-height: 20px; padding-right: 5px; } #controls div#next a { color: #505050; cursor: pointer; text-decoration: none; width: 30px; padding: 0px 5px 0px 10px; } #controls div#next a:visited { color: #505050; cursor: pointer; text-decoration: none; width: 30px; padding: 0px 5px 0px 10px; } /* Search Results / Product Listings */ #breadCrumbs { position: relative; top: 4px; left: 0px; padding: 5px 0px 5px 0px; margin: 0px; background: transparent; } #breadCrumbs a { color: #000000; text-decoration: none !important; } #breadCrumbs a:visited { color: #000000; text-decoration: none !important; } #breadCrumbs a:hover { text-decoration: underline !important; } #breadCrumbs a:active { text-decoration: underline !important; } #breadCrumbs div.currentPage { position: absolute; top: 5px; right: 5px; background: transparent; } #results { width: 810px; background: transparent; } #results div { float: left; } #matches { position: relative; top: -10px; left: 0px; width: 810px; height: 30px; background: transparent; } #matches.bottom { position: relative; top: -20px; left: 10px; height: 20px; } #matches .pages { position: absolute; top: 15px; right: 5px; background: transparent; } #matches .pages a { color: #000000; text-decoration: none; } #matches .pages a:visited { color: #000000; text-decoration: none; } #matches .pages a:hover { color: #000000; text-decoration: underline; } #matches div.currentPage { position: absolute; top: 15px; left: 0px; background: transparent; } #resultCategory { color: #505050 !important; font: bold 10pt verdana; position: relative; left: 0px; top: 15px; } .resinfo { width: 200px; background: #eeeeee; } .reswas { color: #000000; text-decoration: normal; } .resPriceNow { color: #000000; font-weight: bold; text-decoration: none; } /* Individual matching product css */ .result { position: relative; top: 0px; left: 0px; clear: both; width: 810px; height: 146px; color: #000000; padding: 10px 0px 10px 0px; border-collapse: collapse; border: 0px; border-top: 1px solid #d0d0d0; font: normal 8pt verdana; } .result a { color: #505050 !important; font-weight: bold; } .result a:visited { color: #505050 !important; } .result a:hover { color: #505050 !important; } .thumbnail { position: absolute; top: 10px; left: 10px; width: 125px; height: 125px; background: transparent; } .thumbnail img { width: 125px; height: 125px; } .result div.nameEtc { position: absolute; top: 10px; left: 155px; } .result div.description { position: absolute; top: 50px; left: 155px; width: 480px; text-align: justify; } .result div.information { position: absolute; bottom: 10px; left: 155px; } .result div.compare { position: absolute; bottom: 10px; left: 380px; } .result div.prices { position: absolute; bottom: 10px; right: 10px; text-align: right; } .result p a { color: #808080 !important; } .result p a:visited { color: #808080 !important; } .resultPageLink { text-decoration: none; } .resultPageLink:hover { text-decoration: underline; } .currentResultPage { color: #000000; font: bold 8pt "Trebuchet MS",verdana; text-decoration: underline; margin-left: 5px !important; } .resultthumb { width: 118px; height: 108px; border: 1px solid #C0C0C0; text-align: left; } #more { position: relative; top: 0px; left: 0px; width: 810px; height: 35px; background: transparent; border-top: 1px solid #d0d0d0; } #more .pages { position: absolute; top: 15px; right: 5px; background: transparent; } #more .pages a { color: #000000; text-decoration: none; } #more .pages a:visited { color: #000000; text-decoration: none; } #more .pages a:hover { color: #000000; text-decoration: underline; } /* Search again (none found) */ #again { } #again input { font: normal 8pt verdana; } #again input.terms { width: 200px; height: 22px; color: #000000; background: #FFFFFF; border: 1px solid #606060; padding: 4px 2px 0px 4px; } #again input.go { width: 30px; height: 22px; background: #ece9d8; border: 1px solid #606060; padding: 0px 0px 1px 0px; margin: 0px 0px 0px 5px; cursor: pointer; } .notCurrentPage { margin-left: 5px; } a.navLink { text-decoration: none !important; } a.navLink:visited { text-decoration: none !important; } a.navLink:hover { text-decoration: underline !important; } a.dotdotdot { text-decoration: none !important; } a.dotdotdot:visited { text-decoration: none !important; } a.dotdotdot:hover { text-decoration: underline !important; } #guideLinkTitle { position: relative; top: 0px; left: 0px; clear: both; width: 180px !important; min-height: 30px; vertical-align: middle; color: #FFFFFF; background: #808080; padding: 0px 0px 0px 0px; text-align: left; overflow: hidden; padding-bottom: 10px;} #guideLinkTitle h1 { color: #FFFFFF; padding: 8px 0px 0px 5px; margin: 0px; font: normal 8pt verdana; } /* End of rutlands.css - Get in there! */