/* pana chocolate styles ---- overrides styles.css and blue.css */ body { background: none; } #Container { width: auto; } #Outer { background: none; margin-top: 0; } #TopMenu { float: right; } #TopMenu li a, #TopMenu li div { border-left: none; color: #635044; } #TopMenu li a:hover { color: #9d928a; } #Footer { border: none; } #Footer ul { margin: 0; } #Footer li a { border-left: none; padding: 0; } .Content { background: none; } .Content.Wide { background: none; width: 715px; padding: 0; } .Content.Widest { width: 960px; padding: 0; margin: 0; } .Content.WideWithRight { margin-left: 0; } .Content.WideWithLeft { margin-right: 0; } #PageContent { margin-top: 0; } h2 { color: #635044; } .Content h2, .TitleHeading { color: #8A7C73; font-weight: 200; font-size: 25px; margin-bottom: 5px; } .Right { background: none; width: 225px; margin-right: 0; } .Left { background: none; width: 225px; margin-left: 0; } p { font-size: 14px; line-height: 1.4em; } p a { color: #2bb673; text-decoration: none; } p a:hover, p a:active { text-decoration: underline; } h3 { font-size: 1.2em; } body { margin: 0; padding: 0; background: none; } .ir { text-indent: -999px; overflow: hidden; } .content { width: 960px; margin-left: auto; margin-right: auto; position: relative; } #Wrapper { width: 960px; margin-left: auto; margin-right: auto; position: relative; margin-top: 1em; } #Header { background: url(../images/header-sprites_t-1416368412.png) repeat-x 0 -392px; height: 185px; padding: 0; border: none; } #Header .content { width: 980px; } #Header #logo { background: url(../../../product_images/uploaded_images/pana-chocolate-header-logob_t-1416364235.png) no-repeat 0 50%; width: 317px; height: 23px; position: absolute; margin: 0; padding: 0; left: 10px; top: 68px; } #Header #logo a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; } #Header #tagline { font-family: 'Brandon Grotesque', 'Helvetica', arial, sans-serif; color: #9d928a; font-weight: bold; position: absolute; left: 400px; top: 73px; font-size: 16px; } #Header #tagline2 { font-family: 'Brandon Grotesque', 'Helvetica', arial, sans-serif; color: #9d928a; font-weight: 200; position: absolute; right: 8px; top: 45px; font-size: 13px; text-align: right; line-height: 1.3em; } #body { min-height: 400px; } #Footer { background: url(../images/header-sprites_t-1416368412.png) repeat-x 0 -392px; height: 440px; } .section { margin-bottom: 1em; } #cc_main_nav { margin: 0; padding: 0; position: absolute; left: 0; top: 129px; height: 56px; width: 100%; } #cc_main_nav li { display: inline; list-style-type: none; margin: 0; padding: 0; float: left; width: 255px; height: 56px; position: relative; } #cc_main_nav li a { display: block; height: 56px; left: 0; right: 0; top: 0; bottom: 0; text-decoration: none; background: url(../../../product_images/uploaded_images/header-sprites_t-1416368219.png) repeat-x 0 -280px; } #cc_main_nav li a .left { left: 0; top: 0; position: absolute; width: 18px; height: 56px; background: url(../../../product_images/uploaded_images/header-sprites_t-1416368219.png) no-repeat -36px 0; } #cc_main_nav li a .right { right: 0; top: 0; position: absolute; width: 18px; height: 56px; background: url(../../../product_images/uploaded_images/header-sprites_t-1416368219.png) no-repeat -54px 0; } #cc_main_nav li a .icon { left: 17px; top: 0px; position: absolute; width: 50px; height: 56px; background: url(../../../product_images/uploaded_images/header-sprites_t-1416368219.png) no-repeat -50px -56px; } #cc_main_nav li a .title { text-decoration: none; font-family: 'Helvetica', arial, sans-serif; font-size: 18px; color: #635044; position: absolute; left: 75px; top: 8px; width: 170px; } #cc_main_nav li a .subtitle { text-decoration: none; font-family: 'Helvetica', arial, sans-serif; font-size: 12px; color: #8a7c73; position: absolute; left: 75px; top: 30px; width: 170px; } #cc_main_nav li a:hover { display: block; height: 56px; left: 0; right: 0; top: 0; bottom: 0; text-decoration: none; background: url(../../../product_images/uploaded_images/header-sprites_t-1416368219.png) repeat-x 0 -336px; } #cc_main_nav li a:hover .left { left: 0; top: 0; position: absolute; width: 18px; height: 56px; background: url(../../../product_images/uploaded_images/header-sprites_t-1416368219.png) no-repeat -72px 0; } #cc_main_nav li a:hover .right { right: 0; top: 0; position: absolute; width: 18px; height: 56px; background: url(../../../product_images/uploaded_images/header-sprites_t-1416368219.png) no-repeat -90px 0; } #cc_main_nav li a:hover .icon { left: 17px; top: 0px; position: absolute; width: 50px; height: 56px; background: url(../../../product_images/uploaded_images/header-sprites_t-1416368219.png) no-repeat -100px -56px; } #cc_main_nav li.selected a, #cc_main_nav li.selected a:hover { background: #fff; } #cc_main_nav li.selected a .left, #cc_main_nav li.selected a:hover .left { background-position: 0 0; } #cc_main_nav li.selected a .right, #cc_main_nav li.selected a:hover .right { background-position: -18px 0; } #cc_main_nav li.selected .subtitle, #cc_main_nav li.selected a:hover .subtitle { color: #b1a7a1; } /* header menu icons */ #cc_main_nav li#chocolate { width: 225px; } #cc_main_nav li#chocolate a .icon { background-position: -50px -56px; } #cc_main_nav li#chocolate a:hover .icon { background-position: -100px -56px; } #cc_main_nav li#chocolate.selected a .icon, #cc_main_nav li#chocolate.selected a:hover .icon { background-position: 0px -56px; } #cc_main_nav li#shop { width: 205px; } #cc_main_nav li#shop a .icon { background-position: -50px -112px; } #cc_main_nav li#shop a:hover .icon { background-position: -100px -112px; } #cc_main_nav li#shop.selected a .icon, #cc_main_nav li#shop.selected a:hover .icon { background-position: 0px -112px; } #cc_main_nav li#offline { width: 175px; } #cc_main_nav li#offline a .icon { background-position: -50px -168px; } #cc_main_nav li#offline a:hover .icon { background-position: -100px -168px; } #cc_main_nav li#offline.selected a .icon, #cc_main_nav li#offline.selected a:hover .icon { background-position: 0px -168px; } #cc_main_nav li#about { width: 160px; } #cc_main_nav li#about a .icon { background-position: -150px -112px; } #cc_main_nav li#about a:hover .icon { background-position: -150px -168px; } #cc_main_nav li#about.selected a .icon, #cc_main_nav li#about.selected a:hover .icon { background-position: -150px -56px; } #cc_main_nav li#faq { width: 92px; } #cc_main_nav li#faq a .icon { display:none; } #cc_main_nav li#faq .title { left: 0; width: 100%; text-align: center; top: 17px; } #cc_main_nav li#faq .subtitle { display: none; } #cc_main_nav li#contact { width: 92px; float: right; } #cc_main_nav li#contact a .icon { background-position: -50px -224px; left: 22px; } #cc_main_nav li#contact a:hover .icon { background-position: -100px -224px; } #cc_main_nav li#contact.selected a .icon, #cc_main_nav li#contact.selected a:hover .icon { background-position: 0px -224px; } #cc_main_nav li#contact .title { display: none; } #cc_main_nav li#contact .subtitle { display: none; } #footer_menu { top: 20px; padding: 0; position: relative; } #footer_menu li { list-style-type: none; margin: 0; padding: 0; display: block; position: absolute; width: 300px; height: 100px; } #footer_menu li a { display: block; width: 300px; height: 100px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../../../product_images/uploaded_images/footer-sprites_t-1416364865.png) no-repeat 0 0; color: #b1a7a1; text-decoration: none; } #footer_menu li a:hover { color: #3c2415; } #footer_menu li .icon { width: 130px; height: 100px; position: absolute; left: 0; top: 0; background: url(../../../product_images/uploaded_images/footer-sprites_t-1416364865.png) no-repeat 0 100px; } #footer_menu li .title { position: absolute; left: 145px; width: 140px; top: 30px; font-family: 'Helvetica', arial, sans-serif; font-size: 18px; } #footer_menu li#australia { left: 20px; top: 0; } #footer_menu li#australia .icon { background-position: 0 -100px; } #footer_menu li#australia a:hover .icon { background-position: -150px -100px; } #footer_menu li#instagram { left: 20px; top: 115px; } #footer_menu li#instagram .icon { background-position: 0 -200px; } #footer_menu li#instagram a:hover .icon { background-position: -150px -200px; } #footer_menu li#ingredients { left: 330px; top: 0; } #footer_menu li#ingredients .icon { background-position: 0 -300px; } #footer_menu li#ingredients a:hover .icon { background-position: -150px -300px; } #footer_menu li#four { left: 640px; top: 0; } #footer_menu li#four .icon { background-position: 0 -400px; } #footer_menu li#four a:hover .icon { background-position: -150px -400px; } #footer_menu li#facebook { left: 330px; top: 115px; } #footer_menu li#facebook .icon { background-position: 0 -500px; } #footer_menu li#facebook a:hover .icon { background-position: -150px -500px; } #footer_menu li#twitter { left: 640px; top: 115px; } #footer_menu li#twitter .icon { background-position:0 -600px; } #footer_menu li#twitter a:hover .icon { background-position: -150px -600px; } #footer_menu li#newsletter { left: 0px; top: 230px; width: 870px; margin: 10px 28px 10px 28px; height: 70px; padding: 15px; background: #eae8e6; border: solid 2px #dad8d0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #footer_menu li#newsletter .mc-field-group { width: 250px; margin-right: 20px; float: left; text-align: left; } #footer_menu li#newsletter .mc-field-group label { color: #B1A7A1; margin-right: 5px; } #footer_menu li#newsletter h2 { font-weight: normal; margin-bottom: 15px; color: #B1A7A1; } #footer_menu li#newsletter .indicates-required { display: block; float: left; margin-right: 50px; color: #B1A7A1; } #footer_menu li#newsletter #email-group { width: 300px; } #footer_menu li#newsletter #email-group input { width: 180px; } #footer_menu li#newsletter #first-name-group { width: 250px; } #footer_menu li#newsletter #first-name-group input { width: 150px; } #footer_submenu { top: 380px; width: 920px; position: absolute; right: 30px; margin: 0; } #footer_submenu li { float: right; list-style-type: none; margin-left: 10px;font-size: 12px; } #footer_submenu li a { text-decoration: none; color: #8a7c73; font-family: 'Helvetica', arial, sans-serif; font-size: 12px; } #footer_submenu li a:hover { color: #3c2415; } /* category page styles */ .ProductList {} .Content .ProductList li { width: 215px!important; padding: 0; margin: 10px; } .ProductList .Rating { display: none; } .ProductList .ProductCompareButton { display: none; } .ProductList strong, .ProductList strong a { color: #635044; margin-top: 5px; } .ProductList .ProductImage img { margin-bottom: 5px; } .ProductList .ProductPriceRating { margin-top: 5px; } /* 'the chocolate' page styles */ body#thechocolate {} body#thechocolate p, body#thechocolate li { font-size: 14px; line-height: 1.4em; } body#thechocolate #Wrapper { margin-top: 2em; } body#thechocolate #PageContent h2 { display: none; } body#thechocolate #PageContent .BlockContent h2 { display: block; } body#thechocolate #handmade-australia p { -moz-column-count: 3; -moz-column-gap: 30px; -webkit-column-count: 3; -webkit-column-gap: 30px; column-count: 3; column-gap: 30px; } body#thechocolate #handmade-australia li { list-style: none; counter-increment: making; clear: left; } body#thechocolate #handmade-australia li:before { content: counter(making); font-weight: bold; float: left; margin-left: -30px; color: #2bb673; display: block; width: 20px; text-align: right; } body#thechocolate #handmade-australia #making2 { counter-reset: making 7; } body#thechocolate #slider { margin: 0; padding: 0; } body#thechocolate #slider ul { margin: 0; padding: 0; } body#thechocolate #slider li { list-style-type: none; margin: 0; padding: 0; } body#thechocolate .expando { position: relative; } body#thechocolate .expando-content { overflow: hidden; } body#thechocolate .expando h2 { margin-top: 0; } body#thechocolate .expando .more { color: #eb008b; font-weight: 200; font-size: 20px; margin: 10px 0 0 0; cursor: pointer; } /* product page styles */ body#productPage {} body#productPage #ProductDetails {} body#productPage #ProductDetails .ProductMain { width: 320px; float: right; position: relative; height: 410px; } body#productPage #ProductDetails .ProductMain h2 { text-align: center; } body#productPage #ProductDetails .ProductDetailsGrid .DetailRow { padding-left: 100px; } body#productPage #ProductDetails .ProductDetailsGrid .Label { width: 100px; margin-left: -110px; } body#productPage #ProductDetails .ProductAddToCart { margin-top: 2em; } body#productPage #ProductDetails .ProductAddToCart .Label { margin-top: 6px; } body#productPage #ProductDetails .ProductAddToCart .FloatLeft { margin-top: 5px; margin-right: 5px; } body#productPage #ProductDetails .ProductMain .AddThisButtonBox { width: 320px!important; position: absolute; bottom: 0; } body#productPage #ProductDetails .ProductThumb { height: auto!important; position: relative; } body#productPage #ProductDetails .ProductThumbImage { margin: 0; } body#productPage #ProductDetails .ProductThumb .ImageCarouselBox { position: absolute; bottom: 10px; left: 10px; padding-left:0!important; } body#productPage #SideProductAddToWishList { width: 220px; position: absolute; right: 0; top: 220px; } body#productPage #SideProductAddToWishList h2 { display: none; } body#productPage #SideProductAddToWishList p { margin-bottom: 5px; } body#productPage #ProductDescription { margin-top: 2em; overflow: auto; } body#productPage #ProductDescription #package_details { margin-top: 1em; } body#productPage #ProductDescription #package_details .section { margin-top: 1em; } body#productPage #ProductDescription #package_details h3 { color: #635044; font-size: 14px; margin-bottom: 2px; margin-top: 0; padding: 0; } body#productPage #ProductDescription #package_details .package_details_column { float: left; width: 300px; } body#productPage #ProductDescription #package_details #package_details_column1 { margin-right: 30px; } body#productPage #ProductDescription #package_details #package_details_column2 { margin-right: 30px; } body#productPage #ProductDescription #ingredients p { text-align: justify; } body#productPage #ProductDescription #attributes { margin-left: 0; padding-left: 0; overflow: auto; } body#productPage #ProductDescription #attributes li { float: left; margin-left: 0; margin-right: 15px; list-style-type: none; } body#productPage #ProductDescription #attributes li:first-child { margin-left: 0; list-style-type: none; } body#productPage #ProductDescription #symbols { padding-left: 0; margin-left: 0; overflow: auto; } body#productPage #ProductDescription #symbols li { list-style-type: none; float: left; margin-left: 9px; padding-left:0; } body#productPage #ProductDescription #symbols li:first-child { margin-left: 0; } body#productPage #ProductDescription #nutritional_information table { border-spacing: 0; border-collapse: collapse; width: 100%; } body#productPage #ProductDescription #nutritional_information tbody th { text-align: left; } body#productPage #ProductDescription #nutritional_information tr > * { padding: 5px; margin: 0; } body#productPage #ProductDescription #nutritional_information tbody tr > * { border: solid 1px #999; } body#productPage #ProductDescription #nutritional_information tbody tr:nth-child(odd) > * { background: #f0f0f0; } body#productPage #ProductDescription #nutritional_information tbody td { text-align: right; } body#productPage #SimilarProductsByCustomerViews { margin-top: 2em; } body#productPage #ModalContainer { width: 730px!important; margin-left: -365px!important; } body#productPage #ModalContainer #fastCartContainer { margin-top: -20px; } body#productPage #ModalContainer .fastCartContent { width: 700px; } body#productPage #ModalContainer .ProductList li:nth-child(4) { display: none; } body#productPage #ModalContainer .ProductList .ProductImage { height: 149px; } /* 'cart' page styles */ body#cart {} body#cart .CartContents { border-collapse: collapse; } body#cart .CartContents thead th { border-bottom: solid 1px #000; } body#cart .CartContents tbody td { border-bottom: solid 1px #000; vertical-align: middle; } /* 'best sellers' */ .TopSellers { } .TopSellers li:nth-child(4) { display: none!important; } .TopSellers li:nth-child(5) { display: none!important; }