/* Paul Ashworth http://www.2thesummit.co.nz Dark Grey: #1e1c1d Inner lighter grey: #333233 Buffalo: #000000 Craghopper: #aab07d Regatta: #e6ecf7 Lowa: #a28d46 /* /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 62.5%; font-family: arial, Lucida, 'Lucida Grande', 'Lucida Sans', helvetica, sans-serif; color: #272727; } ul { list-style: square inside; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; } a img { border: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* 8 UTILITY */ .clear { clear: both; } .button { border: 1px solid #272727; background: white; padding: 3px 8px; } .button:hover { background: #990000; color: white; } /* 2 THE SUMMIT */ body { background-color: #1e1c1d; } .wrapper { background-color: #333233; width: 860px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -15px; } .insideWrapper { height: 100%; } .logo { padding: 30px 0px 0px 60px; } a { color: #000; } a:hover { color: #82b3e5; } .clounge { margin-top: 10px; margin-right: 60px; float: right;} /* NAVIGATION */ /************* Navigation CSS ************************/ /* ----[ LINKS ]----*/ /* all menu links */ #navigation { height: 20px; margin: 10px 0px 20px 60px; } ul#sf-menu li { display:block; float:left; list-style-type: none; margin-right: 7px; } ul.sf-menu a { color: #ffffff; font-family: arial; line-height: 1.1em; font-size: 1.5em; } span.spacer { margin-left: 10px; margin-bottom: 5px;} .sf-menu a:hover { color: #82b3e5; } #navigation ul ul { display: none; margin-top:5px; background-color: #333233;} #navigation li a { padding-left: 0px; padding-right: 20px;} #navigation ul li ul { padding-left: 10px;} /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } /*** DEMO SKIN ***/ .sf-menu a { padding: 10px; text-decoration:none; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* FOOTER */ #footerNav { margin-left: 50px; margin-top: 5px; padding-bottom: 50px; } .footerTitle a { color: #ffffff; font-family: arial; font-size: 1em; } .footerTitle a:hover{ color: #82b3e5; } .footerTitle li { display:block; float:left; list-style-type: none; margin-left: 10px; margin-right: 16px; } #footerContact { float: right; color: white; margin-right: 60px;} #footerContact a { color: white; } #footerContact a:hover { color: #82b3e5; } /* width='740px' height='483px' INDEX PAGE background-image:url(../images/indexMountain.jpg); width: 759px; height: 495px; */ #mountain { background-image: url('../images/indexMountain.jpg'); margin-left: 60px; width: 740px; height:483px;} #productImages { width: 759px; position: absolute; top: 420px; } #indexBuffalo { width: 185px; height: 150px; background-color: #000; margin-left: 90px; float: left;} #indexBuffalo img { padding-left: 17px; padding-top: 5px; } #indexCraghoppers { float: left; width: 185px; height: 150px; background-color: #afb284; margin-left: 12px; } #indexCraghoppers img { margin: 20px 0px 0px 16px; } #indexAltberg { float: right; width: 185px; height: 150px; background-color: #a0945d; margin-right: 90px; } #indexAltberg img { padding-right:10px; margin: 3px 10px 0px 17px; } /* /* PRODUCTS PAGES BELOW..*/ .productPageBar { float:right; margin-top: 0px; } .productImg { float: right; margin: 10px 22px 0px 5px; } .productContent { width: 678px; margin-left: 22px; margin-top: 30px; padding: 10px; background-color: white; } .productContent p { font-family: arial; font-size: 1.4em; color: #000000; letter-spacing: .08em; text-align: justify; line-height: 1.8em; margin-right: 15px; margin-bottom: 10px; } .productContent h2 { padding: 10px 0px 15px 0px; color:#1e1c1d; font-size:2.5em;} .productContent h3 { font-size: 16px;} .backToTop a { font-size: .8em; font-family: verdana; color: #82b3e5; margin: 0px; } .backToTop a:hover { color: white; } .productLink { background-color: red; color: #fff; width: 160px; padding: 5px; border: 2px solid black; } .productLink a { color: white; } .productButton { margin: 25px 0px 10px 210px; } .productButton2 { margin: 25px 0px 10px 160px; } /* BUFFALO PAGE */ #buffalo { background-color: #000; width: 740px; margin-left: 60px; padding: 10px 0px 30px 0px; } .buffaloNav { color: #fff; float:right; margin-right: 28px; margin-top: 5px; margin-bottom: 10px; font-size: 1.2em;} .buffaloNav a { color: #ccc; } .buffaloNav a:hover { color: #82b3e5; } .infoBox { border: 3px solid #1e1c1d; width: 550px; padding: 5px; margin: 30px 0px 10px 65px; } .infoBox p { font-family: 'Myriad pro'; margin:0px; } .sizes { border: 1px solid red; margin-left: 0px; } /* CRAGHOPPER PAGE */ #craghopper { background-color: #aab07d; width: 740px; margin-left: 60px; padding: 20px 0px 30px 0px; } /* OTHER LINKS PAGE */ #otherLinks { background-color: #93abc9; width: 740px; margin-left: 60px; padding: 10px 0px 30px 0px; } .productContainer { border: 2px solid black; padding: 10px 10px 15px 10px; margin-bottom: 20px;} .productImage { float: left; margin-right: 20px; } .productDesc { padding-left: 10px; } /* AlT-BERG PAGE */ #altberg { background-color: #a0945d; width: 740px; margin-left: 60px; padding: 10px 0px 30px 0px; } .altbergNav { float:right; margin-right: 28px; margin-top: 5px; margin-bottom: 10px; } .altbergNav a { color: #000; font-size: 1.2em; } .altbergNav a:hover { color: #fff; } .infoBox { border: 3px solid #1e1c1d; width: 550px; padding: 5px; margin: 30px 0px 10px 65px; } #altbergImages { float:right; padding: 5px 16px 5px 5px; } .infoBox p { font-family: arial; margin:0px; } .sizes { border: 1px solid red; margin-left: 0px; } .policeList li { margin-left: 20px; font-size: 14px; padding: 2px;} .policeList { margin-bottom: 10px; } #walkingPics { margin-left: 90px; } #col1 img { padding: 2px; } /* CONTACT PAGE */ #contactus { background-color: #fff; width: 740px; height: 495px; margin-left: 60px; } #contactImage { float: left; padding: 0px 0px 7px 5px; margin-top: 8px; } #contactDetails h2 { margin-top: 60px; font-family: arial; font-size: 3em; margin-bottom: 10px; *margin-top: 40px;} #contactDetails { float: left; margin-left: 80px;} #contactDetails p { font-size: 1.3em; } .skype { padding-left: 0px !important;} /* ABOUT PAGE */ #aboutus { background-color: #fff; width: 740px; margin-left: 60px; } #aboutContent { width: 500px; float:right; padding: 20px; } #aboutContent p { font-family: arial; font-size: 1.4em; color: #000000; letter-spacing: .08em; text-align: justify; line-height: 1.8em; margin-right: 15px; margin-bottom: 10px;} #aboutus Img { margin-top: 90px; margin-left: 45px; float:left; } #aboutus h2 { padding: 10px 0px 15px 0px; color:#1e1c1d; font-size:2.5em; } /* SITEMAP PAGE */ #sitemap { background-color: #fff; width: 740px; height: 495px; margin-left: 60px; } #sitemapDetails { float: right; margin-right: 170px;} #sitemapDetails h2 { font-family: arial; font-size: 3em; margin-top: 120px; margin-bottom: 10px;} #sitemap img { float: left; padding: 8px 0px 7px 5px; } #sitemap p { font-size: 1.3em; } #sitemap li { margin-left: 20px; } /* BUFFALO PRODUCT GALLERY */ #col1 { margin-left: 55px; } #col1 h2 { margin-left: 60px; } #lightweightProduct { margin-left: 70px; } #lightweightProduct h2 {margin-left: 20px; } /* SLIMBOX CSS REQUIRED FOR IMAGE GALLERIES */ #lbOverlay {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;} #lbCenter, #lbBottomContainer {position:absolute;z-index:9999;overflow:hidden;background-color:#fff;} .lbLoading {background:url(../images/loading.gif) no-repeat center; background-color:#fff;} #lbImage {position:absolute;left:0;top:0;border:10px solid #fff;background-repeat: no-repeat;} #lbPrevLink, #lbNextLink {display:block; position:absolute;top:0;width:50%; outline-style:none;} #lbPrevLink {left:0;} #lbPrevLink:hover {background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;} #lbNextLink {right: 0;} #lbNextLink:hover {background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;} #lbBottom {font-family: 'Lucida Grande', Lucida, Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff; border-top-style: none;} #lbCloseLink {display:block;float:right;width:66px;height:22px;background:transparent url(../images/closelabel.gif) no-repeat center;margin:5px 0; outline-style:none;} #lbCaption, #lbNumber {margin-right:71px;} #lbCaption {font-weight:bold;} /* end of Slimbox CSS - compacted by Steven Johnstone */