/*=============================================================================================================== Project: PISCARI Version: 1.1 Last Changed: 05/06/2010 Author: Daniel Rus ===============================================================================================================*/ /*=============================================================================================================== [Table of Contents] 1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc] 2. LAYOUT [elements used to define the layout of the site] 2.1 HEADER 2.2 CONTENT 2.2.1 SIDEBAR 2.3 FOOTER 3. NAVIGATORS [navigation for the site] 3.1 MAIN NAVIGATOR 3.2 TOP NAVIGATOR 3.3 BOTTOM NAVIGATOR 4. FORMS 4.1 FORMS ERRORS 5. CONTENT ELEMENTS 5.1 HOMEPAGE 5.2 BRANDS 5.3 CATEGORIES 5.4 PRODUCT 5.5 SHOPPING CART 5.6 CONTACT 5.7 SITEMAP 5.8 BLOG 5.9 TRANSACTIONS 5.10 PHOTO OF THE MONTH - CONTEST PAGE 5.11 STORE ===============================================================================================================*/ /* 1. GENERAL ===============================================================================================================*/ body { margin: 0; background: url(../../general/bgMain.gif); font: normal 0.8em/1.5em Arial; } h1 { margin: 0; padding: 0 10px; height: 33px; font: normal 1.4em/33px Arial; background: url(../../general/titleCategories.gif); color: #4d2b06; border-bottom: 1px solid #d0a954; } h2 { margin: 0; padding: 0 10px; height: 30px; font: bold 1.2em/30px Arial; color: #ffffff; background: url(../../general/titleSecundary.gif); border-top: 1px solid #9f5f3b; border-bottom: 1px solid #9f5f3b; } h3 { margin: 20px 0 10px 0; font: bold 15px Arial; color: #000000; } h4 {} p { margin: 1em 0; } img { border: none; } a { text-decoration: none; color: #356015; } a:hover { color: #991a1a; } ol { margin: 10px; padding: 0 0 0 10px; } .features { margin: 10px 10px 10px 0; padding: 0; list-style: none; } .features li { padding: 2px 0 2px 10px; background: url(../../general/arrowBlog.gif) no-repeat 0 8px; } .clearAll { clear: both; height: 1px; font-size: 1px; overflow: hidden; } .clearFloat:after, #content:after, .section:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; } .clearFloat, #content, .section { display: inline-block; } /* Hides from IE Mac \*/ * html .clearFloat, * html #content, * html .section { height: 1%;} .clearFloat, #content, .section { display: block; } /* End Hack */ /* 2. LAYOUT ===============================================================================================================*/ /*#container { background: url(../../general/bgContainer.jpg) no-repeat top center; min-height: 385px; height: auto !important; height: 385px; }*/ #container { background: url(../../general/bgContainer-Winter.jpg) no-repeat top center; min-height: 385px; height: auto !important; height: 385px; } #containerPopup { background: #ffffff; padding: 10px; } #containerPopup h1 { height: auto; padding: 5px 10px; margin: 0 0 1em 0; background: #f8f5e8; border: 0; border-bottom: 1px solid #e9e0b7; font: normal 1.5em Arial; color: #753a0e; } #containerPopup a { font-weight: bold; } /* 2.1 HEADER ------------------------------*/ #header { width: 980px; height: 173px; margin: 0 auto; } .logo { float: left; width: 339px; height: 129px; text-indent: -9999px; overflow: hidden; } .loginTop { float: right; width: 641px; padding: 24px 0 0 0; height: 29px; } .shopLogin { width: 641px; padding-left: 35px; height: 29px; } .shopLogin p { padding-left: 100px; } .section fieldset { width: 710px; margin-left: 20px; } /*.loginTop form, .shopLogin form { height: 27px; padding: 0 0 0 30px; background: #a0603b url(../../general/bgLoginTop.gif) no-repeat; border: 1px solid #5d3c23; }*/ .loginTop form, .shopLogin form { height: 27px; padding: 0 0 0 30px; } /*.loginTop label, .shopLogin label { float: left; width: auto; height: 27px; line-height: 27px; padding: 0 10px; margin: 0; font-size: 0.85em; color: #ffffff; }*/ .loginTop label, .shopLogin label { float: left; width: auto; height: 27px; line-height: 27px; padding: 0 10px; margin: 0; font-size: 0.85em; color: #2a1b12; } /*.loginTop .formField, .shopLogin .formField { float: left; width: 90px; height: 19px; border: 0; padding: 0 5px; margin: 4px 0 0 0; }*/ .loginTop .formField, .shopLogin .formField { float: left; width: 88px; height: 19px; border: 1px solid #6595b0; padding: 0 5px; margin: 4px 0 0 0; } .loginTop .formButton, .shopLogin .formButton { float: left; } /*.loginTop .formNotes, .shopLogin .formNotes { float: right; margin: 0; padding: 0 0 0 10px; font-size: 0.85em; height: 27px; line-height: 27px; background-color: #ebe1c1; }*/ .loginTop .formNotes, .shopLogin .formNotes { float: right; margin: 0; padding: 0 0 0 10px; font-size: 0.85em; height: 27px; line-height: 27px; } .loginTop .formNotes a, .shopLogin .formNotes a { padding: 0 12px 0 10px; background: url(../../general/arrow.gif) no-repeat left center; } .loginTop .formNotes a:hover, .shopLogin .formNotes a:hover { text-decoration: underline; } /*.user { height: 27px; padding: 0 0 0 40px; background: #a0603b url(../../general/bgLoginTop.gif) no-repeat; border: 1px solid #5d3c23; color: #ffffff; line-height: 27px; } .user p { float: left; margin: 0; font: bold 1.2em/27px Arial; } .user ul { float: right; margin: 0; padding: 0; list-style: none; } .user li { float: left; margin-left: 1px; } .user a { float: left; height: 27px; width: 120px; text-align: center; background-color: #ebe1c1; } .user a:hover { background-color: #e3d09e; }*/ .user { height: 27px; padding: 0 0 0 40px; color: #000000; line-height: 27px; } .user p { float: left; margin: 0; font: bold 1.2em/27px Arial; } .user ul { float: right; margin: 0; padding: 0; list-style: none; } .user li { float: left; margin: 3px 15px 0 1px; } .user a { float: left; height: 27px; text-align: center; } .memberMenu { height: 27px; background: #a0603b no-repeat; border: 1px solid #5d3c23; color: #ffffff; line-height: 27px; } .memberMenu ul { float: left; margin: 0; padding: 0; list-style: none; } .memberMenu li { float: left; margin-left: 1px; } .memberMenu a { float: left; height: 27px; width: 120px; text-align: center; background-color: #ebe1c1; font-weight: bold; } .memberMenu a:hover { background-color: #e3d09e; } .memberMenu span { float: left; height: 27px; width: 120px; background-color: #e3d09e; text-align: center; font-weight: bold; color: #991a1a; } .search { float: left; padding: 10px 0 10px 20px; height: 24px; } .search form { float: left; height: 22px; padding: 1px 6px 1px 30px; background: #a0603b url(../../general/bgSearch.gif) no-repeat; } .search .formField { float: left; width: 120px; height: 20px; border: 0; margin: 0; padding: 1px 5px; } .search .formButton { float: left; margin: 0 0 0 6px; } .shoppingCartStatus { float: right; padding: 10px 40px 10px 0; margin: 0 12px 0 0; height: 24px; font-weight: bold; font-size: 0.85em; line-height: 24px; background: url(../../general/iconCart.gif) no-repeat right center; color: #345f14; display: inline; } .shoppingCartStatus span { color: #6c3000; } .shoppingCartStatus a { color: #6c3000; font-weight: normal; text-transform: uppercase; text-decoration: underline; } .operationsSe{background: url(../../general/operationsVisualSe.gif) no-repeat; width:200px; height:84px; float:left; margin-top:5px;} .customerSurvey { float: left; padding-top: 3px; } /* 2.2 CONTENT -----------------------------*/ #content { width: 980px; margin: 0 auto; padding: 4px 0; } .main { float: right; width: 773px; padding-right: 2px; } .section { background-color: #eee0c1; border: 1px solid #6c3000; } .mainContent { padding: 0 20px 10px 20px; min-height: 455px; height: auto !important; height: 455px; background-color: #eee0c1; border: 1px solid #6c3000; } .mainContent h1, .mainContent h2 { margin-left: -20px; margin-right: -20px; } .christmasBanner { border: 1px solid #6c3000; margin: 0 0 5px 0; height: 78px; padding: 27px 0 0 706px; background: url(../../general/christmasBanner.jpg) no-repeat; font: bold 40px/40px Arial; color: #d00000; } /* 2.2.1 SIDEBAR -----------------------*/ .sidebar { float: left; width: 200px; } .categories { background-color: #6c3000; padding: 1px 1px 1px 6px; width: 193px;} .categories h2 { height: 33px; background: url(../../general/titleCategories.gif) repeat-x; border: 1px solid #ddc182; margin: 1px 0 0 0; position: relative; } .categories h2:first-child { margin: 0; } .categories h2 a { color: #4e2a10; } .categories h2 a:hover { color: #356015; } .category-open { position: absolute; top: 8px; right: 8px; width: 19px; height: 17px; background: url(../../general/open-close.gif) no-repeat 0 0; } .category-close { position: absolute; top: 8px; right: 8px; width: 19px; height: 17px; background: url(../../general/open-close.gif) no-repeat 0 -17px; } .category { background-color: #ddc182; padding: 1px 0; display: none; } .category ul { margin: 0; padding: 4px 10px 10px 10px; list-style: none; border-top: 1px solid #b39d6a; border-bottom: 1px solid #b39d6a; } .category ul li { margin: 0; display: block; padding: 3px 5px 3px 12px; background: url(../../general/arrowCategories.gif) no-repeat 0 8px; border-bottom: 1px dotted #424f2f; font-size: 0.9em; } .subcategorySelected { color: #4e2a10; font-weight: bold;} .review, .latestCatch, .filter { background-color: #ddc182; border: 1px solid #6c3000; margin-top: 4px; padding: 1px; } .logos {background-color: #ddc182; border: 1px solid #6c3000; margin-top: 4px; padding: 10px; } .logos img {padding:3px 0px;} .rssFeed { background-color: #ddc182; border: 1px solid #6c3000; margin-top: 4px; padding: 10px; font-size: 0.9em; } .rssFeed ul { margin: 0; padding: 0; list-style: none; } .rssFeed h2 { background: none; height: auto; font: bold 1.4em/1.3em Arial; margin: 0; padding: 0; border: 0; } .rssFeed a { display: block; font-weight: bold; color: #991a1a; } .rssFeed a:hover { color: #356015; } .rssThumbnail {border: 2px solid #d2a748; margin: 5px 0px 0px -5px;} .review h2, .latestCatch h2 { position: relative; } .prev { position: absolute; top: 7px; right: 29px; } .next { position: absolute; top: 7px; right: 9px; } .review-product, .latestCatch-photo { margin-top: 1px; padding: 10px; border-top: 1px solid #6c3000; text-align: center; } .review-product a, .latestCatch-photo a { color: #6c3000; font-size: 1.2em; font-weight: bold; } .review-product img, .latestCatch-photo img { border: 1px solid #6c3000; } .review-descr { text-align: left; font-size: 0.85em; margin: 0.5em 0; } .review-rating { text-align: right; font-size: 0.85em; margin: 0; background: url(../../general/rating.gif) no-repeat left center; color: #6c3000; } .filter-section { margin-top: 1px; padding: 0 10px 10px 10px; border-top: 1px solid #6c3000; background: url(../../general/bgFilter.gif) repeat-x; } .filter h3 { margin: 0; padding: 4px 0; font: bold 1.2em Arial; color: #6c3000; } .filter ul { margin: 0; padding: 0 0 0 8px; list-style: none; } .filter ul li { margin: 0; display: block; padding: 3px 5px 3px 12px; background: url(../../general/arrowCategories.gif) no-repeat 0 8px; border-bottom: 1px dotted #424f2f; font-size: 0.85em; } .filter ul li a { color: #1d1d1d; } .filter ul li a:hover { color: #356015; } .certificationContainer{ background:#eee0c1; border:1px solid #6c3000; padding:10px; text-align:center; margin-top:5px; } .catalogue { background-color: #ddc182; border: 1px solid #6c3000; margin-top: 4px; } .contestWinner { background-color: #ddc182; border: 1px solid #6c3000; margin-top: 4px; padding: 10px; font-size: 0.9em; } .contestWinner h2 { background: none; height: auto; font: bold 1.4em/1.3em Arial; color: #991A1A; margin: 0; padding: 0; border: 0; } .contestWinner img { border: 2px solid #d2a748; margin: 5px 0px 0px 0px; } /* 2.3 FOOTER ------------------------------*/ #footer { background: #5e2e07 url(../../general/bgFooter.gif) no-repeat top right; width: 938px; padding: 10px 20px; margin: 0 auto 20px auto; color: #ffffff; font-size: 0.85em; } .copyright { float: left; width: 230px; padding: 70px 16px 0 0; background: url(../../general/logo.gif) no-repeat; } .contactInfo { float: left; padding: 0 16px; background: url(../../general/dividerNavFooter.gif) no-repeat 0 30px; } #footer a { color: #bc5c0e; font-weight: bold; } #footer a:hover { color: #ddc182; text-decoration: underline; } #footer h2 { margin: 0; padding: 7px 0; height: auto; font: normal 1.7em/1em Arial; color: #ddc182; background: none; border: 0; } .newsletter { float: left; width: 180px; padding: 0 20px; background: url(../../general/dividerNavFooter.gif) no-repeat 0 36px; } .newsletter p { margin: 0; } .newsletter .formField { width: 174px; border: 1px solid #a0603b; margin: 0 0 3px 0; } .socialNetwork { float: left; width: 240px; padding: 0 10px 0px 15px; background: url(../../general/dividerNavFooter.gif) no-repeat 0 36px; } .socialNetwork ul { margin: 0; padding: 0; list-style: none; height: 75px; } .socialNetwork li { float: left; width: 70px; padding: 0 5px 0 0; } .socialNetwork a { float: left; width: 70px; height: 75px; text-indent: -9999px; overflow: hidden; } .facebook { background: url(../../general/spriteSocialNav.gif) no-repeat 0 0; } .facebook:hover { background: url(../../general/spriteSocialNav.gif) no-repeat 0 -74px; } .twitter { background: url(../../general/spriteSocialNav.gif) no-repeat -76px 0; } .twitter:hover { background: url(../../general/spriteSocialNav.gif) no-repeat -76px -74px; } .youtube { background: url(../../general/spriteSocialNav.gif) no-repeat -152px 0; } .youtube:hover { background: url(../../general/spriteSocialNav.gif) no-repeat -152px -74px; } .footer-logos { clear: both; margin: 0 0 -10px -20px; padding: 10px 0 0 0; } /* 3. NAVIGATORS ===============================================================================================================*/ /* 3.1 MAIN NAVIGATOR ----------------------*/ #newProductLink, #onSaleLink { float: left; height: 44px; padding: 0 12px; line-height: 44px; font-weight: bold; cursor: pointer; color: #356015; } #newProductLink:hover, #onSaleLink:hover { float: left; height: 44px; padding: 0 12px; line-height: 44px; font-weight: bold; cursor: pointer; color: #991a1a; } .navMain { height: 44px; position:relative;} .navMain ul { margin: 0; padding: 0 0 0 10px; list-style: none; } .navMain ul li { float: left; height: 24px; padding: 10px 4px; background: url(../../general/dividerNavMain.gif) no-repeat right center; } .navMain ul li:last-child { background: none; } .navMain ul li a { float: left; height: 24px; padding: 0 6px; line-height: 24px; font-weight: bold; } .navMain ul li span { float: left; height: 24px; padding: 0 8px; line-height: 24px; font-weight: bold; color: #991a1a; } .navMain ul li.onsale a, .navMain ul li.onsale span { background-color: #2e6802; color: #ffffff; } .shoppingCartItemDetails { position: absolute; top: 42px; right: 2px; background: url(../../general/bgShoppingBag.gif); border:1px solid #6c3000; padding:7px; width:235px;} .shoppingCartItemMessage { font-size:11px; background: url(../../general/shoppingBagArrow.gif) no-repeat right center; margin:5px 0px; width:215px;} .shoppingCartItemDetailsImage { width:98px; height:98px; border:3px solid #c7aa6c; float:left; } .shoppingCartItemDetailsInfo { float:left; padding-left:5px; width:115px;} .shoppingCartItemDetailsName {font-weight:bold; color:#6c3000;} .shoppingCartItemDetailsSKU {color:#000; padding:10px 0px;} .shoppingCartItemDetailsPrice {font-weight:bold; color:#a81919;} .shoppingCartItemBackorderError { background:#fcd685; font-size:0.7em; margin:0px; padding:0px 5px; color:#673800; line-height:13px; } .shoppingCartItemError { background:#fcd685; font-size:0.7em; margin:0px; padding:0px 5px; color:#673800; line-height:13px; margin-top:4px; border:1px solid #c5a865; } /* 3.2 TOP NAVIGATOR -----------------------*/ .navTop { float: right; width: 150px; font-size: 13px; line-height: 14px; font-weight: bold; padding-top: 14px; } .navTop ul { margin: 0; padding: 0; list-style: none; } .navTop li { display: block; } .navTop a { display: block; padding: 5px 0; color: #e8e7db; } .navTop a:hover { color: #ddc182; text-decoration: underline; } /* 3.3 BOTTOM NAVIGATOR --------------------*/ .navFooter { float: left; min-height: 170px; height: auto !important; height: 170px; padding: 0 20px; background: url(../../general/dividerNavFooter.gif) no-repeat 0 36px; } .navFooter ul { margin: 0; padding: 0; list-style: none; } .navFooter li { display: block; margin: 0; } #footer .navFooter a { color: #ffffff; font-weight: normal; } #footer .navFooter a:hover { color: #ddc182; text-decoration: underline; } /* 4. FORMS ===============================================================================================================*/ form { margin: 0; padding: 0; } form br { clear: left; } form label { float: left; width: 120px; padding: 3px 5px; margin-bottom: 2px; } .formHolder { margin: 20px auto; width: 400px; } .formField { float: left; width: 160px; padding: 3px 5px; margin-bottom: 2px; border: 1px solid #c7b68f; } .formSelect { float: left; width: 172px; padding: 3px 5px; margin-bottom: 2px; border: 1px solid #c7b68f; } .formTextarea { float: left; width: 258px; height: 100px; padding: 3px 5px; margin-bottom: 2px; border: 1px solid #c7b68f; } .formButtons { clear: both; padding: 10px 0; text-align: right; } .formMessage { width: 400px; margin: 20px auto; text-align: center; } .wide { width: 500px; } form fieldset { border: 0; margin: 0; padding: 0; } .notification-error { background-color: #ffcbae; border: 1px solid #ff0000; color: #555555; padding: 8px 20px; margin-bottom: 4px; font-weight: bold; color: #e80000; } .notification-success { background-color: #d1f28b; border: 1px solid #d5e9aa; color: #555555; padding: 8px 20px; margin-bottom: 4px; font-weight: bold; } .notification-verify { background-color: #b2d4ff; border: 1px solid #008aff; color: #555555; padding: 8px 20px; margin-bottom: 4px; font-weight: bold; } .formSurvey { padding: 10px 30px; } .formSurvey .formMessage { font-weight: bold; font-size: 1.2em; text-align: left; width: auto; } .formSurvey h2 { height: auto; padding: 0 0 5px 0; margin: 0 0 1em 0; background: none; color: #6c3000; font-size: 1.3em; border-top: 0; } .formSurvey .formField { width: 180px; } .formSurvey .wide { width: 502px; } .formSurvey fieldset label { width: auto; float: none; display: block; font-weight: bold; } .formSurvey .formTextarea { width: 627px; height: 80px; margin-left: 5px; display: inline; } .formNyromodal { margin: 20px auto; width: 400px; padding: 20px 0; } .formNyromodal label { width: 80px; padding-right: 12px; text-align: right; } .formNyromodal .formButtons { clear: none; float: left; padding: 1px 5px; } /* 4.1 FORMS ERRORS ----------------------------*/ span.error { color: red; display:block; text-align: center; } input.error { border: 2px solid red; } .newsletter .formField.error { border: 2px solid red; } select.error { border: 2px solid red; } textarea.error { border: 2px solid red; } div.error { color: red; } div.action-container { position: relative; top: -45px; cursor: pointer; } label.error { color: red; display:block; text-align: center; } /* 5. CONTENT ELEMENTS ===============================================================================================================*/ /* 5.1 HOMEPAGE -----------------------------------------------*/ .offer { height: 235px; } .offer img { float: left; border: 1px solid #6f3405; } .offer ul { float: right; width: 291px; height: 233px; margin: 0; padding: 0; list-style: none; border: 1px solid #6f3405; } .offer li { display: block; margin: 0; height: 70px; padding: 7px 0 0 64px; } .offer-clearanceSale { background: url(../../general/spriteOffer.jpg) no-repeat 0 0; border-bottom: 1px dotted #948157; } .offer-freeCatalogue { background: url(../../general/spriteOffer.jpg) no-repeat 0 -77px; border-bottom: 1px dotted #948157; } .offer-getVouchers { background: url(../../general/spriteOffer.jpg) no-repeat 0 -154px; } .offer h2 { margin: 0; padding: 0; height: auto; background: none; border: 0; color: #a0603b; font-weight: normal; font-size: 1.6em; letter-spacing: -0.04em; } .offer h2 strong { color: #6c3000; padding-right: 24px; background: url(../../general/arrowOffer.gif) no-repeat right center; } .offer p { margin: 0; font-size: 0.9em; line-height: 1.2em; } h2.clearance { background: url(../../general/titleClearance.gif) repeat-x; border: 1px solid #95c649; color: #ffffff; } h2.clearance a { color: #ffffff; } h2.clearance a:hover { color: #000000; } h2.winterFishing { background: url(../../general/titlewinterFishing.gif) repeat-x; border: 1px solid #95c649; color: #ffffff; } h2.julklappstips { background: url(../../general/titleJulklappstips.png) repeat-x; } .promo { width: 976px; height: 234px; overflow: hidden; position: relative; border: 1px solid #6c3000; background-color: #ffffff; margin: 0 0 4px 0; } .promo ul { position: absolute; top: 0; margin: 0; padding: 0; list-style: none; } .promo h2 { margin: 0; padding: 0; height: auto; font: bold 1.5em/1em Arial; color: #6c3000; background: none; border: 0; text-transform: uppercase; } .promo h3 { margin: 0; padding: 0; height: auto; font: bold 1.2em/1em Arial; color: #6c3000; background: none; border: 0; } ul.promo-tabs { right: 0; z-index: 2; width: 308px; } ul.promo-tabs li {} ul.promo-tabs li div { display: block; height: 60px; padding: 9px 0 9px 25px; outline: none; text-decoration: none; background: url(../../general/promoTab.png) no-repeat 0 0; color: #2b2b2b; cursor: pointer; } ul.promo-tabs li img { float: left; border: 1px solid #bea671; margin: 5px 10px 0 0; } ul.promo-tabs li p { font-size: 0.85em; line-height: 1.4em; margin: 0; padding: 10px 0 0 0; } ul.promo-tabs li div.current { background: url(../../general/promoTab.png) no-repeat 0 -78px; } ul.promo-output { left: 0; width: 682px; height: 234px; position: relative; } ul.promo-output li { position: absolute; width: 637px; height: 204px; padding: 15px 22px; text-align: right; } .promo-fisheagle { background: url(../../promo/bg_Fisheagle_Flytoverall.jpg) no-repeat; } .promo-fisheagle p { margin-left: 360px; font-size: 0.85em; } .promo-Nyheter { background: url(../../promo/promo-Nyheter.jpg) no-repeat; } .promo-TFGear { background: url(../../promo/promo-TFGear.jpg) no-repeat; } .promo-DAM { background: url(../../promo/promo-DAM.jpg) no-repeat; } .promo-MAD { background: url(../../promo/promo-mad.jpg) no-repeat; } .promo-BETEN { background: url(../../promo/promo-BETEN.jpg) no-repeat; } .promo-Hardwear { background: url(../../promo/promo-Hardwear.jpg) no-repeat; } .promo-Savage { background: url(../../promo/promo-SAVAGE.jpg) no-repeat; } .promo-Daiwa { background: url(../../promo/promo-DAIWA.jpg) no-repeat; } .promo-Tretorn { background: url(../../promo/promo-Tretorn.jpg) no-repeat; } .promo-Realtree { background: url(../../promo/promo-Realtree.jpg) no-repeat; } .promo-FacebookContest { background: url(../../promo/promo-FacebookContest.jpg) no-repeat; } .promo-hunter-pray { background: url(../../promo/promo-hunter-pray.jpg) no-repeat; } .promo-PhotoOfMonth { background: url(../../promo/promo-PhotoOfMonth.jpg) no-repeat; } .promo-store { background: url(../../promo/promo-store.jpg) no-repeat; } .promo-Salmo { background: url(../../promo/promo-Salmo.jpg) no-repeat; } .promo-Christmas { background: url(../../promo/promo-Christmas.jpg) no-repeat; } .promo-mad a, .promo-TFGear a, .promo-DAM a, .promo-Hardwear a, .promo-BETEN a, .promo-Savage a, .promo-Daiwa a, .promo-Tretorn a, .promo-Realtree a, .promo-Christmas a, .promo-Nyheter a, .promo-FacebookContest a, .promo-hunter-pray a, .promo-PhotoOfMonth a, .promo-store a, .promo-Salmo a { float: left; width: 682px; height: 234px; } .latestProducts { border: 1px solid #6f3405; background-color: #ddc182; } .latestProducts ul { margin: 1px 0 0 0; padding: 0; list-style: none; } .latestProducts li { float: left; border-top: 1px solid #b39d6a; border-left: 1px solid #b39d6a; width: 236px; height: 140px; padding: 10px 10px 0 10px; background-color: #eee0c1; position: relative; } .latestProducts li.first { border-left: 1px solid #eee0c1; } .latestProducts li.productHighlight { width: 259px; height: 203px; border-left: 0; background-color: #ddc182; } .latestProducts li .latestProducts-buy img { border: 0; } .latestProducts-logo { float: left; width: 98px; height: 98px; padding-bottom: 30px; margin-right: 8px; border: 1px solid #ddc182; background-color: #ffffff; position: relative; } .productHighlight .latestProducts-logo { border: 1px solid #c59938; } .latestProductsBrand { position: absolute; bottom: 0; left: 0; z-index: 2; } .latestProducts h2 { float: right; width: 115px; padding: 0 0 7px 0; height: 28px; border: 0; background: none; color: #6c3000; font: bold 1.1em Arial; overflow: hidden; } .latestProducts p { clear: right; float: right; width: 115px; margin: 0; padding: 5px 0; line-height: 1.2em; } .latestProducts .productHighlight p { width: 150px; } .latestProducts .productHighlight h2 { width: 150px; } .latestProducts h2 a { color: #6C3000; } .latestProducts h2 a:hover { color: #356015; } .latestProducts-price { clear: right; float: right; width: 115px; padding: 5px 0; border-top: 1px dotted #2f2f2f; font-weight: bold; overflow: hidden; } .latestProducts-price-onSale { color: #000000; font-weight: bold; text-decoration: line-through; } .latestProducts-price span { color: #991a1a; } .productHighlight .latestProducts-price { width: 150px; } .latestProducts-buy { position: absolute; left: 120px; bottom: 10px; } .productHighlight .latestProducts-buy { position: relative; clear: right; float: right; width: 150px; left: 0; padding-top: 10px; } .specialOffer { border: 1px solid #6c3000; background: url(../../general/bgSpecialOffer.jpg) no-repeat; height: 118px; margin: 5px 0px; padding: 20px 100px 0px 300px; color: #ffffff; font-size: 0.9em; position: relative; } .specialOffer h2 { margin: 0; padding: 0; height: auto; background: none; border: 0; font-size: 1.6em; padding: 0; } .specialOffer h2 a { display: block; } .specialOffer p { margin: 0; } .specialOffer p a { display: block; padding: 5px 0 0 0; } .specialOffer a { color: #ffffff; } .specialOffer-price { font-size: 1.6em; letter-spacing: -0.03em; } .specialOffer-price span { color: #ddc182; } .specialOfferLink { position: absolute; width: 772px; height: 120px; top: 0; left: 0; z-index: 100; } .featuredProducts { margin-top: 5px; border: 1px solid #6f3405; background-color: #ddc182; } .featuredProducts ul { margin: 1px 0 0 0; padding: 0; list-style: none; } .featuredProducts li { float: left; border-top: 1px solid #b39d6a; width: 227px; height: 115px; padding: 10px 15px 0 15px; } .featuredProducts .odd { background-image: url(../../general/dividerFeaturedProductsOdd.gif); background-repeat: no-repeat; background-position: left center; } .featuredProducts .even { background-color: #eee0c1; background-image: url(../../general/dividerFeaturedProductsEven.gif); background-repeat: no-repeat; background-position: left center; } .featuredProducts .first { background-image: none; } .featuredProducts li img { float: left; margin-right: 10px; } .featuredProducts h2 { margin: 0; padding: 0 0 5px 0; height: auto; border: 0; background: none; color: #6c3000; font: bold 1.1em Arial; } .featuredProducts-price { margin: 0 0 0 110px; padding: 5px 0; border-top: 1px dotted #2f2f2f; font-weight: bold; } .featuredProducts-price span { color: #991a1a; } .featuredProducts li .latestProducts-buy img { float: none; border: 0; margin: 0; border: 0; } .promoBrands { margin: 5px 0; border: 1px solid #6f3405; background-color: #ddc182; } .promoBrands ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } .promoBrands li { float: left; } .promoBrands li a { float: left; background-image: url(../../general/spritePromoBrands.jpg); text-indent: -9999px; } .promoBrands-dam a { width: 386px; height: 176px; background-position: 0 0; } .promoBrands-airflo a { width: 385px; height: 176px; background-position: -386px 0; } .promoBrands-tfgear a { width: 386px; height: 175px; background-position: 0 -176px; } .promoBrands-patriot a { width: 385px; height: 175px; background-position: -386px -176px; } .logoBrands { margin: 0; padding: 12px; list-style: none; background-color: #ffffff; overflow: hidden; } .logoBrands li { float: left; height: 43px; } .logoBrands li a { float: left; height: 43px; text-indent: -9999px; background-image: url(../../general/spriteBrands.jpg); } .logoBrands-abugarcia { width: 81px; background-position: 0 0; } .logoBrands-daiwa { width: 59px; background-position: -81px 0; } .logoBrands-dam { width: 64px; background-position: -140px 0; } .logoBrands-shimano { width: 99px; background-position: -204px 0; } .logoBrands-tfgear { width: 65px; background-position: -303px 0; } .logoBrands-hardy { width: 86px; background-position: -368px 0; } .logoBrands-okuma { width: 92px; background-position: -454px 0; } .logoBrands-eyelevel { width: 125px; background-position: -546px 0; } .logoBrands-stonefly { width: 76px; background-position: -671px 0; } .logoBrands-savage { width: 122px; background-position: 0 -43px; } .logoBrands-airflo { width: 93px; background-position: -122px -43px; } .logoBrands-berkley { width: 95px; background-position: -215px -43px; } .logoBrands-cfdesign { width: 117px; background-position: -310px -43px; } .logoBrands-eiger { width: 115px; background-position: -427px -43px; } .logoBrands-hardwear { width: 105px; background-position: -542px -43px; } .logoBrands-sage { width: 100px; background-position: -647px -43px; } .logoBrands-fisheagle { width: 103px; background-position: 0 -86px; } .logoBrands-fox { width: 93px; background-position: -103px -86px; } .logoBrands-fullingmill { width: 77px; background-position: -196px -86px; } .logoBrands-gamakatsu { width: 95px; background-position: -273px -86px; } .logoBrands-greys { width: 110px; background-position: -368px -86px; } .logoBrands-hansen { width: 84px; background-position: -478px -86px; } .logoBrands-ethrust { width: 90px; background-position: -562px -86px; } .logoBrands-orvis { width: 95px; background-position: -652px -86px; } .logoBrands-imax { width: 86px; background-position: 0 -129px; } .logoBrands-kamasan { width: 107px; background-position: -86px -129px; } .logoBrands-korda { width: 98px; background-position: -193px -129px; } .logoBrands-lineaeffe { width: 76px; background-position: -291px -129px; } .logoBrands-penn { width: 58px; background-position: -367px -129px; } .logoBrands-mad { width: 91px; background-position: -425px -129px; } .logoBrands-madcat { width: 84px; background-position: -516px -129px; } .logoBrands-mclean { width: 146px; background-position: -600px -129px; } .logoBrands-edge { width: 106px; background-position: 0 -172px; } .logoBrands-kinetic { width: 122px; background-position: -106px -172px; } .logoBrands-magic { width: 114px; background-position: -228px -172px; } .logoBrands-patriot { width: 93px; background-position: -342px -172px; } .logoBrands-westin { width: 70px; background-position: -435px -172px; } .logoBrands-petzl { width: 71px; background-position: -505px -172px; } .logoBrands-prologic { width: 101px; background-position: -576px -172px; } .logoBrands-rio { width: 70px; background-position: -677px -172px; } .logoBrands-ronthompson { width: 95px; background-position: 0 -215px; } .logoBrands-sasta { width: 75px; background-position: -95px -215px; } .logoBrands-scierra { width: 97px; background-position: -170px -215px; } .logoBrands-stillwater { width: 79px; background-position: -267px -215px; } .logoBrands-tiburon { width: 72px; background-position: -346px -215px; } .logoBrands-tretorn { width: 111px; background-position: -418px -215px; } .logoBrands-veniard { width: 68px; background-position: -529px -215px; } .logoBrands-viva { width: 68px; background-position: -597px -215px; } .logoBrands-wychwood { width: 82px; background-position: -665px -215px; } /* 5.2 BRANDS -----------------------------------------------*/ .featuredBrands { background-color: #ddc182; } .featuredBrands ul { margin: 0; padding: 0; list-style: none; } .featuredBrands li { float: left; border-top: 1px solid #b39d6a; width: 237px; height: 170px; padding: 10px 10px 0 10px; } .brandsLogo { float: left; border: 1px solid #6f3405; margin-right: 10px; } .brand { padding: 15px 10px; background-color: #eee0c1; border: 1px solid #6c3000; } .brand-description { float: right; width: 495px; font-size: 0.9em; } .brand-description h2 { height: auto; margin: 0; padding: 0; background: none; border: 0; color: #270e00; font: normal 1.6em/1em Arial; } /* 5.3 CATEGORIES -----------------------------------------------*/ .breadcrumbs { padding: 4px 15px; background-color: #ddc182; font-size: 0.85em; border-top: 1px solid #6c3000; border-bottom: 1px solid #6c3000; } .categoryList { padding: 10px; } .categoryList ul { margin: 0; padding: 0; list-style: none; } .categoryList li { float: left; width: 140px; padding: 5px; text-align: center; background: url(../../general/dividerCategoryList.gif) no-repeat right center; } .categoryList li.last { background: none; } .categoryList li.categoryList-divider { float: none; clear: left; width: 750px; padding: 0; height: 19px; background: url(../../general/dividerH.gif) repeat-x center; } .categoryList a { font-size: 1.2em; font-weight: bold; color: #a57153; } .categoryList a:hover { color: #991a1a } h1.categoriesTitle{background: url(../../general/bgTitleCategory.png) repeat-x center; height:55px; display:block; border-bottom:none; padding:7px 25px 6px 15px; display:inline; border-right:1px solid #6c3000; } .visualCategories{width:771px; height:206px; padding-top:40px;} .itemList { background-color: #ffffff; width: 771px; overflow: hidden; } .itemList ul { width: 772px; margin: 0 -1px -1px 0; padding: 0; list-style: none; } .itemList li { float: left; width: 192px; height: 316px; border-bottom: 1px solid #ddd4cb; border-right: 1px solid #ddd4cb; position: relative; } .itemList-logo { height: 190px; position: relative; text-align: center; } .itemList-logo a { display: block; height: 170px; padding: 10px 0; } .itemNew { position: absolute; top: 0; left: 0; z-index: 2; } .itemSale { position: absolute; top: 0; right: 0; z-index: 3; } .itemList-brand { height: 36px; text-align: center; } .itemList h3 { margin: 0; padding: 0 5px; border: 0; background: none; font: normal 17px/18px Arial; height: 36px; overflow: hidden; text-align: center; } .itemList h3 a { color: #612c00; } .itemList h3 a:hover { color: #356015; } .itemList-price, .itemList-price-onSale { height: 50px; padding: 4px 0 0 0; text-align: center; } .itemList-price strong { font-size: 16px; line-height: 36px; color: #97191c; } .itemList-price-onSale strong { font-size: 16px; line-height: 18px; color: #97191c; } .itemList-price-onSale em { font-size: 14px; font-weight: bold; font-style: normal; color: #333333; text-decoration: line-through; } .itemList-options { height: 32px; background-color: #ddc182; border: 1px solid #6c3000; border-bottom: 0; } .itemList-options .breadcrumbs { float: left; width: 300px; border: 0; padding: 0 15px; line-height: 32px; } .itemList-options .sort { float: left; width: 200px; height: 22px; padding: 5px 10px; font-size: 0.85em; border-left: 1px solid #6c3000; border-right: 1px solid #6c3000; } .itemList-options .sort span { float: left; padding-right: 5px; } .itemList-options .sort .formSelect { width: auto; font-size: 1em; } .itemList-options .stats { float: right; font-size: 0.85em; } .freeShipping-1 { background: url(../../general/swedish/iconFreeShipping.gif) no-repeat 120px center; padding-right: 40px; } .freeShipping-1-en { background: url(../../general/iconFreeShipping.gif) no-repeat 120px center; padding-right: 40px; } /* 5.4 PRODUCT -----------------------------------------------*/ .product { padding: 10px; } .product-gallery { float: left; width: 402px; } .product-gallery-full { padding: 5px 0 0 0; } .galleryHolder { border: 1px solid #6c3000; padding: 1px; background-color: #ffffff; margin-bottom: 10px; } .product-photos {} .product-images {} .product-photo {} .product-thumbs { padding: 5px 0 5px 5px; overflow: hidden; } .product-thumbs a { float: left; width: 91px; height: 100px; margin: 5px 5px 0 0; border: 1px solid #e0e0e0; overflow: hidden; } .product-details { float: right; width: 335px; } .product h2 { margin: 0 0 5px 0; padding: 0 0 5px 0; border: 0; height: auto; font: normal 1.4em/1em Arial; color: #6c3000; background: none; } .product-price { background-color: #edd9aa; border: 1px solid #dda11c; padding: 10px 5px; color: #920000; font-size: 1.4em; } .product-price span { float: right; font-size: 11px; color: #333333; } .product-combo-price { background-color: #edd9aa; border: 1px solid #dda11c; padding: 10px 5px; color: #920000; font-size: 1.4em; position: relative; } .product-combo-price em { display: block; font-size: 11px; color: #333333; font-style: normal; } .product-combo-price strong { position: absolute; top: -20px; right: 20px; width: 93px; height: 22px; line-height: 22px; font-size: 14px; color: #222222; padding: 45px 0 27px 0; background: url(../../general/badge-price.png) no-repeat; text-align: center; } .product-description, .product-specs { font-size: 0.9em; background: url(../../general/dividerH.gif) repeat-x; margin: 10px 0; padding: 5px 0 0 0; } .product-description ul, .product-specs ul { margin: 0; padding: 0 0 0 8px; list-style: none; } .product-description ul li, .product-specs ul li { background: url(../../general/arrowFeatures.gif) no-repeat 0 5px; padding: 0 0 0 14px; color: #6c3000; } .product-description ul li strong, .product-specs ul li strong { color: #333333; } .productSale, .productNew, .productShipping-1 { float: left; width: 60px; text-align: center; margin-right: 10px; font-size: 0.95em; } .productShipping-0 { display: none; } .productBrand { float: right; margin-right: 10px; } .product-misc { overflow: hidden; padding: 10px 0; background: url(../../general/dividerH.gif) repeat-x; } .product-buttons { background: url(../../general/dividerH.gif) repeat-x; padding: 10px 0; } .product-buttons img { margin-bottom: 8px; } .product-brand { float: right; margin-top: 1em; } .productDiscount { display: block; font-weight: bold; } .productOptions { padding: 20px 10px; } .productOptions table { border-collapse: collapse; width: 750px; margin-bottom: 10px; } .productOptions td { padding: 8px; border: 1px solid #6c3000; text-align: center; font-size: 0.85em; } .productOptions th { padding: 8px; border: 1px solid #6c3000; text-align: center; font-size: 0.9em; color: #7c4513; background-color: #ddc182; } .productOptions .odd { background-color: #eee0c1; } .productOptions .even { background-color: #e5d0a1; } .productOptions .odd:hover, .productOptions .even:hover { background-color: #d3b060; } .formQuantity { width: 24px; border: 1px solid #693e1b; } .homepageOptions { padding: 10px 0; } .homepageOptions table { border-collapse: collapse; } .homepageOptions td { padding: 4px; border: 1px solid #6c3000; text-align: center; font-size: 0.95em; } .optionPrice { color: #991a1a; font-weight: bold;} .optionOrdPrice { text-decoration:line-through; color: #000000; } .stockOnePlus {color: #2a6f00; font-weight: bold; font-size:13px} .stockNone {color: #bd1111; font-weight: bold; font-size:13px} .stockPreOrder {color: #00669b; font-weight: bold; font-size:13px} .product-rating { background: url(../../general/dividerH.gif) repeat-x; padding: 10px 0; } .product-rating a { float: right; } #ratingForm { margin: 10px; background: url(../../general/dividerH.gif) repeat-x bottom; width:680px; } #ratingForm h2 { margin: 0 0 0.5em 0; padding: 0 0 8px 0; line-height: 1em; background: url(../../general/dividerH.gif) repeat-x bottom; height: auto; border: 0; color: #6c2f03; } #ratingForm .formSelect { width: auto; } #ratingForm .formTextarea { height: 70px; width:250px; } .ratingForm-review { width: 440px; } .ratingForm-comments { width: 240px; } .ratingForm-review .formTextarea { width: 372px; } #ratingForm label { width: auto; padding: 0 10px 0 0; margin: 0 0 8px 0; color:#6c3000; } .product-reviews { padding: 10px; } .product-reviews h2 { margin: 0 0 0.5em 0; padding: 0; height: auto; background: none; border: 0; color: #6c2f03; } .product-reviews ul { margin: 0; padding: 0; list-style: none; background: url(../../general/dividerH.gif) repeat-x; } .product-reviews ul li { padding: 4px 0; background: url(../../general/dividerH.gif) repeat-x bottom; } .product-reviews ul li h3 { margin: 0; height: 18px; padding: 5px 10px; font: normal 1em Arial; background: #e5d0a1; color: #673706; position: relative; } .product-reviews ul li h3 .category-open, .product-reviews ul li h3 .category-close { top: 5px; } .product-reviews ul li div { padding: 0 10px; } .product-review-hdr { float: left; } .rating { float: left; padding-right: 10px; } .rating-back { float: left; width: 85px; height: 16px; margin-top: 3px; background: url(../../general/spriteRating.gif) no-repeat 0 0; } .rating-front { float: left; width: 85px; height: 16px; background: url(../../general/spriteRating.gif) no-repeat 0 -16px; } .sizeChart { padding: 10px 0; text-align: center; } .sizeChart a { padding: 5px 0 5px 30px; background: url(../../general/iconSizeChart.gif) no-repeat left center; color: #78421e; line-height: 30px; font-weight: bold; text-decoration: underline; } .sizeChart a:hover { color: #356015; } .productSizeChart { width: 320px; margin: 0 auto; } .productSizeChart table { border-collapse: collapse; width: 320px; margin-bottom: 10px; } .productSizeChart td { padding: 4px; border: 1px solid #6c3000; text-align: center; font-size: 0.9em; color: #000000; } .productSizeChart th { padding: 8px 4px; border: 1px solid #6c3000; text-align: center; font-size: 1em; color: #7c4513; background-color: #ddc182; } .productSizeChart tr.odd { background-color: #ead8b2; } .productSizeChart tr.even { background-color: #f6eee1; } .productSizeChart tr.chart { background-color: #f6efdf; } .productSizeChart td.property { text-align: left; color: #9b1b1a; font-size: 13px; } .shoppingCartItemDetailsImage img { width: 98px; height: 98px; } .product-feedback { display: block; width: 230px; height: 33px; margin: 2px 0; background: url(../../general/swedish/spriteProductButtons.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; } .product-feedback:hover { background: url(../../general/swedish/spriteProductButtons.gif) no-repeat -231px 0; } .product-rate { display: block; width: 230px; height: 33px; margin: 2px 0; background: url(../../general/swedish/spriteProductButtons.gif) no-repeat 0 -33px; text-indent: -9999px; overflow: hidden; } .product-rate:hover { background: url(../../general/swedish/spriteProductButtons.gif) no-repeat -231px -33px; } .product-wishlist { display: block; width: 230px; height: 33px; margin: 2px 0; background: url(../../general/swedish/spriteProductButtons.gif) no-repeat 0 -66px; text-indent: -9999px; overflow: hidden; } .product-wishlist:hover { background: url(../../general/swedish/spriteProductButtons.gif) no-repeat -231px -66px; } /* 5.5 SHOPPING CART -----------------------------------------------*/ .steps { padding: 10px; width: 560px; height: 40px; margin: 0 auto; } .steps ul { margin: 0; padding: 0; list-style: none; } .steps ul li { float: left; width: 180px; height: 26px; margin: 2px; font: bold 14px/26px Arial; color: #a0603b; background: url(../../general/titleCategories.gif) repeat-x center; border: 1px solid #a0603b; } .steps ul li span { float: left; width: 30px; font-size: 22px; text-align: center; } .steps ul li.active { background: url(../../general/titlePrimary.gif) repeat-x center; color: #ffffff; } .steps ul li.active span { color: #ffffff; } .shoppingButtons { padding: 10px 20px; text-align: right; } .shoppingCount { float: left; color: #345f14; font-weight: bold; } .shoppingList { width: 730px; margin: 0 auto; } .shoppingList th { background-color: #73380b; color: #ffffff; text-align: left; padding: 2px 8px; } .shoppingList td { padding: 5px 8px; border-bottom: 1px solid #dec795; background-color: #e8d9b9; } .itemLogo { width: 60px; } .itemQuantity { width: 100px; } .itemPrice { width: 80px; } .itemOptions { width: 30px; } .shoppingList a { font-size: 18px; } .shoppingList em { font-style: normal; font-weight: bold; font-size: 1.2em; color: #991a1a; } .shoppingSubtotal { float: right; width: 300px; padding: 4px 0; background-color: #e5ce90; font-weight: bold; font-size: 1.2em; } .shoppingSubtotal span { float: left; width: 155px; padding-right: 10px; text-align: right; } .shoppingCoupon { margin: 20px auto; width: 708px; padding: 10px; background-color: #e8d9b9; border: 1px solid #dec795; text-align: right; font-weight: bold; } .shoppingCoupon input { float: left; } .shoppingCoupon span { float: left; color: #978253; font-size: 1.1em; padding-right: 5px; } .shoppingMessage { float: left; width: 600px; margin: 0 0 20px 20px; } .shoppingMessage strong { display: block; } .shoppingMessage .formTextarea{ float: left; width: 500px; height: 75px; padding: 3px 5px; margin-bottom: 2px; border: 1px solid #c7b68f; } .billingDetails, .paymentMethods, .shippingDetails { padding: 10px 20px; } .shoppingNotes { margin-top: 0; font-size: 0.85em; } ul.methodsList { margin: 0; padding: 0 0 12px 0; list-style: none; } ul.methodsList li { display: inline; padding: 3px 20px 3px 0; font-size: 1.2em; font-weight: bold; color: #978253; } ul.creditCards { margin: 0; padding: 0 0 10px 0; list-style: none; height: 80px; } ul.creditCards li { float: left; width: 120px; height: 60px; padding: 10px; margin: 0 1px 0 0; text-align: center; background-color: #e8d9b9; } .paymentMethods label { width: 150px; } .shoppingSameInfo { padding: 0 0 10px 0; } .orderTotal { margin: 20px; width: 400px; } .orderTotal td { background-color: #e8d9b9; padding: 3px 10px; font-weight: bold; } .acceptPolicy { font-weight: bold; margin: 0 20px; } .shoppingWarning { background-color: #fff0bc; border: 1px solid #ffd800; margin: 0 20px; padding: 10px 20px; font-size: 0.9em; } .shoppingWarning h2 { height: auto; background: none; border: 0; margin: 0; padding: 0; font: bold 15px Arial; color: #ff0000; } .shoppingWarning p { margin: 0; padding: 0; } .orderDetails { padding: 20px; } .orderDetails h2 { margin: 0; padding: 0; height: auto; background: none; border: 0; font: bold 1.2em Arial; color: #333333; } .orderDetails p { margin: 0; padding: 10px 0 0 20px; } .invoiceError .notification-error, .invoiceError .notification-success { background: none; border: 0; } .btUpdate { padding-top:3px; padding-left:5px;} .btAktivera { padding-top:3px; padding-left:5px;} .shoppingDiscountPrice { font-style: normal; font-weight: bold; font-size: 1.2em; color: #991a1a; margin:0px; padding:0px;} /* 5.6 CONTACT -----------------------------------------------*/ .contactDetails { float: left; width: 300px; margin: 10px 0 10px 0; border-right: 1px solid #e2d1ab; display: inline; } .contactMessage { margin: 10px 0; } .contactForm { margin: 10px 0; float: right; } .contactDetails p { padding-left: 34px; } .contactDetails-address { background: url(../../general/iconAddress.gif) no-repeat 0 5px; } .contactDetails-phone { background: url(../../general/iconPhone.gif) no-repeat 0 5px; } .contactDetails-email { background: url(../../general/iconEmail.gif) no-repeat 0 5px; } /* 5.7 SITEMAP -----------------------------------------------*/ .sitemap-services { width: 703px; padding: 24px 14px; overflow: hidden; } .sitemap-services ul { margin: 0; padding: 0; list-style: none; float: left; width: 230px; font-weight: bold; font-size: 1.1em; } .sitemap-brands, .sitemap-categories { width: 703px; padding: 24px 14px; border-top: 1px solid #e8d7b1; overflow: hidden; } .sitemap-brands h2, .sitemap-categories h2 { margin: 0 0 1em 0; padding: 0; background: none; border: 0; height: auto; font-size: 1.1em; line-height: 1em; font-weight: bold; } .sitemap-brands ul { margin: 0; padding: 0 0 0 20px; list-style: none; float: left; width: 150px; } .sitemap-categories ul { margin: 0; padding: 0 0 0 20px; list-style: none; float: left; width: 320px; } /* 5.8 BLOG -----------------------------------------------*/ .mainContentBlog { background-color: #eee0c1; border: 1px solid #6c3000; overflow: hidden; } .blogContent { float: left; width: 558px; padding: 0 0 100000px 0; margin: 0 0 -100000px 0; } .blogSidebar { float: right; width: 192px; padding: 10px 10px 100000px 10px; margin: 0 0 -99980px 0; background-color: #eadab8; border-left: 1px solid #ddcca9; } .entry-title { padding: 10px; background: #ecddbc url(../../general/blogTitle.gif) repeat-x bottom; border-top: 1px solid #ddcca9; border-bottom: 1px solid #ddcca9; } .entry-title h2 { background: none; height: auto; border: 0; padding: 0; margin: 0; font: normal 20px/20px Arial; color: #6c3000; } .entry-title h2 a { color: #6c3000; } .entry-title h2 a:hover { color: #356034; } .entry-meta { font-size: 11px; color: #ab9669; } .entry-summary, .entry-content { padding: 9px; font-size: 16px; line-height: 24px; } .entry-utility { padding: 0 9px 30px 9px; font-size: 0.9em; } .widget_search { width: 192px; overflow: hidden; } .widget_search label { float: none; display: block; padding: 0; } #searchform #s { float: left; border: 1px solid #a0603b; height: 21px; width: 150px; padding: 0 5px; } #searchform #searchsubmit { float: left; width: 26px; height: 23px; border: 0; background: url(../../general/bgSearch.gif) no-repeat; text-indent: -9999px; overflow: hidden; } .blogSidebar h3 { margin: 30px 0 10px 0; padding: 0; font: normal 18px Arial; color: #6c3000; } .blogSidebar ul { margin: 0; padding: 0; list-style: none; } .blogSidebar ul li { margin: 3px 0; padding: 0 0 0 10px; background: url(../../general/arrowBlog.gif) no-repeat 0 6px; } #comments h3 { padding: 10px; margin: 50px 0 10px 0; background: #eadab8 url(../../general/bgCommentsTitle.gif) repeat-x; border-top: 1px solid #ddcca9; border-bottom: 1px solid #c9b384; font: bold 15px Arial; color: #222222; } #comments h3 em { font-size: 13px; font-weight: normal; } h2.search-results { height: auto; padding: 10px; margin: 0; background: #eadab8 url(../../general/bgCommentsTitle.gif) repeat-x; font: bold 15px Arial; color: #222222; border: 0; border-bottom: 1px solid #c9b384; } ol.commentlist { margin: 0; padding: 0 0 0 42px; font-size: 22px; color: #ddcca9; } ol.commentlist li { padding: 10px 10px 10px 0; border-bottom: 1px solid #f6eedd; } .comment-author { font-size: 13px; } .comment-meta { font-size: 11px; } .comment-body { font-size: 12px; color: #2f2f2f; } .reply { font-size: 11px; text-align: right; } .reply a { padding-right: 18px; background: url(../../general/iconReply.gif) no-repeat right center; } #commentform { padding: 10px; } #submit { border: 1px solid #552600; padding: 4px 10px; background: #5f2d03 url(../../general/bgSubmit.gif) repeat-x; color: #ffffff; font-weight: bold; cursor: pointer; } .meta-nav { display: none; } .gallery { width: 350px; margin: 0 auto; padding: 0; font-size: 1px; line-height: 1px; } .gallery-item { float: left; padding: 10px; } .gallery-icon { border: 1px solid #6c3000; } .gallery-caption { color: #000000; font-size: 12px; margin: 10px 0px 0px 0px; text-align: center; } /* 5.9 TRANSACTIONS --------------------------------------------------*/ .transactionsList { height: 27px; border: 1px solid #5d3c23; color: #ffffff; line-height: 27px; width: 604px; } .transactionsList ul { float: left; margin: 0; padding: 0; list-style: none; } .transactionsList li { float: left; margin-right: 1px; } .transactionsList li:last-child { float: left; margin-right: 0px; } .transactionsList a { float: left; height: 27px; width: 120px; text-align: center; background-color: #a0603b; font-weight: bold; color: #ffffff; } .transactionsList a:hover { background-color: #e3d09e; color: #991a1a; } /* 5.10 PHOTO OF THE MONTH - CONTEST PAGE --------------------------------------------------*/ .contest { border: 1px solid #6c3000; height: 937px; background: #ffffff url(../../general/contest-bg.jpg) no-repeat bottom center; } .contest h1 { margin: 0; padding: 0; height: 128px; border: none; background: #000000 url(../../general/contest-title.png) no-repeat; text-indent: -9999px; } .contest p { margin: 0; padding: 756px 20px 0 0; text-align: right; } .rules p { padding: 10px 0 10px 36px; } .rules p strong { float: left; width: 24px; height: 24px; margin: -3px 0 0 -36px; background: url(../../general/numbers.gif) no-repeat; font: bold 14px/24px Arial; color: #ffffff; text-align: center; } .title-contest { padding: 0; height: 128px; background: url(../../general/title-contest-january.jpg) no-repeat; text-indent: -9999px; border: 0; } .participant { overflow: hidden; padding: 50px 0; border-top: 1px solid #dfcda6; } .participant-order { float: right; font-size: 40px; font-weight: bold; color: #dfcda6; margin-top: -30px; } .participant-photo { float: left; width: 360px; } .participant-photo a { position: relative; display: block; width: 360px; } .participant-photo a span { position: absolute; right: 0; bottom: 0; } .participant-details { float: right; width: 350px; } .participant-details h2 { margin: 0 0 18px 0; padding: 0; background: none; border: 0; font: normal normal 24px/24px Arial; color: #000000; } .participant-details ul { margin: 18px 0; padding: 0; list-style: none; } .participant-details li strong { float: left; width: 100px; font-size: 14px; } /* 5.11 STORE --------------------------------------------------*/ .store { padding: 0 0 36px 0; background: #1d1d1d url(../../general/store-tight-lines.gif) no-repeat bottom right; border: 1px solid #6c3000; color: #ffffff; } .store h1 { margin: 0; padding: 0; text-indent: -9999px; height: 106px; border: 0; background: url(../../general/store-title.jpg) no-repeat; } .store h2 { margin: 0; padding: 0; text-indent: -9999px; height: 37px; border: 0; background: url(../../general/store-title-2.jpg) no-repeat; } .store p { margin: 20px; } .store-slideshow { height: 250px; position: relative; overflow:hidden; } .store-prev { display: block; position: absolute; top: 97px; left: 10px; width: 36px; height: 56px; text-indent: -9999px; background: url(../../general/store-prev.png) no-repeat; } .store-next { display: block; position: absolute; top: 97px; right: 10px; width: 36px; height: 56px; text-indent: -9999px; background: url(../../general/store-next.png) no-repeat; } .container { width:376px; height:250px; left:198px; position:relative; cursor:pointer; } .slides { position:absolute; top:0; left:0; width:376px; } .slides > div { position:absolute; top:0; width:376px; display:none; }