/* Peblaco - http://www.peblaco.co.uk/ Removing this notice or redistributing this file in whole or in part is prohibited Visit http://www.peblaco.co.uk/ for Actinic templates and themes */ /* Main layout */ body {margin-bottom: 20px;} #pagewrapper {width: 1001px;margin-left: auto;margin-right: auto;} .skip {position: absolute;left: -9999px;width: 990px;} .clear {clear: both;height: 0;line-height: 0;font-size: 1px; margin: 0; padding: 0; border: 0;} #container, #main {width: 100%;padding: 0;} #leftcontainer {width: 100%;float: left;margin-right: -180px;} /* background-color: #000000; Main and Right if Left longest */ #leftcontainer .sub {width: 100%;float: right;margin-left: -180px;} /* background-color: #9932cc; Left and Right if Main longest */ #maincontainer {margin: 0 180px 0 180px;padding: 5px;background-color: #ffffff;} #left {width: 180px;float: left;color: #ffffff;} /* background-color: #9932cc; Left sidebar */ #right{width: 180px;float: right;} /* background-color: #9932cc; Right sidebar */ .separator {height: 1px;background-color: #000000;} /* Main navigation menu */ #mainnavigationtop {height: 30px;background-image: url('pat6-nav-bg.jpg');background-repeat: repeat-x;background-position: bottom;color: #000000;font-weight: bold;} #mainnavigationtop ul {list-style: none;margin: 0;padding: 0;} #mainnavigationtop ul li {float: left;} #mainnavigationtop a:link {color: #ffffff; text-decoration: none; padding: 7px 15px 7px 15px; height: 30px; line-height: 30px; border-right: #ffffff 1px solid; font-size: 13px;} #mainnavigationtop a:visited {color: #ffffff; text-decoration: none; padding: 7px 15px 7px 15px; height: 30px; line-height: 30px; border-right: #ffffff 1px solid; font-size: 13px;} #mainnavigationtop a:hover {color: #ffffff; text-decoration: none; padding: 7px 15px 7px 15px; height: 30px; line-height: 30px; background-color: #9932cc; border-right: #ffffff 1px solid; font-size: 13px;} #mainnavigationtop a:active {color: #ffffff; text-decoration: none; padding: 7px 15px 7px 15px; height: 30px; line-height: 30px; background-color: #9932cc; border-right: #ffffff 1px solid; font-size: 13px;} /* Logo */ #header {height: 100px;} #logo {float: left;} #logo img {margin: 10px 0 0 10px;border: 0;} /* Search bar */ #searchcart {width: 200px; float: right;} #quicksearchtop {color: #000000;font-weight: bold; padding-top: 2px;} #quicksearchtop #searchtitle {float: left;padding: 5px 2px 0 0;font-weight: bold;color: #000000;} #quicksearchtop #searchbox {float: left;padding: 2px;} .searchinput {width: 80px;height: 14px;border-width: 1px;border-color: #000000;background-color: #ffffff;border-style: solid;} .searchgo {background: url('pat6-search-button.gif');border: none;width: 42px;height: 18px;color: #ffffff;font-size: 11px;} /* Shopping cart */ #shoppingcarttop {text-align:center;padding: 2px 0 7px 0;margin:10px 10px 0 0;color: #000000;border:1px solid #000000;font-weight: bold;} #shoppingcarttop ul {list-style: none;margin: 0;padding: 2px 0 2px 0;} #shoppingcarttop ul li.first, #shoppingcarttop ul li.second {display: inline; padding: 5px;} #shoppingcarttop ul li a:link {color: #000000; text-decoration: none; background-color: #d0d0d0; padding: 3px 3px 3px 3px; border: 1px solid #000000;} #shoppingcarttop ul li a:visited {color: #000000; text-decoration: none; background-color: #d0d0d0; padding: 3px 3px 3px 3px; border: 1px solid #000000;} #shoppingcarttop ul li a:hover {color: #000000; text-decoration: none; background-color: #9932cc; padding: 3px 3px 3px 3px; border: 1px solid #000000;} #shoppingcarttop ul li a:active {color: #000000; text-decoration: none; background-color: #d0d0d0; padding: 3px 3px 3px 3px; border: 1px solid #000000;} #shoppingcarttitle {font-size: 13px;} /* Section menu */ #sectionlistside {color: #000000;font-weight: bold;margin: 10px 0 15px 0;} #sectionlistside .sectionlistheader {padding: 10px;color: #ffffff;font-size: 16px;background-color: #9932cc;border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin-bottom: 2px;} #sectionlistside ul {list-style: none;margin: 0;padding: 0;} #sectionlistside ul li {border-bottom: #ffffff 1px solid;} #sectionlistside ul li a:link {color: #000000; text-decoration: none; background-color: #d0d0d0; display: block; padding: 6px 3px 6px 10px; margin: 1px 0px 1px 0px;} #sectionlistside ul li a:visited {color: #000000; text-decoration: none; background-color: #d0d0d0; display: block; padding: 6px 3px 6px 10px; margin: 1px 0px 1px 0px;} #sectionlistside ul li a:hover {color: #000000; text-decoration: none; background-color: #9932cc; display: block; padding: 6px 3px 6px 10px; margin: 1px 0px 1px 0px;} #sectionlistside ul li a:active {color: #000000; text-decoration: none; background-color: #9932cc; display: block; padding: 6px 3px 6px 10px; margin: 1px 0px 1px 0px;} /* Brochure page menu */ #brochurenavbarside {color: #000000;font-weight: bold;margin: 10px 0 15px 0;} #brochurenavbarside .sectionlistheader {padding: 10px;color: #ffffff;font-size: 16px;background-color: #9932cc;border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin-bottom: 2px;} #brochurenavbarside ul {list-style: none;margin: 0;padding: 0;} #brochurenavbarside ul li {border-bottom: #ffffff 1px solid;} #brochurenavbarside ul li a:link {color: #000000; text-decoration: none; background-color: #d0d0d0; display: block; padding: 6px 3px 6px 10px; margin: 1px 0px 1px 0px;} #brochurenavbarside ul li a:visited {color: #000000; text-decoration: none; background-color: #d0d0d0; display: block; padding: 6px 3px 6px 10px; margin: 1px 0px 1px 0px;} #brochurenavbarside ul li a:hover {color: #000000; text-decoration: none; background-color: #9932cc; display: block; padding: 6px 3px 6px 10px; margin: 1px 0px 1px 0px;} #brochurenavbarside ul li a:active {color: #000000; text-decoration: none; background-color: #9932cc; display: block; padding: 6px 3px 6px 10px; margin: 1px 0px 1px 0px;} /* New Products & Best Sellers */ #bestsellerslist, #newproductslist {margin: 10px 0 15px 0;color: #000000;} /* Footer */ #footer {text-align: center;} #footerlinks {padding: 5px 3px 5px 5px;color: #000000;font-weight: bold;background-image: url('pat6-nav-bg.jpg');background-repeat: repeat-x;background-position: bottom;} #footernavigation {float: left;width: 450px;} #footerbackgroundimage {background-image: url('');background-position: top left;background-repeat: no-repeat;height: 40px;} #footernavigation ul {list-style: none;margin: 0;padding: 0;} #footernavigation li {border-left: 1px solid #000000;float: left;line-height: 1.2em;margin: .3em .5em .5em -.5em;padding: 0 .6em 0 .6em;white-space: nowrap;} #copyright {float: right;width: 350px;} #copyright ul {float: right;list-style: none;margin: 0;padding: 0} #copyright li {border-left: 1px solid #000000;float: left;line-height: 1.2em;margin: .3em .5em .5em -.5em;padding: 0 .6em 0 .6em;white-space: nowrap;} #footernavigation ul li.first, #copyright ul li.first {border-left: none;} #footernavigation a:link, #copyright a:link {color: #000000; font-weight: bold; text-decoration: none;} #footernavigation a:visited, #copyright a:visited {color: #000000; font-weight: bold; text-decoration: none;} #footernavigation a:hover, #copyright a:hover {color: #000000; font-weight: bold; text-decoration: underline;} #footernavigation a:active, #copyright a:active {color: #000000; font-weight: bold; text-decoration: none;}