/* Minification failed. Returning unminified contents. (258,61): run-time error CSS1030: Expected identifier, found ' ' */ /*---------------------------------------------------------- The base color for this template is #5c87b2. If you'd like to use a different color start by replacing all instances of #5c87b2 with your new color. ----------------------------------------------------------*/ body { /*background-color: #5c87b2;*/ font-size: .85em; font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #696969; } a:link { color: #034af3; text-decoration: underline; } a:visited { color: #505abc; } a:hover { color: #1d60ff; text-decoration: none; } a:active { color: #12eb87; } p, ul { margin-bottom: 20px; line-height: 1.6em; } header, footer, nav, section { display: block; } /* HEADINGS ----------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; } h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; } h2 { padding: 0 0 10px 0; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; } /* PRIMARY LAYOUT ELEMENTS ----------------------------------------------------------*/ /* you can specify a greater or lesser percentage for the page width. Or, you can specify an exact pixel width. */ .page { width: 90%; margin-left: auto; margin-right: auto; } header, #header { position: relative; margin-bottom: 0px; color: #000; padding: 0; } #header #mini-cart { float: right; margin-top: 10px; margin-left: 10px; margin-right: 10px; } header h1, #header h1 { font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-size: 32px !important; text-shadow: 1px 1px 2px #111; } #main { padding: 30px 30px 15px 30px; background-color: #fff; border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; } footer, #footer { background-color: #fff; color: #999; padding: 10px 0; text-align: center; line-height: normal; margin: 0 0 30px 0; font-size: .9em; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; } /* TAB MENU ----------------------------------------------------------*/ ul#menu { border-bottom: 1px #5C87B2 solid; padding: 0 0 2px; position: relative; margin: 0; text-align: right; } ul#menu li { display: inline; list-style: none; } ul#menu li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; } ul#menu li a { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; background-color: #e8eef4; color: #034af3; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; } ul#menu li a:hover { background-color: #fff; text-decoration: none; } ul#menu li a:active { background-color: #a6e2a6; text-decoration: none; } ul#menu li.selected a { background-color: #fff; color: #000; } /* FORM LAYOUT ELEMENTS ----------------------------------------------------------*/ fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; } legend { font-size: 1.2em; font-weight: bold; } textarea { min-height: 75px; } input[type="text"], input[type="password"], input[type="email"] { border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; width: 200px; } select { border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; } input[type="submit"] { font-size: 1.2em; padding: 5px; } /* TABLE ----------------------------------------------------------*/ table { border: solid 1px #e8eef4; border-collapse: collapse; } table td { padding: 5px; border: solid 1px #e8eef4; } table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; border: solid 1px #e8eef4; } /* MISC ----------------------------------------------------------*/ .clear { clear: both; } .error { color: Red; } nav, #menucontainer { margin-top: 40px; } div#title { display: block; float: left; text-align: left; } #logindisplay { font-size: 1.1em; display: block; text-align: right; margin: 10px; color: White; } #logindisplay a:link { color: white; text-decoration: underline; } #logindisplay a:visited { color: white; text-decoration: underline; } #logindisplay a:hover { color: white; text-decoration: none; } /* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error { color: #ff0000; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; } .validation-summary-errors { font-weight: bold; color: #ff0000; } .validation-summary-valid { display: none; } /* Styles for editor and display helpers ----------------------------------------------------------*/ .display-label, .editor-label { margin: 1em 0 0 0; } .display-field, .editor-field { margin: 0.5em 0 0 0; } .text-box { width: 30em; } .text-box.multi-line { height: 6.5em; } .tri-state { width: 6em; } /*-----------------------Modal Popup---------------*/ #mask { position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; display: none; } #boxes { background: #fff; } #boxes .window { position: fixed; width: 440px; height: 600px; display: none; z-index: 9999; padding: 20px; background: #fff; } #boxes #dialog1 { background: #CDC3DE; width: 452px; height: 658px; font-size: 8px; } #boxes #video { background: #ffffff; width: 425px; height: 265px; font-size: 8px; } table.parties tr:nth-child(odd) { background-color: #eee; } table.parties tr:nth-child(even) { background-color: #fff; } ul.my-invitation li { list-style-type: none; padding-left: 16px; } ul.my-invitation li.red { background-image: url(/Content/Images/red_ball.png); background-repeat: no-repeat; background-position: -2px 2px; } ul.my-invitation li.green { background-image: url(/Content/Images/green_ball.png); background-repeat: no-repeat; background-position: -2px 2px; } ul.my-invitation li.orange { background-image: url(/Content/Images/orange_ball.png); background-repeat: no-repeat; background-position: -2px 2px; } /**** 1. GENERAL TAGS ****/ .mobile { display: none; } /**** 2. GENERAL CONTROLS ****/ /** Mobile Menu Icon **/ .hamburger { float: left; position: relative; z-index: 10; overflow: hidden; width: 57px; height: 42px; margin: 0; padding: 0; font-size: 0; cursor: pointer; } .hamburger span { display: block; position: absolute; top: 21px; left: 11px; right: 18px; height: 2px; background: #fff; transition: background 0.1s 0s; } .hamburger span::before, .hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fff; content: ""; transition-duration: 0.3s, 0.2s; transition-delay: 0.3s, 0; } .hamburger span::before { top: -9px; transition-property: top, transform; } .hamburger span::after { bottom: -9px; transition-property: bottom, transform; } .hamburger.active span { background: rgba(0, 0, 0, 0); } .hamburger.active span::before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hamburger.active span::after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger.active span::before, .hamburger.active span::after { background: #9d9d9d; transition-delay: 0, 0.0s; } /** Mobile Menu **/ #mobileMenu { display: none; position: absolute; z-index: 9; top: 0; right: 110%; width: 190px; padding: 46px 15px 20px; background: #FFF; box-shadow: -2px -2px 17px -1px rgba(50, 50, 50, 1); transition: right 0.3s; } #mobileMenu.active { right: calc(100% - 220px); } #mobileMenu li { margin-bottom: -1px; border: 1px solid #CCC; border-right: none; border-left: none; list-style: none; } #mobileMenu li > a { display: block; padding: 8px 13px; font-size: 14px; text-decoration: none; color: #4d4d4d; } /** Mobile Header Cart **/ #header .cart.mobile, #header .search.mobile { float: right; width: 40px; height: 40px; top: auto; left: auto; background: #FFF; } #header .cart.mobile { float: right; top: auto; left: auto; width: 25px; height: 31px; padding: 11px 0 0 25px; background: url('/content/images/static/cart.png') no-repeat 0 center transparent; background-size: 21px auto; font-size: 18px; color: #FFF; text-decoration: none; } /** Product Box **/ .product-box .product-image { display: block; position: relative; width: 100%; height: 146px; } .product-box .product-image > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 90%; width: auto; max-height: 85%; height: auto; margin: auto; padding: 0; } .product-name > a { display: block; max-height: 34px; max-width: 90%; overflow: hidden; padding: 0 5%; } /**** 3. VIEWS ****/ /* Contact Us*/ #contact-us .left { margin-right: 30px; } /* Home */ .home.content-indent { width: 984px; margin: 0 auto; } .home-categories { display: none; } /* Payment */ #consultantResults { clear: left; padding-top: 10px; } #tabscontent .pay-total { margin-bottom: 15px; } #tabscontent fieldset { padding: 10px; } /* Products */ #content #product_list .descBox { max-width: 100%; } /**** 4. MEDIA QUERIES ****/ /** 4.1 Large Mobile / Some tablet **/ @media (max-width:800px) { /** 4.1.1 Tags **/ body.responsive .notMobile, body.responsive .notMobile { display: none; } body.responsive .mobile { display: block; } body.responsive h2.mobilePad { padding: 10px 0; } body.responsive .mobile h1.title { color: #000; font: bold 26px/1.2em Calibri,Arial,Helvetica,sans-serif; text-transform: capitalize; padding: 0px; margin: 0px; padding-bottom: 15px; } /** Product Details **/ body.responsive .mobileSizing { width: 100% !important; height: initial !important; } body.responsive #image1 { width: 80% !important; height: initial !important; padding-top: 20px; } body.responsive .slides_container { padding: 0px; border: none; background: none; } body.responsive .fright .price { float: right; display: inline-block; } body.responsive .fright .s_desc { float: left; display: inline-block; padding-top: 25px; max-width: 65%; } body.responsive .productdetails-view { border: none; } body.responsive .productdetails-view .product-box2 .addtocart-button { padding: 0px; } body.responsive .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button { padding: 0px; margin: 0px; } body.responsive .product-box2 .spacer-buy-area { position: absolute; top: 35px; right: 0px; } body.responsive .productdetails-view .product-box2 { width: initial; padding: 0px; margin-top: 0px; background: none; border-radius: 0px; border: none; } body.responsive .Fly-tabs .tabs { width: 100%; } body.responsive .Fly-tabs .tabs .tab-link { width: 20%; } body.responsive .mobile .share1 { display: block; float: right; } body.responsive h2 { padding: 0; } body.responsive .mobile .title { display: inline-block; } /** 4.1.2 Controls **/ /* Main page structure */ body.responsive { min-width: initial !important; padding: 0; } body.responsive .box-main { max-width: 100%; } body.responsive #left { display: none; } body.responsive #foot { display: none; } body.responsive #footerlinks { display: none; } /* Header */ body.responsive #header { height: 46px; background-color: #001722; border-bottom: 4px solid #e31b23; } body.responsive #mobileMenu { display: block; } body.responsive #logo { position: absolute; z-index: 1; right: 0; left: 0; width: 145px; margin: 0 auto; } body.responsive #logo > a > img { padding: 8px; width: 117px; height: auto; } body.responsive #logo > a:nth-child(1).notMobile { display: none; } body.responsive #header > .moduletable-category, body.responsive #topmenu, body.responsive #mini-cart > .row-bg { display: none; } body.responsive #mini-cart { float: right; width: 55px; height: 40px; margin-left: 10px; } /* Product box */ body.responsive .product-box { width: calc(33.3% - 9px); } /* Standard form */ body.responsive .formLabel { width: 140px !important; } /**4.1.3 Views **/ /* Cart */ body.responsive #vmMainPageOPC table .inputbox { width: 40px; margin-right: 5px; } body.responsive #vmMainPageOPC table .codeCol { display: none; } /* Contact Us*/ #contact-us { max-width: 100%; } #contact-us .left { max-width: 100%; margin-bottom: 20px; } #contact-us form input[type="text"], #contact-us form textarea { max-width: calc(100% - 6px); } /* Home */ .home-top-section { display: none; } .home.content-indent { width: calc(100% - 20px); } .home-products { margin: 0; white-space:nowrap; overflow:auto; } .home-products .product-box { float:none; display:inline-block; vertical-align:top; white-space:normal; } .responsive-gift-cert { display:inline-block !important; background-position: 0px 2%; } .responsive-gift-cert.mobile { background-position:center 10%; background-size:70%; } .home-categories { display: block; padding-top: 20px; } .home-categories > ul { overflow: hidden; } .home-categories > ul > li { list-style: none; } .home-categories > ul > li > a { float: left; width: calc(33.33% - 30px); margin: 5px 5px; padding: 5px 10px; border-radius: 3px; background: #e31b23; color: #fff; text-decoration: none; text-align: center; } .bottom-promo-holder { display: none; } .bottom-promo { display: none; } .bottom-teaser { display: none; } /* Payment */ body.responsive #tabscontent .pay-total { margin: 10px 0; } /* Payment - Thank You */ body.responsive #payment-thank-you { margin: 10px 0; }http://localhost:5050/products?subCategoryId=18&fromLink=main /* Products */ body.responsive .categoryitems { display: none; } body.responsive .orderby-displaynumber { display: none; } #content #product_list .imgBox { margin-right: 15px; } #content #product_list .descBox { max-width: calc(100% - 265px); } #content #product_list .descBox .title-indent { padding: 0; margin-right: 10px; } #content #product_list .buyBox { width: 118px; padding-top: 20px; } #content #product_list .buyBox .quantity-input { width: 17px; } #content #product_list .buyBox .quantity-controls { margin: 0; } } /** intermediate **/ @media (max-width:750px) { .responsive-gift-cert.mobile { } } @media (max-width:650px) { .responsive-gift-cert.mobile { background-position-y: 20%; } } /** 4.2 Large Mobile **/ @media (max-width:550px) { .responsive-gift-cert.mobile { background-position-y: 25%; background-size:90%; } body.responsive .Fly-tabs .tabs .tab-link { width: initial; } } /** 4.3 Standard Mobile **/ @media (max-width:450px) { /** 4.2.1 Tags **/ /** 4.2.2 Controls **/ body.responsive .product-box { width: calc(50% - 9px); } /* Standard form */ body.responsive .formLabel { text-align: left !important; } body.responsive .formField, body.responsive .formField-small { clear: left; } /**4.2.3 Views **/ /* Cart */ body.responsive #vmMainPageOPC table .priceCol { display: none; } body.responsive #vmMainPageOPC table .quantityCol > div { min-width: 95px; } /* Home */ .home-categories > ul > li > a { width: calc(100% - 30px); } /* Payment */ body.responsive #vmMainPageOPC .formField { margin-top: 0 !important; } body.responsive #SearchConsultant { margin-bottom: 5px; } /* Products */ body.responsive #content #product_list .imgBox { float: none; width: 100%; margin: 0; overflow: hidden; } body.responsive #content #product_list .imgBox .browseProductImageContainer { float: none !important; width: 70% !important; height: auto; margin: 0 auto !important; padding: 0; } body.responsive #content #product_list .imgBox .browseProductImage { width: 100%; height: auto; } body.responsive #content #product_list .descBox { max-width: 100%; } body.responsive #content #product_list .descBox .title-indent { margin: 8px 0 0; } body.responsive #content #product_list .descBox .title-indent > h2 > a { display: block; text-align: center; text-decoration: none; font-size: 16px; } body.responsive #content #product_list .descBox .title-indent > div { display: none; } body.responsive #content #product_list .buyBox { clear: left; float: none; margin: 10px auto 0; padding-top: 5px; } body.responsive #content #product_list .buyBox .product-price { margin-bottom: 12px; } body.responsive #content #product_list .buyBox .product-price .PricesalesPrice { float: none; display: block; text-align: center; } body.responsive #content #product_list .buyBox .addtocart-bar > .addtocart-button { margin-top: 5px; } body.responsive #content #product_list .buyBox .addtocart-button { margin: 0 auto; } body.responsive .mobile .share1 { float: none; } body.responsive .addthis_toolbox { text-align: left; padding-bottom: 10px; } body.responsive .fright .s_desc { max-width: 100%; display: block; margin-top: 20px; } } /** 4.4 Small Mobile **/ @media (max-width:400px) { body.responsive .Fly-tabs .tabs .tab-link { width: 24%; } } .hide { display: none; } .fright { float:right; } .order h3 { padding: 5px 0 10px 0; } img { border: none; vertical-align: middle; } .first .content-indent { padding: 0px; background: #fff; position: relative; border-radius: 0px; } .print-header { display: none; } .content-indent { padding: 10px; border: none; position: relative; border-radius: 0; } .contacts .content-indent { padding-top: 0px; background: none; } #contact-us form input[type='text'] { height: 27px; line-height: 27px; width: 353px; background: #F9F9F9; margin-bottom: 8px; } #contact-us form textarea { width: 353px; background: #F9F9F9; height: 200px; border: 1px solid #cccccc; } #contact-us form input[type='submit'] { background: red; height: 25px; color: #fff; border-radius: 4px; padding: 0 6px 4px 6px; border: 0px; margin-top: 6px; } #not-attending form input[type='text'] { height: 27px; line-height: 27px; width: 353px; background: #F9F9F9; margin-bottom: 8px; } #not-attending form input[type='submit'] { background: red; height: 25px; color: #fff; border-radius: 4px; padding: 0 6px 4px 6px; border: 0px; margin-top: 6px; } /*---------------------------about us---*/ .about { padding: 10px 0px 0 0; border-top: none; margin-top: -1px; } .about h2 { font: normal 12px/21px Calibri, Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; text-transform: uppercase; padding: 0; margin: 0; color: #e31b23; border: none; } .about p { margin: 0; padding: 15px 0 0 0; color: #434C59; font: normal 12px/18px Calibri, Arial, Helvetica, sans-serif; } .about p.p1-top { padding-top: 23px; } .about ul { list-style-type: none; margin: 0 0 -12px 0; padding: 15px 0 0 0; } .about ul li { color: #434C59; font: normal 12px/18px Calibri, Arial, Helvetica, sans-serif; background: url(/content/images/marker.gif) no-repeat 0 6px; padding: 0 0 0 20px; margin-bottom: 13px; } .about ul li strong { color: #e31b23; font-weight: bold; } /*---------------------------delivery---*/ .delivery { padding: 10px 28px 0 0; border-top: none; margin-top: -1px; } .delivery h2 { font: normal 12px/21px Calibri, Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; border: none; color: #e31b23; text-transform: uppercase; padding: 0; margin: 0; } .delivery p { margin: 0; padding: 15px 0 0 0; color: #434C59; font: normal 12px/18px Calibri, Arial, Helvetica, sans-serif; } .delivery ul { list-style-type: none; margin: 0 0 0px 0; padding: 15px 0 8px 0; } .delivery ul li { color: #434C59; font: normal 12px/18px Calibri, Arial, Helvetica, sans-serif; background: url(/content/images/marker.gif) no-repeat 0 6px; padding: 0 0 0 20px; margin-bottom: 13px; } .delivery ul li strong { color: #333; } .left { float: left; } /* Styles for validation helpers -----------------------------------------------------------*/ .alert-note { font-style: italic; font-size: 13px; } .field-validation-error { color: #ff0000; font-style: italic; font-size: 12px; } .field-validation-valid { display: none; } .input-validation-error { box-shadow: inset 0px 0px 0px 1px #f00; background-color: #ffeeee !important; color:black !important; } .validation-summary-errors { font-weight: bold; color: #ff0000; } .validation-summary-valid { display: none; } /*===== ACCORDION =====*/ .FAQS { padding: 10px 0px 0 0; width: 100%; border-top: none; margin-top: -1px; } .FAQS h2 { font: normal 12px/21px Calibri,Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; color: #e31b23; border: none; text-transform: uppercase; padding: 0; margin: 0 0 14px 0; } dl#accordion { border: 1px solid #e5e5e5; border-bottom: none; list-style-type: none; padding-left: 0px; margin: 0; width: 698px; overflow: hidden; position: relative; } dl#accordion dt { margin: 0; padding: 0px; position: relative; display: block; border-bottom: 1px solid #e5e5e5; box-shadow: 0 0 30px #fafafa inset; -moz-box-shadow: 0 0 30px #fafafa inset; -webkit-box-shadow: 0 0 30px #fafafa inset; position: relative; background: #fff; } dl#accordion .bg { padding: 0 10px 0 38px; overflow: hidden; margin: 0px 0 1px 0; } dl#accordion dt span { background: url(/content/images/sub-plus.gif) 10px center no-repeat; padding: 0; color: #000 !important; font-size: 12px; font-weight: bold; font-family: Calibri,Arial, Helvetica, sans-serif; text-transform: none; line-height: 43px; cursor: pointer; margin: 0; display: block; height: 1%; } dl#accordion dt.active span { z-index: 1; background: url(/content/images/sub-minus.gif) 10px center no-repeat; color: #e31b23 !important; } dl#accordion dd { background: none; display: none; margin: 0; padding: 0; overflow: hidden; border-bottom: 1px solid #e5e5e5; } dl#accordion dd .indent { background: #f7f7f7; padding: 15px 20px 5px 17px; min-height: 55px; margin: 0; } dl#accordion dd .indent p { display: inline-block; margin: 0px; color: #9a9999; font: normal 12px/18px Calibri, Arial, Helvetica, sans-serif; background: url(/content/images/accordionMarker.gif) left 6px no-repeat; padding-left: 20px; } /* ########################## logo ########################### */ #logo { padding-left: 0px; text-transform: uppercase; font-weight: normal; margin: 0; display: block; float: left; } h1#logo img { display: block; } .welcome_msg { text-transform: uppercase; font-size: 11px; line-height: 11px; color: #ff6e00; } .moduletable-msg { position: absolute; top: 29px; right: 29px; } /* ########################## header ########################### */ #header { position: relative; z-index: 9; width: 100%; height: 215px; background: #FFFFFF; margin: 0 0 0 0; } #header .head { width: 950px; position: relative; margin: 0 auto; } .row-bg { width: 240px; height: 132px; background: url(/Content/images/row-bg.png) left top repeat-x; } /* --------------------------------------------------------- structure --- */ body { width: 100%; /*background:#e31b23;*/ min-width: 1064px !important; font-size: 12px; font-family: Calibri,Arial, Helvetica, sans-serif; padding-bottom: 38px; padding-top: 10px; } .main { width: 1020px; padding: 0; position: relative; margin: 0 auto; text-align: left; z-index: 1; } .main2 { width: 1020px; padding: 0 0 0 0; position: relative; background: none; margin: 0 auto; text-align: left; z-index: 10; } .box-main { width: 1020px; position: relative; padding: 0 0px 0px 0px; background: #ffffff; margin: 0 auto; text-align: left; } #purchase-gift-certificate textarea { font-family:Arial,Helvetica,sans-serif; font-size:14px; } .box-main .tail-bot { background: url(/content/images/tail-bottom.gif) left bottom repeat-x; } .box-main .tail-top { background: url(/content/images/tail-top.gif) left top repeat-x; } .box-main .tail-right { background: url(/content/images/tail-right.gif) right top repeat-y; } .box-main .tail-left { background: url(/content/images/tail-left.gif) left top repeat-y; } .box-main .corner-top-right { background: url(/content/images/corner-right-top.gif) right top no-repeat; } .box-main .corner-top-left { background: url(/content/images/corner-left-top.gif) left top no-repeat; } .box-main .corner-bot-right { background: url(/content/images/corner-right-bottom.gif) right bottom no-repeat; } .box-main .corner-bot-left { background: url(/content/images/corner-left-bottom.gif) left bottom no-repeat; width: 100%; } /* ------------------------------------- topmenu --- */ #topmenu { height: 20px; padding: 0px 0 12px 4px; float: left; margin-top: 1px; } .moduletable-nav ul.menu { list-style: none; padding: 0 0 0 0; margin: 0 0px 0px 0px; } .moduletable-nav ul.menu li { font: bold 12px/30px Calibri, Arial, Helvetica, sans-serif; background: none; letter-spacing: 0px; text-transform: uppercase; float: left; margin: 0 0px 0 0px; padding: 0px 7px 0px 0px; } .moduletable-nav ul.menu li a { color: #4d4c4c; display: inline-block; text-decoration: none; text-align: center; padding: 0 0 0 15px; cursor: pointer; } /* ------------------- hover, active --- */ .moduletable-nav ul.menu li a:hover, .moduletable-nav ul.menu li.active a { text-decoration: none; color: #e31b23; } /* ------------------------------------- end topmenu --- */ /* ------------------------------------- search --- */ #search { position: absolute; top: 41px; right: 269px; background: none; border: none; width: 456px; height: 32px; padding: 0; margin: 0; overflow: hidden; z-index: 1; } #search h3 { font: normal 13px/18px Calibri, Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; color: #fff; border: none; background: none; margin: 0; padding: 4px 0 0 1px; float: left; width: 59px; } #search form .search { z-index: 9; position: relative; } #search form .search .inputbox { background: #fff; border: 1px solid #bdb79e; display: inline-block; padding: 8px 10px 8px 8px; float: left; width: 397px; height: 14px !important; font-size: 12px; line-height: 1.2345em; color: #929292; vertical-align: middle; border-radius: 2px; } #search form .search .button { border: none; text-indent: -9999px; background: url(/content/images/search-button.png) left top no-repeat; color: #fff !important; text-decoration: none; display: inline-block; width: 32px; height: 32px; font-size: 12px; text-transform: capitalize; line-height: 23px !important; font-weight: bold; font-style: normal !important; margin: 0px 0 0 0; cursor: pointer; position: relative; letter-spacing: 0px; display: inline-block; position: absolute; right: 0px; top: 0px; border-radius: 0; } #search form .search .button:hover { background: url(/content/images/search-button.png) left bottom no-repeat; color: #fff; } /* ------------------------------------- end search --- */ /* ------------------------- currency --- */ .currency { background: none; border-bottom: 1px solid #fff; width: 216px; height: 39px; margin: 0; padding: 0px; position: absolute; left: 12px; top: 15px; z-index: 1000; } .currency .moduletable { position: relative; } .currency h3 { background: none; letter-spacing: 0px; border: none; color: #fff; font: bold 12px/1.2em Calibri, Arial, Helvetica, sans-serif; padding: 1px 0px 4px 0px; margin: 0; float: none; text-transform: uppercase; } .currency .moduletable input[type='text'] { width: 150px; float: left; margin-right: 8px; } .currency .moduletable input[type='submit'] { background: #000000; color: #fff; float: left; height: 20px; border: 0px; margin-top: 6px; padding: 0px 2px 4px 2px; border-radius: 4px; font-size: 12px; } #select-form { margin-left: 0; display: none; } .jqTransformSelectWrapper { background: url(/content/images/select_left.png) left top no-repeat; color: #c0c0c0; font: normal 12px/20px Calibri, Arial, Helvetica, sans-serif; width: 115px !important; height: 20px !important; float: left; position: relative; padding: 0px 0 0px 5px; margin-top: 0px; text-transform: capitalize; } .jqTransformSelectWrapper span { display: block; width: 115px !important; } .jqTransformSelectWrapper .jqTransformSelectOpen { background: url(/content/images/select_right.png) left top no-repeat; width: 17px; height: 20px !important; position: absolute; top: 0px; right: 0px; } .jqTransformSelectWrapper ul { list-style: none !important; width: 120px !important; background: #fff; border: none; position: absolute; top: 21px; left: 0px; z-index: 100; border: none; padding-bottom: 2px; } .jqTransformSelectWrapper ul li { padding-left: 8px; display: block; line-height: 16px; } .jqTransformSelectWrapper li a { text-decoration: none; display: block; color: #a4a4a4; } .jqTransformSelectWrapper ul li:hover { background: none; } .jqTransformSelectWrapper ul li:hover a { color: #000; } #select-form .jqTransformHidden { display: none !important; } .currency .button { border: none !important; font-size: 12px; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0px; line-height: 16px !important; vertical-align: top; display: block; background: #2b2b2b; color: #fff !important; text-transform: capitalize; width: 53px; vertical-align: middle; height: 20px; padding: 0 0 1px 0px; margin: 0px 0px 0 0px; text-align: center; position: relative; float: right; border-radius: 3px; margin-top: 5px; margin-bottom: 5px; margin-right: 0px; } .currency .button:hover { background: #4d4c4c; color: #fff !important; text-decoration: none; margin-top: 5px; margin-bottom: 5px; } /* -------------------------end currency --- */ .cart { position: absolute; top: 68px; left: 56px; border: none; width: 177px; height: 40px; background: none; letter-spacing: 0; color: #fff; font: normal 12px/18px Calibri, Arial, Helvetica, sans-serif; padding: 0px 0 0 0; margin: 0; text-align: left; z-index: 999; display: block; } .cart .moduletable { } .cart h3 { background: url(/content/images/cart-img.png) left top no-repeat; font: bold 12px/18px Calibri, Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 3px 0px 5px 29px; text-transform: uppercase; text-align: left; float: none; border: none; letter-spacing: 0px; margin-left: 1px; } .cart_num { display: block; } .cart_num .crt-text { padding-right: 6px; padding-left: 0px; display: inline-block; font: normal 12px/18px Calibri, Arial, Helvetica, sans-serif; display: inline-block; color: #fff; letter-spacing: 0; } .cart_num a { font: bold 12px/18px Calibri, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } .cart_num a em { font-style: normal; font-weight: bold; } .cart_num a:hover { text-decoration: none; color: #000; } .minicart { text-align: left; float: left; } .minicart .total, .minicart .total_products { float: left; margin-right: 0px; } .minicart .total { color: #fff; font: bold 12px/18px Calibri, Arial, Helvetica, sans-serif; display: none; } .minicart .total span { display: none; } #vmCartModule { position: relative; height: 34px; width: 177px; float: none; } #cart_list { overflow: hidden; display: none; color: #4d4d4d; text-align: center; } #cart_list .marg-bot { margin-bottom: 10px; } #cart_list .container .wrapper.marg-bot { background: url(/content/images/container-cart-row.gif) left top repeat-x #f5f5f6; } #cart_list .container .wrapper.marg-bot:first-child { border-radius: 3px 3px 0 0; } #cart_list .container .wrapper.marg-bot .quantity { float: left; } #cart_list .container .product_row { padding-bottom: 5px; } #cart_list .container .product_row .prices { color: #e31b23; } #cart_list .fleft { padding-top: 15px; float: left; width: 120px; position: relative; text-align: left; } #cart_list .fleft a.vm2-remove_from_cart { background: url(/content/images/cart_close.png) left top; background: none\0/ !important; border: 0 none; cursor: pointer; display: inline-block; height: 11px; vertical-align: bottom; width: 11px; text-decoration: none; position: absolute; right: 0px; top: 5px; } #cart_list .fleft a.vm2-remove_from_cart:hover { background-position: left bottom; } #vm_cart_products .image { float: left; width: 90px; padding: 10px; background: none; margin-right: 0px; } #vm_cart_products img { width: 90px; height: 68px; } .product_row .product_name a { color: #000; padding-bottom: 5px; display: inline-block; } .show_products { background: #fff; width: 240px; padding: 10px 0 0 0; display: none; position: absolute; top: 25px; right: -21px; z-index: 999; box-shadow: 0 0 20px #000; border-radius: 3px; } .show_products .total { color: #e31b23; text-transform: uppercase; font: bold 12px/18px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right; padding: 5px 20px 0px 20px; } .show_products .total span { color: #000; padding-right: 5px; ; } .cart .show_cart { padding: 0px 20px 0px 0; overflow: hidden; text-align: left; float: right; } .show_products .show_cart a { border: none; background: #e31b23; color: #fff; text-transform: none; text-decoration: none; display: inline-block; font-size: 11px; line-height: 22px !important; padding: 0px 10px 0px 10px; height: 23px; width: auto; font-style: normal !important; margin: 10px 0 15px 0; text-align: center; cursor: pointer; position: relative; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: bold; float: none; letter-spacing: 0px; border-radius: 3px; } .show_cart a:hover { background: #000; text-decoration: none; } .empty { text-align: left; } .cart hr, .cart .none { display: none; } #cart_list .xxx { padding-top: 0px; margin-bottom: 5px; } .box-bg { background: url(/content/images/box_bg.gif) left bottom repeat-x #fff; border: 1px solid #fff; border-radius: 6px; box-shadow: 0px 4px 5px #e9e8e8; position: relative; min-height: 420px; overflow: hidden; margin-bottom: 20px; margin-left: -1px; } .box-bg .col-1 { width: 340px; margin: 29px 0 29px 0; border-left: 1px solid #e4e4e4; float: left; } .box-bg .col-1:first-child { border: none; width: 341px; } .box-bg .col-1 h2 { font: normal 27px/1.2em Calibri, Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; color: #000; text-transform: uppercase; padding: 0 0 0 27px; margin: 0; } .box-bg .col-1:first-child h2 { padding-left: 29px; } .box-bg .col-1 p { color: #979797; font: normal 12px/19px Calibri, Arial, Helvetica, sans-serif; padding: 22px 30px 25px 28px; margin: 0; } .box-bg .col-1:first-child p { padding-left: 30px; } .box-bg .col-1 a { font: normal 12px/40px Calibri, Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #fff; width: 171px; height: 40px; background: url(/content/images/button1.png) left top no-repeat; text-align: center; display: inline-block; text-decoration: none; margin: 0 0 0 29px; } .box-bg .col-1 a:hover { background-position: left bottom; text-decoration: none; } .box-bg .col-1:first-child a { margin-left: 31px; } .box-slider { border: 1px solid #ececec; position: relative; padding: 5px; height: 440px; width: 930px; margin-top: 200px; border-radius: 12px; margin-left: 1px; margin-bottom: 50px; } .moduletable_banners { position: relative; width: 217px; float: right; padding-right: 28px; } .moduletable_banners .banneritem { float: none; } .moduletable_banners .banneritem:first-child { margin-bottom: 20px; } .custom_social { position: absolute; top: 58px; right: -9px; } ul.social { background: none; padding: 0; margin: 0; list-style-type: none; overflow: hidden; } ul.social li { float: left; margin-right: 10px; padding: 0; } ul.social li a:hover img { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } /* ------------------------------------- content --- */ #fullscreencontent { background: #FFFFFF; padding: 0px; margin: 0; z-index: 1; border-radius: 0; position: relative; border-top: none; overflow: hidden; } #content { background: #FFFFFF; padding: 0px 12px 12px 12px; margin: 0; z-index: 1; border-radius: 0; position: relative; border-top: none; overflow: hidden; } #left { float: left; width: 252px; margin: 0 0px 0 0px; padding: 0px 0 0px 0px; } .container { height: 100%; position: relative; overflow: hidden; padding: 0px; margin: 0; } #right { float: right; width: 220px; margin: 0 0px 0 20px; } .contacts #right { width: 300px; } /* ------------------------------------- footer --- */ #back-top { position: absolute; top: -20px; right: -61px; z-index: 1; display: block !important; padding: 0; } #back-top a { display: block !important; width: 61px; height: 44px; background: url(/content/images/back.png) left top no-repeat; background: url(/content/images/back.png) left top no-repeat\0/; padding: 0; } #back-top a:hover { opacity: 0.5; } #foot { position: relative; min-height: 90px; margin: 0px 0px 0 0px; border-top: none; background: #252525; } #foot .foot-absolute .footer2 { color: #aaa; } #foot .space { padding: 0px 0 0 0; font: normal 12px Calibri, Arial, Helvetica, sans-serif; color: #ffffff; text-transform: none; } #foot a { color: #ffffff; text-decoration: none; } #foot a:hover { text-decoration: underline; } .footerText div { padding-top: 0px; } #foot .footerText { padding: 0px 0 0 0; } #foot .footerText div { float: left; } #foot ul { border: none; background: none; padding: 0px 0 0px 0px; margin: 0 0 0px 0; list-style: none; position: relative; width: 100%; overflow: hidden; float: none; } #foot ul li { background: none; font: bold 12px/29px Calibri, Arial, Helvetica, sans-serif; background: none; display: block; padding: 0px 23px 0 0px; text-transform: uppercase; letter-spacing: none; margin: 0 0 0 0; float: left; } #foot ul li a { background: none; display: inline-block; color: #ffffff; padding: 0; text-decoration: none; } #foot ul li a:hover, #foot ul li.active a { color: #ffffff; text-decoration: none; } .PayPal { overflow: hidden; float: right; margin: 20px 20px 0 0; } .PayPal a { display: block; float: left; margin-left: 11px; height: 35px; } a.pay1 { background: url(/content/images/img1.png) left top no-repeat; width: 78px; } a.pay2 { background: url(/content/images/img2.png) left top no-repeat; width: 55px; } a.pay3 { background: url(/content/images/img3.png) left top no-repeat; width: 58px; } /* ------------------------------------- boxes --- */ #boxes { border-top: none; margin: 0px 0px 0 0px; z-index: 90; position: relative; } #boxes .foot-absolute .footer2 { color: #aaa; } #boxes .space { padding: 0px 0 0 0; font: normal 12px Calibri, Arial, Helvetica, sans-serif; color: #ffffff; text-transform: none; } #boxes a { color: #ffffff; text-decoration: none; } #boxes a:hover { text-decoration: underline; } .footerText div { padding-top: 0px; } #boxes .footerText { padding: 0px 0 0 0; } #boxes .footerText div { float: left; } #boxes ul { border: none; background: none; padding: 0px 0 0px 0px; margin: 0 0 0px 0; list-style: none; position: relative; width: 100%; overflow: hidden; float: none; } #boxes ul li { background: none; font: bold 12px/29px Calibri, Arial, Helvetica, sans-serif; background: none; display: block; padding: 0px 23px 0 0px; text-transform: uppercase; letter-spacing: none; margin: 0 0 0 0; float: left; } #boxes ul li a { background: none; display: inline-block; color: #ffffff; padding: 0; text-decoration: none; } #boxes ul li a:hover, #boxes ul li.active a { color: #ffffff; text-decoration: none; } /* ------------------------------------- receipes --- */ #receipes { background: #ffffff; border-top: none; margin: 0px 12px 0 12px; z-index: 90; position: relative; } /* ------------------------------------- corporate site --- */ #corporatesite { border-top: none; margin: -68px 3px 0px 3px; z-index: 1; position: relative; } #corporatesite .foot-absolute .footer2 { color: #aaa; } #corporatesite .space { padding: 0px 0 0 0; font: normal 12px Calibri, Arial, Helvetica, sans-serif; color: #595959; text-transform: none; } #corporatesite a { color: #595959; text-decoration: none; } #corporatesite a:hover { text-decoration: underline; } .footerText div { padding-top: 0px; } #corporatesite .footerText { padding: 0px 0 0 0; } #corporatesite .footerText div { float: left; } #corporatesite ul { border: none; background: none; padding: 0px 0 0px 0px; margin: 0 0 0px 0; list-style: none; position: relative; width: 100%; overflow: hidden; float: none; } #corporatesite ul li { background: none; font: bold 12px/29px Calibri, Arial, Helvetica, sans-serif; background: none; display: block; padding: 0px 0px 0 0px; text-transform: uppercase; letter-spacing: none; margin: 0 0 0 0; float: left; } #corporatesite ul li a { background: none; display: inline-block; color: #4d4c4c; padding: 0; text-decoration: none; } #corporatesite ul li a:hover, #corporatesite ul li.active a { color: #e31b23; text-decoration: none; } /* ------------------------------------- Tooltips --- */ .tool-tip { background: #ffc; border: 1px solid #b4b58A; color: #000; max-width: 200px; text-align: left; z-index: 99 !important; } .tool-title { background: #dda; border-bottom: 1px solid #b4b58A; padding: 5px 10px; font-weight: bold; } .tool-text { padding: 5px 10px; } /* ------------------------------------- VM --- */ .wrapper { overflow: hidden; width: 100%; /*margin-bottom:-11px;*/ } .wrapper2 { width: 100%; } .wrapper3 { overflow: hidden; width: 100%; height: 100%; } .wrapper4 { overflow: hidden; width: 100%; height: 100%; padding-left: 5px; } .clear { clear: both; } .float-left { float: left; } .float-right { float: right; } .contact_email #contact_email_copy { margin: 0; float: left; width: 15px; } /* ------------------------------------- boxes --- */ .module .box, .module_menu .box, .module_login .box, .module_text .box { background: #fff; } .module_login .box .tail-bottom, .module .box .tail-bottom, .module_menu .box .tail-bottom, .module_text .box .tail-bottom { background: url(/content/images/box-corner-tail-bottom.gif) bottom repeat-x; } .module_login .box .tail-top, .module .box .tail-top, .module_menu .box .tail-top, .module_text .box .tail-top { background: url(/content/images/box-corner-tail-top.gif) top repeat-x; } .module_login .box .tail-right, .module .box .tail-right, .module_menu .box .tail-right, .module_text .box .tail-right { background: url(/content/images/box-corner-tail-right.gif) right repeat-y; } .module_login .box .tail-left, .module .box .tail-left, .module_menu .box .tail-left, .module_text .box .tail-left { background: url(/content/images/box-corner-tail-left.gif) left repeat-y; } .module_login .box .corner-right-bottom, .module .box .corner-right-bottom, .module_menu .box .corner-right-bottom, .module_text .box .corner-right-bottom { background: url(/content/images/box-corner-right-bottom.gif) right bottom no-repeat; } .module_login .box .corner-left-bottom, .module .box .corner-left-bottom, .module_menu .box .corner-left-bottom, .module_text .box .corner-left-bottom { background: url(/content/images/box-corner-left-bottom.gif) left bottom no-repeat; } .module_login .box .corner-right-top, .module .box .corner-right-top, .module_menu .box .corner-right-top, .module_text .box .corner-right-top { background: url(/content/images/box-corner-right-top.gif) right top no-repeat; } .module_login .box .corner-left-top, .module .box .corner-left-top, .module_menu .box .corner-left-top, .module_text .box .corner-left-top { background: url(/content/images/box-corner-left-top.gif) left top no-repeat; width: 100%; } /* ------------------------------------- END boxes --- */ .contacts .module_login { display: none; } .module_login { position: relative; background: #d2cdb9; border: 1px solid #bdb79e; position: relative; border-radius: 0px 0px 0 0; overflow: hidden; margin: 0; padding: 0 9px 0 9px; margin-bottom: 0; margin-top: 0px; } .module_login h3 { background: none; font: normal 13px/43px Calibri, Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; color: #fff; margin: 0; padding: 3px 0 1px 12px; text-transform: uppercase; border-bottom: 1px solid #fdb0c7; } .module_login .boxIndent { background: none; position: relative; padding: 8px 0 8px 0px; overflow: hidden; } #login-form #modlgn-username.inputbox, #login-form #modlgn-passwd.inputbox { width: 136px; margin-top: 0px; margin-right: 9px; height: 20px; line-height: 20px; background: #fff; border: solid 1px #bdb79e; color: #929292; padding: 0px 5px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 11px; outline: none; float: none; border-radius: 0px; position: relative; } #login-form p { float: left; margin-bottom: 0; } #login-form label { display: none; } #login-form fieldset { border: 0; } .moduletable-search { width: 265px; position: absolute; overflow: hidden; padding: 0 10px 10px; background: #282828; top: 0px; right: 0; } #login-form #form-login-remember { overflow: hidden; padding-top: 3px; margin-bottom: 0px; } #modlgn-remember.inputbox { width: 13px !important; height: 13px; line-height: 12px; margin: 0; padding: 0; background: none; border: 0 !important; outline: none !important; float: left; } #form-login-remember label { display: inline-block; float: left; color: #e31b23; font-size: 12px; line-height: 12px; margin-left: 8px; text-decoration: underline; margin-top: -1px; } #form-login-remember label:hover { text-decoration: none; } fieldset.input { border: 0; } #login-form .login-greeting { float: left; margin-right: 10px; } #login-form .logout-button { margin-top: 0; } #login-form .logout-button .button { width: auto; padding-left: 5px; padding-right: 5px; } #login-form .button { margin: 0; width: 42px; height: 22px; line-height: 20px !important; border: 1px solid #b32622; background: #e31b23; vertical-align: top; float: left; margin-left: 0px; font-size: 12px; font-weight: bold; text-align: center; padding: 0; } #login-form .button:hover { border: 1px solid #000; background: #000; } @-moz-document url-prefix() { #login-form .button { padding-bottom: 3px; } } #login-form ul { margin: 0; padding: 0px 0 0 9px; list-style-type: none; float: left; } #login-form ul li { font: normal 12px/16px Calibri, Arial, Helvetica, sans-serif; color: #4d4c4c; padding-bottom: 0px; } #login-form ul li span { display: inline-block; padding-top: 9px; } #login-form ul li a { text-decoration: none; color: #4d4c4c; } #login-form ul li a:hover { text-decoration: underline; } #login-form .create { float: left; margin-left: 10px; margin-right: 10px; padding-top: 0px; } #login-form .create a { text-decoration: none; color: #fff; text-transform: none; font: bold 12px/19px Calibri, Arial, Helvetica, sans-serif; border: 1px solid #252525; background: #4d4c4c; height: 20px; width: 113px; display: inline-block; text-align: center; } #login-form .create a:hover { text-decoration: none; background: #000; } .item { overflow: hidden; } /* ------------------------------------- category-view --- */ .marg .category-view { margin: 0px 0px 0px 0; } .marg .category-view .category { width: 165px; } .category-view { overflow: hidden; position: relative; width: 100%; margin-bottom: 0px; margin-left: 0px; } .category-view .row.marg { margin-bottom: 0; padding: 0; } .category-view .floatleft { float: left; border: 1px solid #eee; } .category-view .spacer, .category-view .category { padding: 0 !important; margin: 0 0 0 10px; width: 165px; border-radius: 0px; } .category-view .spacer, .category-view .category:first-child { margin-left: 0; } .category-view .spacer { margin: 0; } .category-view .category-border { background: none; padding: 25px 0 25px 0; border-bottom: 1px solid #eee; text-align: center; } .category-view .category-title { font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000; padding: 15px 15px 15px 15px; background: none; text-align: center; } .category-view .spacer h2 { padding: 0 !important; margin: 0 !important; background: none; border: none !important; } .category-view .spacer h2 a { text-decoration: none; text-align: left !important; padding: 0 !important; background: none; margin: 0 !important; border: none !important; } .category-view .spacer h2 a:hover .category-title { text-decoration: none; color: #e31b23; } .category-view .spacer h2 a img { width: 132px; height: 99px; background: #fff; margin: 0; text-align: center; } .category-view .horizontal-separator { margin: 10px 0 10px 0; } /* ------------------------------------- browse-view --- */ .category_description { padding: 20px; } h1.browse-view { background: none; margin: 0 0px 10px 0px; } .orderby-displaynumber { background: #fbfbfb; padding: 10px; padding-top: 5px; margin: 0px 0px 0 0px; margin-bottom: 0px; position: relative; z-index: 99; border-bottom: none; } .orderlistcontainer { font-size: 12px; line-height: 18px; color: #818181; margin: 0; position: relative; float: left; margin-right: 20px; } .orderby-displaynumber .title { padding-right: 10px; padding-top: 2px; font-size: 12px; line-height: 18px; color: #818181; } .orderlistcontainer .Manufactur { display: none; } .orderlistcontainer div.activeOrder { background: #FFF; cursor: pointer; border: solid #e5e5e5 1px; font-size: 12px; padding: 2px 25px 1px 10px; color: #bebeba; float: left; min-width: 110px; height: 19px; background: url(/content/images/arrow_down.png) right 1px no-repeat #fff; border-radius: 0; } .orderlistcontainer:first-child div.activeOrder { min-width: 81px; } .orderlistcontainer a { text-decoration: none; display: block; color: #bebeba; } .orderlistcontainer a:hover { text-decoration: none; display: block; } .orderlistcontainer div.orderlist { display: none; position: absolute; top: 23px; left: 0px; border: solid #e5e5e5 1px; background: #FFF; cursor: pointer; min-width: 155px; } .orderlistcontainer:first-child div.orderlist { left: 0px; min-width: 116px; } .orderlistcontainer div.orderlist div { padding: 0; margin: 0; } .orderlistcontainer div.orderlist div a { color: #333; padding: 2px 12px 2px 10px !important; display: block; } .orderlistcontainer div.orderlist div a:hover { background: #f4f4f4; } .Results { width: 210px; float: left; font-size: 12px; line-height: 18px; color: #818181; margin: 0; } .Results select.inputbox { width: auto; height: auto; padding: 3px 2px 2px 5px; margin: 0px 5px 0 0; float: none; color: #BEBEBA; } .Results span { display: block; float: right; padding-bottom: 0px; padding-top: 2px; } /* ------------------------------------- product_list1 --- */ .marg { padding: 0 0 0 0; } #content .browse-view { margin-bottom: 0; } #content #product_list .browse-view { margin-bottom: 0; } #content .content-indent #product_list .row { border: 1px solid #e5e5e5; margin-top: 10px; border-radius: 3px; position: relative; } #content .content-indent #product_list .row:first-child { margin-top: 0; } #content .content-indent #product_list .row:hover { box-shadow: 1px 6px 5px #b0afaf; } #content .content-indent .browse-view .row.odd { background: url(/content/images/line-product-1.png) left top repeat-x #f4f4f4; } #content .content-indent .browse-view .product-row { cursor: pointer; } #content .content-indent .browse-view .row.odd:hover { background: #fff; } #content .content-indent .browse-view .row.even { background: url(/content/images/line-product-2.png) left top repeat-x #fff; } #content .content-indent .browse-view .row.even:hover { background: #fff; } #content .content-indent .browse-view .spacer { padding: 10px; margin: 0; overflow: hidden; position: relative; } #content .content-indent .browse-view .spacer .col-1 { width: 130px; height: auto; margin-right: 29px; } #content .content-indent .browse-view .spacer .col-1 .browseProductImageContainer { border: 1px solid #e5e5e5; padding: 10px; width: 110px; height: 84px; background: #fff; margin-top: 10px; } #content .content-indent .browse-view .spacer .col-1 .browseProductImageContainer img { width: 110px; height: 84px; background: #fff; } .padding-stock { padding-top: 5px; overflow: hidden; } .padding-stock .stock-level { padding-bottom: 5px; display: block; } #content .content-indent .browse-view .spacer .col-2 { width: 140px; height: auto; padding-top: 22px; position: relative; } #content .content-indent .browse-view .spacer .col-2 .product-price { width: 100%; overflow: hidden; margin-bottom: 10px; } #content .content-indent .browse-view .spacer .col-2 .product-price .PricesalesPrice { float: left; color: #e31b23; font: bold 16px/21px Calibri, Arial, Helvetica, sans-serif; padding-right: 5px; } #content .content-indent .browse-view .spacer .col-2 .product-price span.PricepriceWithoutTax { float: left; font: normal 12px/21px Calibri, Arial, Helvetica, sans-serif; text-decoration: line-through; } #content .content-indent .browse-view .spacer .col-2 .addtocart-area { overflow: hidden; width: 100%; margin: 0; padding-top: 0px; } label.quantity_box { float: left; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; color: #a5a5a5; } span.quantity-box { float: left; width: 40px; margin-left: 4px; } input.quantity-input { border: 1px solid #e5e5e5; border-radius: 0 !important; width: 32px; height: 17px; padding: 0 3px 0 3px; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; color: #e5e5e5; } span.quantity-controls { width: 44px; height: 19px; float: left; padding: 0; margin: 0; } span.quantity-controls input.quantity-controls { border: none; float: left; width: 19px; height: 19px; cursor: pointer; } span.quantity-controls input.quantity-plus { background: url(/content/images/quantity-controls.png) left top no-repeat; margin-left: 2px; } span.quantity-controls input.quantity-plus:hover { background-position: left bottom; } span.quantity-controls input.quantity-minus { background: url(/content/images/quantity-controls.png) right top no-repeat; margin-left: 2px; } span.quantity-controls input.quantity-minus:hover { background-position: right bottom; } #content .content-indent .browse-view .spacer .col-2 .addtocart-area .addtocart-bar, .addtocart-area .addtocart-bar { margin: 0; padding: 0; } #content .content-indent .browse-view .spacer .col-2 .addtocart-area .addtocart-bar span.addtocart-button, .addtocart-bar span.addtocart-button { display: block; margin: 0; padding: 0px 0 0 0; float: none; width: 100px; } #content .content-indent .browse-view .spacer .col-2 .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button, .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button { /*background:#e31b23;*/ background: #39B54A; width: 100px; height: 25px; font: bold 12px/24px Calibri, Arial, Helvetica, sans-serif; padding: 0; text-transform: none; border-radius: 3px !important; border: none; color: #fff; letter-spacing: 0px; margin-top: 13px; } #content .content-indent .browse-view .spacer .col-2 .addtocart-area .addtocart-bar span.addtocart-button:hover .addtocart-button, .addtocart-area .addtocart-bar span.addtocart-button:hover .addtocart-button { color: #fff; background: #4d4c4c; border: none; } .content-indent #bottom-pagination .pagination { overflow: hidden; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; text-align: center; } .content-indent #bottom-pagination .pagination ul { float: right; overflow: hidden; padding-top: 10px; } #recipes #bottom-pagination { text-align: center; } #recipes #bottom-pagination .pagination ul { float: none !important; overflow: hidden; padding-top: 10px; margin: 0px auto !important; min-width: 400px; } .pag-bot .pagination ul { padding-top: 10px; } .content-indent #bottom-pagination .pagination ul li { color: #000; text-align: center; font: bold 12px/20px Calibri, Arial, Helvetica, sans-serif; text-transform: uppercase; float: left; background: none; padding: 4px 10px 4px 10px; border: 1px solid #e5e5e5; margin: 0; margin-left: 8px; } span.recipe-section { color: Red; font-weight: bold; font-size: 18px; } .content-indent #bottom-pagination .pagination ul li a { color: #e31b23; display: block; text-decoration: none; font-weight: bold; } .content-indent #bottom-pagination .pagination ul li a:hover { color: #000; text-decoration: none; } .pag-bot { padding-bottom: 10px; } #content .content-indent .browse-view .spacer .col-3 { overflow: hidden; width: 378px; } #content .content-indent .browse-view .spacer .col-3 .title-indent { padding-right: 20px; padding-bottom: 3px; margin-top: 20px; position: relative; margin-right: 20px; overflow: hidden; } #content .content-indent .browse-view h2, #content .content-indent .browse-view h2 a { border: none !important; margin-bottom: 0 !important; padding: 0; } #content .content-indent .browse-view .spacer .col-3 h2 { line-height: 17px; margin: -2px 0 0 0; padding: 0px 0 0 0; min-height: 24px; } #content .content-indent .browse-view .spacer .col-3 h2 a { font: bold 14px/17px Calibri, Arial, Helvetica, sans-serif; text-transform: capitalize; color: #000; } #content .content-indent .browse-view .spacer .col-3 h2 a:hover { text-decoration: none; color: #e31b23; } #content .content-indent .browse-view .spacer .col-3 p { color: #aeadad; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; padding: 13px 0 20px 0; margin-bottom: 0; } #content .content-indent .browse-view .spacer .col-3 .stock-level { float: left; padding-left: 10px; padding-top: 2px; } #content .content-indent .browse-view .spacer .col-3 .vmicon { float: left; } #content .content-indent .browse-view .spacer .col-3 .detal { position: absolute; right: 20px; bottom: 0px; background: url(/content/images/detal-bg.png) left 2px no-repeat; height: 20px; } #content .content-indent .browse-view .spacer .col-3 .detal a { color: #6c6c6c; text-decoration: underline; width: auto; height: auto; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; background: url(/content/images/detal-a.png) right center no-repeat; padding: 0 7px 0 22px; margin: 0; border: none; border-radius: 0; text-transform: capitalize; } #content .content-indent .browse-view .spacer .col-3 .detal a:hover { text-decoration: none; } /* ------------------------------------- product_list2 --- */ #product_list2 .browse-view { border: none; margin-left: -10px; margin-bottom: 0; } #product_list2 .horizontal-separator2 { border-bottom: none; } #content .content-indent #product_list2 .browse-view .row { background: none !important; } #content .content-indent .browse-view .row .odd .spacer { background: #fbfbfb; } #content .content-indent .browse-view .row .even .spacer { background: #fff; } #content .content-indent .browse-view .row .odd:hover .spacer, #content .content-indent .browse-view .row .even:hover .spacer { background: #fdfbfb; } #product_list2 .rating { padding-top: 10px; padding-bottom: 10px; overflow: hidden; } #product_list3 .rating { padding-top: 10px; padding-bottom: 0px; overflow: hidden; } #content .content-indent #product_list2 .browse-view .row .product1 { width: 344px; } #content .content-indent #product_list2 .browse-view .row .vertical-separator { margin-left: 10px; } #content .content-indent #product_list2 .browse-view .spacer { padding: 10px; margin: 10px 0 0 0; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 3px; } #content .content-indent #product_list2 .browse-view .row:first-child .spacer { margin-top: 0; } #content .content-indent #product_list2 .browse-view .spacer .col-1 { height: auto; margin-right: 20px; width: 130px; } #content .content-indent #product_list2 .browse-view .spacer .col-1 .browseProductImageContainer { border: 1px solid #e5e5e5; padding: 10px; background: #fff; text-align: center; width: 130px; height: 99px; margin-top: 0px; } #content .content-indent #product_list2 .browse-view .spacer .col-1 .browseProductImageContainer img { width: 130px; height: 99px; background: #fff; } #product_list2 .padding-stock { padding-top: 10px; overflow: hidden; } #content .content-indent #product_list2 .browse-view .spacer .col-2 { width: 144px; overflow: hidden; height: auto; padding-top: 0px; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .product-price { width: 100%; overflow: hidden; margin-bottom: 10px; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .product-price .PricesalesPrice { float: left; color: #e31b23; font: bold 16px/21px Calibri, Arial, Helvetica, sans-serif; padding-right: 5px; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .product-price .PricepriceWithoutTax { float: left; font: normal 12px/21px Calibri, Arial, Helvetica, sans-serif; text-decoration: line-through; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .addtocart-area { overflow: hidden; width: 100%; margin: 0; padding-top: 0px; } label.quantity_box { float: left; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; color: #a5a5a5; } span.quantity-box { float: left; width: 40px; margin-left: 4px; } input.quantity-input { border: 1px solid #e5e5e5; border-radius: 0 !important; width: 32px; height: 17px; padding: 0 3px 0 3px; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; color: #e5e5e5; } span.quantity-controls { width: 44px; height: 19px; float: left; padding: 0; margin: 0; } span.quantity-controls input.quantity-controls { border: none; float: left; width: 19px; height: 19px; cursor: pointer; } span.quantity-controls input.quantity-plus { background: url(/content/images/quantity-controls.png) left top no-repeat; margin-left: 2px; } span.quantity-controls input.quantity-plus:hover { background-position: left bottom; } span.quantity-controls input.quantity-minus { background: url(/content/images/quantity-controls.png) right top no-repeat; margin-left: 2px; } span.quantity-controls input.quantity-minus:hover { background-position: right bottom; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .addtocart-area .addtocart-bar { margin: 0; padding: 0; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .addtocart-area .addtocart-bar span.addtocart-button { display: block; margin: 0; padding: 20px 0 0 0; float: none; width: 133px; } #content .content-indent #product_list2 .browse-view .spacer .col-2 { overflow: hidden; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .title-indent { padding: 0 0 10px 0; position: relative; min-height: 30px; } #content .content-indent #product_list2 .browse-view .spacer .col-2 h2 { line-height: 17px; margin: 0; padding: 5px 0 0 0; min-height: 38px; } #content .content-indent #product_list2 .browse-view .spacer .col-2 h2 a { font: bold 12px/17px Calibri, Arial, Helvetica, sans-serif; text-transform: capitalize; color: #000; display: inline-block; } #content .content-indent #product_list2 .browse-view .spacer .col-2 h2 a:hover { text-decoration: none; color: #e31b23; } #content .content-indent #product_list2 .browse-view .spacer .col-2 p { color: #aeadad; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; padding: 13px 0 0 0; margin-bottom: 0; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .stock-level { float: left; padding-left: 10px; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .vmicon { float: left; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .detal { position: relative; background: url(/content/images/detal-bg.png) left 2px no-repeat; height: 20px; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .detal a { color: #6c6c6c; text-decoration: underline; width: auto; height: auto; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; background: url(/content/images/detal-a.png) right center no-repeat; padding: 0 7px 0 22px; margin: 0; border: none; border-radius: 0; text-transform: capitalize; } #content .content-indent #product_list2 .browse-view .spacer .col-2 .detal a:hover { text-decoration: none; } /* ------------------------------------- product_list3--- */ #product_list3 .browse-view { border: none; margin-left: -10px; position: relative; margin-bottom: 0; } #product_list3 .horizontal-separator2 { border-bottom: none; } #content .content-indent #product_list3 .browse-view .row { background: none !important; position: relative; } #content .content-indent .browse-view .row .odd .spacer { background: url(/content/images/line-product-1.png) left top repeat-x #f4f4f4; position: relative; } #content .content-indent .browse-view .row .even .spacer { background: url(/content/images/line-product-2.png) left top repeat-x #fff; position: relative; } #content .content-indent .browse-view .row.second .odd .spacer { background: url(/content/images/line-product-2.png) left top repeat-x #fff; } #content .content-indent .browse-view .row.second .even .spacer { background: url(/content/images/line-product-1.png) left top repeat-x #f4f4f4; } #content .content-indent .browse-view .row .odd:hover .spacer, #content .content-indent .browse-view .row .even:hover .spacer { background: #fff; box-shadow: 1px 6px 5px #b0afaf; } #content .content-indent #product_list3 .browse-view .row .product1 { width: 226px; } #content .content-indent #product_list3 .browse-view .row .vertical-separator { margin-left: 10px; } #content .content-indent #product_list3 .browse-view .spacer { padding: 10px; padding-top: 14px; margin: 10px 0 0 0; overflow: hidden; border: 1px solid #e5e5e5; position: relative; border-radius: 3px; } #content .content-indent #product_list3 .browse-view .row:first-child .spacer { margin-top: 0; } #content .content-indent #product_list3 .browse-view .spacer .col-1 { height: auto; width: auto; margin-right: 0; } #content .content-indent #product_list3 .browse-view .spacer .col-1 .browseProductImageContainer { border: 1px solid #e5e5e5; padding: 10px; background: #fff; text-align: center; width: 167px; height: 128px; margin: 0 auto; } #content .content-indent #product_list3 .browse-view .spacer .col-1 .browseProductImageContainer img { width: 167px; height: 128px; background: #fff; } #content .content-indent #product_list3 .browse-view .spacer .col-2 { overflow: hidden; height: auto; width: auto; padding-top: 0px; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .product-price { width: 100%; overflow: hidden; margin-bottom: 10px; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .product-price .PricesalesPrice { float: left; color: #e31b23; font: bold 16px/21px Calibri, Arial, Helvetica, sans-serif; padding-right: 5px; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .product-price .PricepriceWithoutTax { float: left; font: normal 12px/21px Calibri, Arial, Helvetica, sans-serif; text-decoration: line-through; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .addtocart-area { overflow: hidden; width: 100%; margin: 0; padding-top: 0px; } label.quantity_box { float: left; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; color: #a5a5a5; } span.quantity-box { float: left; width: 40px; margin-left: 4px; padding: 0; } input.quantity-input { border: 1px solid #e5e5e5; border-radius: 0 !important; width: 32px; height: 17px; padding: 0 3px 0 3px; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; color: #e5e5e5; } span.quantity-controls { width: 44px; height: 19px; float: left; padding: 0; margin: 0; } span.quantity-controls input.quantity-controls { border: none; float: left; width: 19px; height: 19px; cursor: pointer; } span.quantity-controls input.quantity-plus { background: url(/content/images/quantity-controls.png) left top no-repeat; margin-left: 2px; } span.quantity-controls input.quantity-plus:hover { background-position: left bottom; } span.quantity-controls input.quantity-minus { background: url(/content/images/quantity-controls.png) right top no-repeat; margin-left: 2px; } span.quantity-controls input.quantity-minus:hover { background-position: right bottom; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .addtocart-area .addtocart-bar { margin: 0; padding: 0; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .addtocart-area .addtocart-bar span.addtocart-button { display: block; margin: 0; padding: 0px 0 0 0; float: none; width: 133px; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button { background: #f8f8f8; width: 133px; height: 30px; font: bold 12px/20px Calibri, Arial, Helvetica, sans-serif; text-transform: uppercase; border-radius: 0 !important; border: 1px solid #e5e5e5; color: #6c6c6c; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .addtocart-area .addtocart-bar span.addtocart-button:hover .addtocart-button { color: #fff; background: #2b2b2b; border: 1px solid #2b2b2b; } #content .content-indent #product_list3 .browse-view .spacer .col-2 { overflow: hidden; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .title-indent { padding: 10px 0 10px 0; position: relative; min-height: 30px; } #content .content-indent #product_list3 .browse-view .spacer .col-2 h2 { line-height: 17px !important; margin: 0; padding: 0px 0 0 0; min-height: 38px; } #content .content-indent #product_list3 .browse-view .spacer .col-2 h2 a { font: bold 12px/17px Calibri, Arial, Helvetica, sans-serif !important; text-transform: capitalize; color: #000; padding: 0; margin: 0; display: block; } #content .content-indent #product_list3 .browse-view .spacer .col-2 h2 a:hover { text-decoration: none; color: #e31b23; } #content .content-indent #product_list3 .browse-view .spacer .col-2 p { color: #aeadad; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; padding: 13px 0 0 0; margin-bottom: 0; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .stock-level { float: left; padding-left: 10px; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .vmicon { float: left; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .detal { position: relative; background: url(/content/images/detal-bg.png) left 2px no-repeat; height: 20px; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .detal a { color: #6c6c6c; text-decoration: underline; width: auto; height: auto; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; background: url(/content/images/detal-a.png) right center no-repeat; padding: 0 7px 0 22px; margin: 0; border: none; border-radius: 0; text-transform: capitalize; } #content .content-indent #product_list3 .browse-view .spacer .col-2 .detal a:hover { text-decoration: none; } /* ------------------------------------- productdetails--- */ .productdetails-view { border: 1px solid #e5e5e5; background: #FFFFFF; padding: 12px; overflow: hidden; position: relative; border-radius: 3px; } .productdetails-view .fright { float: right; width: 428px; position: relative; } .productdetails-view .fright h1.title { color: #000; text-transform: none; font: bold 26px/1.2em Calibri, Arial, Helvetica, sans-serif; text-transform: capitalize; padding: 0px 0 0px 0; margin: 0; } .productdetails-view .fright .s_desc { color: #1d1d1d; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; padding: 0px 0 0px 0; margin-top: -12px; } .productdetails-view .fright .s_desc p { padding: 0 0 10px 0; margin: 0; } .productdetails-view .icons { position: absolute; right: 20px; top: 10px; float: none; margin: 0; z-index: 99; } .productdetails-view .icons a { margin-left: 5px; } .productdetails-view .product-box2 { width: 100px; padding: 12px; border: 1px solid #e5e5e5; margin-top: 10px; background: #fcfcfc; border-radius: 3px; } .productdetails-view .product-box2 .rating { overflow: hidden; height: 40px; width: 100%; } .productdetails-view .product-box2 .vote span { float: left; margin: 0; padding: 0; } .productdetails-view .product-box2 .vote span.rating-title { height: 24px; line-height: 24px; display: inline-block; margin: 0 0 0 5px; padding: 0; } .productdetails-view .product-box2 .price { float: left; } .productdetails-view .product-box2 .PricesalesPrice { line-height: 32px; vertical-align: middle; display: inline-block !important; margin: 0; } .productdetails-view .product-box2 span.PricesalesPrice { color: #e31b23; font: bold 26px/1.2em Calibri, Arial, Helvetica, sans-serif; padding-left: 3px; margin-top: -4px; } .productdetails-view .product-box2 span.PricepriceWithoutTax { color: #505050; font: normal 12px/1.2em Calibri, Arial, Helvetica, sans-serif; text-decoration: line-through; } #content .productdetails-view .product-box2 .spacer-buy-area { padding: 0; margin: 0; } .productdetails-view .product-box2 .addtocart-bar { overflow: hidden; width: 100%; } .productdetails-view .product-box2 .addtocart-area .product-fields { overflow: hidden; width: 100%; margin: 0px 0 10px 0; } .productdetails-view .product-box2 .addtocart-area .product-fields .product-field-desc { display: none; } .productdetails-view .product-box2 .addtocart-area .product-fields .product-fields-title { padding-right: 5px; float: none; width: 100%; } .productdetails-view .product-box2 .addtocart-area .product-fields .product-field { padding: 0 0 10px 0; overflow: hidden; } .productdetails-view .product-box2 .addtocart-area .product-field-type-M { width: 100% !important; overflow: hidden; text-align: left; } .productdetails-view .product-box2 .addtocart-area .product-field-type-M .product-field-display { width: 100%; overflow: hidden; } .productdetails-view .product-box2 .addtocart-area .product-field-type-M .product-field-display .group, .productdetails-view .product-box2 .addtocart-area .product-field-type-S .product-field-display .group { float: left; width: 90px; text-align: center; } .productdetails-view .product-box2 .addtocart-area .product-field-type-M .product-field-display input, .productdetails-view .product-box2 .addtocart-area .product-field-type-S .product-field-display input { left: 0; float: none; width: 90px; } .productdetails-view .product-box2 .addtocart-area .product-field-type-M .product-field-display label, .productdetails-view .product-box2 .addtocart-area .product-field-type-S .product-field-display label { left: 0; top: 0; float: none; width: 90px; } .productdetails-view .product-box2 .addtocart-area .product-field-type-M .product-field-display img { width: 90px; height: 90px; } .product-fields { overflow: hidden; } .product-fields .product-field-type-P, .product-field-type-M { margin-top: 20px; padding-bottom: 20px; float: left; width: 120px !important; margin-right: 20px; text-align: center; } .product-field-type-M .product-field-display { overflow: hidden; width: 100%; } .product-field-type-M .product-field-display img { width: 90px; height: 90px; float: none; } .product-packaging { margin-bottom: 0px; margin-top: 0; } .productdetails-view .product-box2 .addtocart-bar .controls { float: left; width: 88px; padding-top: 0px; } .productdetails-view .product-box2 .fright { width: auto !important; float: right; margin: 0; } .productdetails-view .product-box2 .fright .ask-a-question, .productdetails-view .product-box .fright .manufacturer { margin: 0; padding: 0; } .productdetails-view .product-box2 .fright .manufacturer span { font: bold 12px/17px Calibri, Arial, Helvetica, sans-serif; } .productdetails-view .product-box2 .fright .manufacturer a { font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; color: #e31b23; padding: 0; margin: 0; border: none; background: none; border-radius: 0; } .productdetails-view .product-box2 a.ask-a-question { font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; color: #e31b23; padding: 0; margin: 0; border: none; background: none; border-radius: 0; } .productdetails-view .product-box2 a.ask-a-question:hover { text-decoration: underline; } .productdetails-view .product-box2 .addtocart-button { float: left; padding: 8px 0 0 0; } .share { padding: 0px 0 40px 0; text-align: right; overflow: hidden; position: relative; visibility: hidden; display: none; } .share .addthis_toolbox { position: absolute; right: -7px; top: 0px; width: 250px; display: none; } .share1 { padding: 0px 10px 0px 0; text-align: right; overflow: hidden; visibility: hidden; } .share1 .addthis_toolbox { overflow: hidden; } .share1 .addthis_toolbox a { float: left; width: 40px; } .productdetails-view .fleft { float: left; width: 260px; border: none; } .productdetails-view .fleft .availability { display: none; } .MediaFull { float: left; width: 220px; padding: 20px; border: 1px solid #e5e5e5; padding-bottom: 0; } .MediaFull h1 { font: normal 12px/24px Calibri, Arial, Helvetica, sans-serif; color: #a9a9a9; background: #f7f7f7 url(/content/images/MediaFull_bg.png) 12px 5px no-repeat; border-top: 1px solid #e5e5e5; text-transform: none; margin-left: -20px; margin-right: -20px; margin-bottom: 0; padding: 0 0 0 33px; } /* -------------------------------------end productdetails--- */ .ui-tabs { padding: 0; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; padding: 0; } .ui-tabs .ui-tabs-nav li { border-bottom-width: 0 !important; } .ui-tabs .ui-tabs-nav li a { text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* ------------------------------------- tabs--- */ .relative { position: relative; } ul.tabs li.first a { background: url(/content/images/iconSweets1.png) left bottom no-repeat; } ul.tabs li.second a { background: url(/content/images/iconSweets2.png) left bottom no-repeat; } ul.tabs li.three a { background: url(/content/images/iconSweets3.png) left bottom no-repeat; } ul.tabs li a:hover, ul.tabs li.ui-state-active a { background-position: left top; } .tabs-position { position: relative; width: 100%; } ul.tabs { display: none; float: left; height: 24px; list-style: none outside none !important; margin: 0; padding: 0; position: absolute; right: 15px; text-align: right; top: -45px; width: 90px; z-index: 100; } ul.tabs li { float: left; margin: 0; margin-left: 5px; padding: 0; height: 24px; /*--Subtract 1px from the height of the unordered list--*/ width: 25px; line-height: 24px; /*--Vertically aligns the text within the tab--*/ border: none; border-bottom: 0; margin-bottom: 0px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: none !important; } ul.tabs .last { margin-left: 0px; } ul.tabs li a { text-decoration: none; text-align: center; width: 25px; display: inline-block; /*border: 1px solid #353033; --Gives the bevel look with a 1px white border inside the list item--*/ border: 0; outline: none; text-decoration: none !important; } html ul.tabs li.ui-state-active, html ul.tabs li a:hover { } html ul.tabs li.ui-state-active a:hover { } html ul.tabs li.ui-state-active a { cursor: default; } ul.tabs li:hover { } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ /*border: 1px solid #4c4749; --Makes the active tab look like it's connected with its content--*/ } html ul.tabs li.active { border: none; border-bottom: 0; } .tab_container { width: 100%; visibility: hidden; } .tab_content { width: 100%; padding: 0; margin: 0px; background: none; height: auto; border: none; border-top: 0; position: relative; } /* tabs */ .Fly-tabs { padding-top: 30px; visibility: hidden; } dl.tabs { float: left; margin: 0px 0 0px 0; z-index: 50; position: relative; } dl.tabs dt { float: left; padding: 0 10px; border: 1px solid #e5e5e5; margin-right: 3px; background: #fafafa; color: #000; font: bold 12px/30px Calibri, Arial, Helvetica, sans-serif; margin-bottom: -1px; border-radius: 3px 3px 0 0; position: relative; } dl.tabs dt.open { background: #fff; z-index: 100; color: #e31b23; border-bottom: none; padding-bottom: 1px; } div.current { clear: both; border: 1px solid #E5E5E5; padding: 20px 20px; z-index: 40; position: relative; border-radius: 0 0 3px 3px; } div.current dd { padding: 0; margin: 0; } div.slide { border: none; padding: 0; } div.current dd .category-view { margin-bottom: 0; } #tab5 { display: block; } .video { display: block; } .current .desc .video { display: none; } .current .desc2 .text { display: none; } .current .video { display: block; width: 621px; padding: 20px 0 20px 0; text-align: center; } .current .video .avPlayerWrapper { margin: 0 auto; } .avPlayerContainer { width: 500px !important; } div.current dd blockquote { width: 500px; display: block; overflow: hidden; padding-right: 20px; } div.current dd .border { border-bottom: 1px dotted #e5e5e5; padding-top: 15px; margin-bottom: -10px; } .thumbnailListContainer { width: auto; height: auto; text-align: left; padding: 15px 0 0px 18px; } .thumbnailListContainer a { border: 1px solid #e5e5e5; padding: 10px; display: block; float: left; margin-left: 15px; margin-bottom: 15px; } .availabilityHeader { display: none; } .desc { color: #191919; font: 12px/20px Calibri, Arial, Helvetica, sans-serif; } .desc .text p { padding: 0 0 15px 0; margin: 0; } .list-reviews .normal { border-radius: 0; border: none; margin: 0; border-bottom: 1px solid #e5e5e5; padding: 0; padding-bottom: 10px; } .list-reviews .normal span.date { font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; padding: 5px 10px 5px 10px; border: none; border-top: none; border-right: none; display: inline-block; } .list-reviews .normal span.bold { display: inline-block; } .list-reviews .normal span { font: bold 12px/17px Calibri, Arial, Helvetica, sans-serif; padding-top: 0px; display: block; } .write-reviews { margin: 0; font: normal 12px/17px Calibri, Arial, Helvetica, sans-serif; text-align: left; padding-top: 0px; } .list-reviews { padding-bottom: 10px; } .product-neighbours { font: bold 12px/25px Calibri, Arial, Helvetica, sans-serif; margin: 0; padding-top: 20px; } .product-neighbours a { border: 1px solid #e5e5e5; color: #000; text-decoration: none; font-size: 12px; height: 25px; width: 105px; text-align: center; background: #f7f7f7; border-radius: 3px; position: relative; display: inline-block; } .product-neighbours a.next-page { float: right; color: #000; } .product-neighbours a.previous-page { float: left; color: #000; } .product-neighbours a:hover { text-decoration: none; background: #fff; } /* ------------------------------------- end related-categories --- */ .product-related-categories { overflow: hidden; width: 100%; margin: 0; padding: 0; border: none; } .product-related-categories .product-field { float: left; width: 188px; min-height: 150px; text-align: center; margin: 0; padding: 0; border: none; margin-left: 10px; margin-right: 10px; } .product-related-categories .product-field span { display: block; overflow: hidden; border: none; } .product-related-categories .product-field a { color: #000; font: Calibri,Arial, Helvetica, sans-serif; font-size: 12px; width: 180px; display: block; margin: 0 auto; } .product-related-categories .product-field a img { width: 110px; height: 110px; text-align: center; margin: 0 auto; margin-bottom: 10px; } /* ------------------------------------- end related-categories --- */ /* ------------------------------------- related-products --- */ .product-related-products { border: none; overflow: hidden; width: 100%; margin: 0; padding: 0; } .product-related-products h4 { text-transform: uppercase; font: bold 14px/20px Calibri, Arial, Helvetica, sans-serif; } .product-related-products .product-field { float: left; width: 188px; min-height: 150px; text-align: center; margin: 0; padding: 0; border: none; margin-left: 10px; margin-right: 10px; } .product-related-products .product-field span { display: block; overflow: hidden; border: none; } .product-related-products .product-field a { color: #000; font: Calibri, Arial, Helvetica, sans-serif; font-size: 12px; width: 180px; display: block; margin: 0 auto; } .product-related-products .product-field img { width: 110px; height: 84px; text-align: center; margin: 0 auto; margin-bottom: 10px; } /* ------------------------------------- end related-products --- */ /* ------------------------------------- cart-login --- */ .cart-view { overflow: hidden; width: 100%; margin-top: 10px; } .cart-view:first-child { margin-top: 0; } .cart-view h3 { background: #2d2d2d; height: 44px; font: normal 18px/42px Calibri, Arial, Helvetica, sans-serif; font-family: Calibri, 'Arial', sans-serif; color: #fff; margin: 0; padding: 0px 0 0 29px; text-transform: uppercase; border-radius: 0px 0px 0 0; } .cart-view .login-box { padding: 20px; font: normal 12px/18px Calibri, Arial, Helvetica, sans-serif; color: 000; background: #fdfdfd; border: 1px solid #ebe6e6; border-top: none; overflow: hidden; position: relative; border-radius: 0 0 6px 6px; } .right-link { position: absolute; right: 20px; top: 20px; } #com-login, #form-login { text-transform: none; } .cart-view #com-login .inputbox { float: none; } .cart-view #com-login p { padding: 0; margin: 0; } .cart-view #com-login label { display: block; padding: 10px 0 5px 0; text-transform: none; } .cart-view #com-login .link { padding-top: 10px; } .cart-view #com-login #com-form-login-remember { padding-top: 10px; overflow: hidden; } .cart-view #com-login .remember { overflow: hidden; padding-top: 4px; } .cart-view #com-login .remember label { float: left; text-transform: capitalize; padding: 0; } .cart-view #com-login .remember #remember.inputbox { width: 12px; height: 12px; padding: 0; margin: 0; background: none; float: left; vertical-align: middle; margin-top: 3px; margin-left: 5px; border: none; } /* ------------------------------------- cart-billing --- */ .cart-view .billing-box { padding: 20px; padding-bottom: 40px; font: normal 12px/18px Calibri, Arial, Helvetica, sans-serif; color: 000; background: #fdfdfd; border: 1px solid #ebe6e6; border-top: none; overflow: hidden; position: relative; border-radius: 0; } .billing-box .billto-shipto { border-top: solid #e5e5e5 1px; border-bottom: solid #e5e5e5 1px; margin: 0 0 0px 0; padding: 20px 0 20px 0; } .billing-box .billto-shipto a.details { padding: 0; border-radius: 0; padding: 5px; } .output-billto span, .output-shipto span, .output-billto, .output-shipto { font: normal 12px/20px Calibri, Arial, Helvetica, sans-serif; padding-bottom: 2px; } .cart-view .border-top { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 10px; padding-top: 20px; padding-bottom: 20px; } .billing-box .userfields_info { font: bold 20px/24px Calibri, Arial, Helvetica, sans-serif; text-align: center; display: inline-block; padding-top: 10px; padding-bottom: 10px; margin: 0 auto; width: 100%; } table.user-details input { width: 453px; margin-bottom: 8px; padding: 5px; } table.user-details input#agreed_field { background: none; border: none; text-align: left; width: 12px; } table.user-details select, table.user-details select.inputbox { width: 465px; margin-bottom: 8px; padding: 5px; border: 1px solid #ccc; color: #777; } td.key { padding: 0 6px; width: 250px; } .billing-box .pad-top { padding-top: 20px; } .control-button button, .control-buttons button { margin-top: 20px; margin-right: 10px; padding-bottom: 20px; } #STsameAsBT { margin-left: 6px; } /* ------------------------------------- cart-summary --- */ tr.pad, tr.pad td { border: none; } .cart-summary { overflow: hidden; position: relative; width: 100%; border-collapse: separate; } .cart-summary a { text-decoration: underline; } .cart-summary a:hover { text-decoration: none; } .cart-title { width: 155px; display: inline-block; text-align: left; } table.cart-summary tr.sectiontableentry2 { background: #fff; border-left: 1px solid #e5e5e5; } table.cart-summary tr.sectiontableentry2 td { border: 1px solid #e5e5e5; border-top: none; border-left: none; padding: 10px 5px 10px 5px; } table.cart-summary tr.sectiontableentry2 td.color { background: #e31b23; color: #fff; } table.cart-summary tr.sectiontableentry2 td:first-child { border-left: 1px solid #e5e5e5; } table.cart-summary tr td { padding: 10px; background: none; } table.cart-summary tr th { background: #fdfdfd; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 6px 0 6px 0px; color: #000; text-align: center; } table.cart-summary tr th:first-child { border-left: 1px solid #e5e5e5; } table.cart-summary .cart-images { display: block; } table.cart-summary .cart-images img { float: none; width: 132px; height: 99px; } .sectiontableentry2 .vm-customfield-cart span { display: block !important; float: none !important; width: 100% !important; text-align: left; padding-left: 0 !important; margin: 0 !important; } .sectiontableentry2 .vm-customfield-cart span.product-field-type- { display: none !important; } table.cart-summary .pad td { padding-top: 10px; } .bg-top .total { background: #e43405; color: #fff; display: block; } table.cart-summary tr.sectiontableentry1 { background: #fff; border-left: 1px solid #e5e5e5; } table.cart-summary tr.sectiontableentry1.bg-top, table.cart-summary tr.sectiontableentry2.bg-top { background: url(/content/images/line.png) left top repeat-x #fff; } table.cart-summary tr.sectiontableentry1 td { border: 1px solid #e5e5e5; border-top: none; border-left: none; padding: 10px 5px 10px 5px; } table.cart-summary tr.sectiontableentry1 td:first-child { border-left: 1px solid #e5e5e5; } table.cart-summary .inline .inputbox { width: 60px; height: 24px; padding: 0; margin: 0 0 0 6px; } .vm2-add_quantity_cart { background: url(/content/images/update_quantity_cart.png) left top; width: 22px; height: 22px; border: 0px; cursor: pointer; } .vm2-remove_from_cart { background: url(/content/images/remove_from_cart.png) left top; border: 0 none; cursor: pointer; display: inline-block; height: 23px; vertical-align: bottom; width: 27px; text-decoration: none; } .userFormcoupon { padding-top: 20px; padding-bottom: 10px; } #checkoutForm { overflow: hidden; position: relative; } .customer-comment { text-align: left; border-top: solid #e5e5e5 1px; margin: 20px 0 0; padding: 10px 0 0; } .checkout-button-top { text-align: left; border-top: solid #e5e5e5 1px; padding: 20px 0 0; overflow: hidden; position: relative; } .checkout-button-top { overflow: hidden; width: 100%; } .checkout-button-top a.vm-button-correct { float: left; margin-left: 10px; padding-bottom: 0; line-height: 25px !important; } .checkout-button-top label { float: left; padding-top: 0px; } .popup h5 { font-size: 16px; line-height: 24px; padding-bottom: 16px; } .popup p { padding: 0; margin: 0; } span.terms-of-service { cursor: pointer; } textarea.customer-comment { background: #fff; border: solid #ccc 1px; color: #777; margin-bottom: 20px; text-align: left; padding: 5px 5px 4px; max-width: 650px; } textarea.virtuemart:hover, textarea.customer-comment:hover { background: #fdfcfc; color: #000; } .buttonBar-right { text-align: left; width: 100%; padding-top: 20px; } .order table tr { text-align: center !important; } .order table tr td { border: 1px solid #e5e5e5; background: #fff; padding: 10px; } .my-groovy-style a { font-weight: bold; display: inline-block; padding-bottom: 5px; color: #e31b23; } .my-groovy-style h4 { color: #000; } /* ------------------------------------- end cart-summary --- */ .registration fieldset, .profile-edit fieldset { margin: 0 !important; margin-bottom: 20px !IMPORTANT; } .registration legend, .profile legend, .profile-edit legend { color: #000; font: bold 15px/40px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0; margin: 0; } .profile .button { margin-left: 15px; } .profile-edit select { width: 260px !important; line-height: 1.2em; font-size: 13px; color: #919191; padding: 4px 0 4px 0 !important; height: 27px; } #right .module { background: none; padding: 10px; padding-top: 0; margin-bottom: 10px; position: relative; border-radius: 0px; border: none; } .map { border: 1px solid #C4C4C4; padding: 2px; margin-top: 15px; } .module_address { background: none; position: relative; border-radius: 0; margin-bottom: 10px; border: none; } .module_address h3 { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; } .module_address .boxIndent { padding: 10px; } .custom_address { padding-bottom: 0px; overflow: hidden; font-size: 13px; } .custom_address dl { padding-bottom: 10px; color: #434c59; float: left; width: 200px; } .custom_address dl span { float: none; width: 66px; } .custom_address dl dt { line-height: 18px; } .custom_address dl dd a { margin-left: 3px; color: #e31b23; text-decoration: underline; font-weight: normal; } .custom_address dl dd a:first-child { text-decoration: none !important; } .custom_address dl dd a:hover { text-decoration: none; color: #000; } .custom .dl { padding-top: 18px; } .icons a { margin-left: 5px; } .customer-reviews { margin: 0; } .checkout-button-top { visibility: hidden; display: none; } .checkout #StateOther { display: none; margin-top: 10px; } .checkout .hide + #StateOther { margin-top: 0px; } #facebox .content { padding: 15px; } #facebox .content.my-groovy-style h4 { width: 350px; } #facebox .close { background: url(/content/images/fancy_close.png) left top no-repeat; width: 30px; height: 30px; position: absolute; right: -15px; top: -15px; opacity: 1; } .login ul { padding-top: 10px; } .login ul li { padding-bottom: 5px; } .login ul li a { color: #242026; } .product-price { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important; } .product-price div span { color: #e31b23; font: bold 26px/1.2em Calibri, Arial, Helvetica, sans-serif; } @-moz-document url-prefix() { .currency .button, #content .content-indent .browse-view .spacer .col-2 .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button, .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button { padding-bottom: 3px; } } #products_example { width: 250px; min-height: 251px; padding: 0; margin: 0; position: relative; z-index: 0; background: none; visibility: hidden; } /* Slideshow */ #slides { position: absolute; top: 0; left: 0; z-index: 100; } /* Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ .slides_container { width: 250px; height: 188px; border: 1px solid #e5e5e5; background: #fafafa; margin: 0; padding: 5px; position: relative; display: none; margin-bottom: 10px; text-align: center; } /* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content Set to display block */ .slides_control { height: 168px !important; } .slides_container div.slide { width: 220px; height: 168px; display: block; background: #fff !important; } .slides_container div.slide a { width: 250px; height: 188px; background: #fff; display: block; } .slides_container div.slide a.img2 img { width: 250px; height: 188px; background: #fff !important; } .slides_container .productimage { width: 220px; height: 168px; background: #fff !important; } .zoomPad { width: 250px; text-align: center; height: 188px; vertical-align: middle; } .zoomPad img { vertical-align: middle; } .jcarousel-skin-tango .jcarousel-container { background: none; border: none; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 232px; padding: 0; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 232px; height: 105px; } .jcarousel-skin-tango .jcarousel-item { width: 110px; height: 84px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } /* Next/prev buttons */ .jcarousel-clip.jcarousel-clip-horizontal { height: 105px; width: 235px; overflow: hidden; } .jcarousel-container .jcarousel-next, .jcarousel-container .jcarousel-prev { position: absolute; top: 48px; margin-top: -22px; width: 28px; height: 44px; display: none !important; z-index: 101; border: none; text-indent: -9999px; cursor: pointer; } .jcarousel-container:hover .jcarousel-next, .jcarousel-container:hover .jcarousel-prev { display: block !important; } .jcarousel-container .jcarousel-next:hover, .jcarousel-container .jcarousel-prev:hover { opacity: 0.7; } .jcarousel-container .jcarousel-next { right: 0; background: url(/content/images/next.png) left top no-repeat; } .jcarousel-container .jcarousel-prev { left: 0; background: url(/content/images/prev.png) left top no-repeat; } #products .row-carusel { position: relative; overflow: hidden; } #products #carousel { overflow: hidden; position: relative; } /* Pagination */ #products .pagination { background: none; width: auto; height: 105px; padding: 0; margin-left: 0; overflow: hidden; } #products .pagination li { float: left; list-style: none; width: 100px; height: 84px; margin: 0 9px 0 0; padding: 5px; background: #fafafa; border: 1px solid #e5e5e5; } #products .pagination li a { display: block; position: relative; } #products .pagination li.current, #products .pagination li:hover { border: 1px solid #c0bebe; } #products .pagination li img { width: 100px; height: 84px; background: #fff !important; } /* Pagination */ #products .pagination2 { background: none; width: auto; height: 105px; padding: 0; margin-left: 0; overflow: hidden; } #products .pagination2 li { float: left; list-style: none; width: 100px; height: 84px; margin: 0 9px 0 0; padding: 5px; background: #fafafa; border: 1px solid #e5e5e5; } #products .pagination2 li a { display: block; position: relative; } #products .pagination2 li img { width: 100px; height: 84px; background: #fff !important; } .zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair; } .zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(/content/images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px; width: 100px; height: 49px; } .zoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 120; position: absolute; border: 1px solid #CCC; z-index: 101; cursor: crosshair; } .zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/ z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; } .zoomWindow { position: absolute; left: 230px !important; top: -6px !important; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; } .zoomWrapper { position: relative; border: 1px solid #e5e5e5; z-index: 110; } .zoomWrapperTitle { display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); } .zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; } .zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; } .zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; } /********************************************************* / When clicking on thumbs jqzoom will add the class / "zoomThumbActive" on the anchor selected /*********************************************************/ .def-virtuemart { overflow: hidden; } .def-virtuemart p { padding: 0; margin: 0; padding-bottom: 15px; } .manufacturer { margin-top: 5px; } .cart-view h1 { font-size: 14px; padding-bottom: 0; border: none; } .pad-top { padding-top: 10px; } .cart-view h2 { border: none; font-size: 14px; font-weight: normal; } #sidebar-boxes-1 { float: left; width: 257px; padding: 0px 0px 0px 0px; margin-left: 0px; border-right: 1px solid #ffffff; background: #e2e2e2; } #sidebar-boxes-1 p { padding-left: 10px; padding-right: 10px; } #sidebar-boxes-2 { float: left; width: 252px; padding: 0px 0px 0px 0px; margin-left: 0px; border-right: 1px solid #ffffff; background: #e2e2e2; } #sidebar-boxes-2 p { padding-left: 10px; padding-right: 10px; } #sidebar-boxes-3 { float: left; width: 252px; padding: 0px 0px 0px 0px; margin-left: 0px; border-right: 1px solid #ffffff; background: #e2e2e2; } #sidebar-boxes-3 p { padding-left: 10px; padding-right: 10px; } #sidebar-boxes-4 { float: left; width: 256px; padding: 0px 0px 0px px; margin-left: 0px; background: #e2e2e2; } #sidebar-boxes-4 p { padding-left: 10px; padding-right: 10px; } #sidebar-receipes-1 { float: left; width: 498px; padding: 12px 0px 0px 0px; margin: 0px; } #sidebar-receipes-1 p { padding-left: 10px; padding-right: 10px; } #sidebar-receipes-2 { float: left; width: 248px; padding: 12px 0px 0px 0px; margin-left: 0px; } #sidebar-receipes-3 { float: left; width: 248px; padding: 12px 0px 0px 0px; margin-left: 0px; } #sidebar-receipes-3 p { padding-left: 10px; padding-right: 10px; } #corporatesite-sidebar-1 { float: left; width: 331px; padding: 12px 0px 0px 0px; margin: 0px; } #corporatesite-sidebar-1 p { padding-left: 10px; padding-right: 10px; } #corporatesite-sidebar-2 { float: left; width: 331px; padding: 12px 0px 0px 0px; margin-left: 0px; } #corporatesite-sidebar-2 p { padding-left: 10px; padding-right: 10px; } #corporatesite-sidebar-3 { float: left; width: 331px; padding: 12px 0px 0px 0px; margin-left: 0px; } #corporatesite-sidebar-3 p { padding-left: 10px; padding-right: 10px; } #footer-sidebar-1 { float: left; width: 257px; height: 195px; padding: 0px 0px 0px 0px; margin-left: 0px; border-right: 1px solid #5b5b5b; } #footer-sidebar-1 p { padding-left: 10px; padding-right: 10px; } #footer-sidebar-2 { float: left; width: 252px; height: 165px; padding: 0px 0px 0px 0px; margin-left: 0px; border-right: 1px solid #5b5b5b; } #footer-sidebar-2 p { padding-left: 10px; padding-right: 10px; } #footer-sidebar-3 { float: left; width: 252px; height: 165px; padding: 0px 0px 0px 0px; margin-left: 0px; border-right: 1px solid #5b5b5b; } #footer-sidebar-3 p { padding-left: 10px; padding-right: 10px; } #footer-sidebar-4 { float: left; width: 256px; height: 165px; padding: 0px 0px 0px px; margin-left: 0px; } #footer-sidebar-4 p { padding-left: 10px; padding-right: 10px; } #main-left { float: left; width: 630px; padding: 0px 0px 0px 0px; margin: 0px; } #main-right { float: left; width: 300px; padding: 0px 0px 0px 0px; margin-left: 50px; } #footerlinks { float: left; width: 1020px; padding: 12px 0px 0px 0px; margin: 0px; } #footerlinks p { padding-left: 10px; padding-right: 10px; } #footerlinks a, #footerlinks a span { color: #888 !important; } #mod_qlform_249 { padding-left: 10px; } ul.admin-menu { display: inline-block; margin-bottom: 12px; } ul.admin-menu li { list-style-type: none; display: inline; padding: 6px; } #consultant-register .left, #party-invitation .left, #purchase-gift-certificate .left { margin-left: 10px; } .redButton:hover { text-decoration: underline; } input[type='text'], input[type="email"] { display: block; width: 200px; height: 28px; } input[type='password'] { display: block; width: 200px; height: 28px; } select { display: block; width: 200px; height: 28px; padding: 5px; } label { display: block; margin-bottom: 6px; font-weight: 600; } .divider { margin-bottom: 12px; clear: both; } .single { margin-bottom: 12px; margin-top: 30px; } textarea { width: 420px; } input[type='submit'] { border: 1px solid #666666; padding: 6px; margin-top: 16px; } .redButton, input.redButton { display: block; width: 200px; margin: 4px 0; padding: 8px; border: none; border-radius: 4px; background: #e31c23; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; cursor: pointer; } /*======HOME====================*/ .home-top-section { width: 100%; } .home-top-section .home-gallery { width: 740px; float: left; padding-right: 6px; } .home-top-section .home-promo-video { width: 220px; height: 224px; float: left; margin-left: 8px; } .home-products { margin-top: 20px; } .product-box { border: 1px solid #cccccc; float: left; height: 260px; text-align: center; width: 237px; margin-left: 1px; margin-right: 6px; margin-bottom: 12px; } .product-box .product-image { height: 146px; } .product-box img { padding: 12px 0px; } .product-box .product-info .product-name { font-weight: bold; border-top: 1px solid red; padding-top: 10px; } .product-box .product-info .product-name a { color: #4D4D4D; } .product-box .product-info .product-name a:hover { color: Red; text-decoration: none; } .product-box .product-info .price { margin-top: 6px; color: Red; font-size: 16px; } .product-box .product-info .details { margin-top: 6px; font-weight: bold; font-size: 16px; } .product-box .product-info .details a { display: block; background: #34d461; padding: 6px; border-radius: 3px; color: #ffffff; font-weight: bold; } .product-box .product-info .details a:hover { background: #4A4949; text-decoration: none; } .bottom-promo-holder { background: #efefef; } .gift-certificate { width: 244px; margin-right: 1px; height: 235px; float: left; background: #E2E2E2; background-image: url("../../Content/Images/Gift-Certificate-Coming-Soon.png"); } .responsive-gift-cert { float: none !important; background: #E2E2E2; background-image: url("../../Content/Images/Gift-Certificate-Coming-Soon-Responsive.png"); background-size: 100%; background-repeat: no-repeat; position: relative; } .responsive-gift-cert div:nth-child(2) { padding: 0 4px 0 4px; } .responsive-gift-cert img { position: absolute; bottom: 10%; left: 2.5%; float: none !important; width: 95% !important; height: auto !important; padding-top: 33px; } .bottom-promo { width: 244px; margin-right: 1px; height: 235px; float: left; background: #E2E2E2; } .bottom-promo table.acymailing_form { margin: auto; } .acymailing_module_form td { padding-bottom: 5px; padding-left: 10px; } .acymailing_fulldiv tr, .acymailing_fulldiv td { border: 0 none; } .acysubbuttons { text-align: center; } .bottom-teaser { margin-top: 10px; } .bottom-teaser .receipe-month { float: left; padding-right: 6px; } .bottom-teaser .tips { float: left; } .bottom-teaser .video { float: left; } #locator .field-holder { width: 98%; border: 1px solid #cccccc; padding: 8px; margin: 6px; } #locator .left-list { float: left; width: 250px; } #locator .right-map { margin: 10px auto; width: 950px; } .name { padding: 10px 10px 10px 0; font-size: 14px; color: #000; text-align: left; } .address { padding: 0px; font-size: 14px; color: #000; text-align: left; } .email { padding: 0px 10px 10px 0; font-size: 12px; color: #EB2128; text-align: left; } .stores { overflow: scroll; height: 521px; } .categoryitems { width: 600px; } .category-box { float: left; } .category-image { padding: 25px 0 10px 0; width: 150px; height: 104px; } .category-text { text-align: center; font-weight: bold; font-size: 14px; width: 150px; } .categorybox { width: 200px; float: left; text-align: center; } .hasDatepicker { float: left; } button.ui-datepicker-trigger { float: left; } table.data tr td { border: 1px solid red; border-radius: 5px; padding: 2px; } table.data tr th { font-weight: bold; font-size: 14px; padding: 4px; } table.data-report tr td { padding: 2px; } table.data-report tr th { font-weight: bold; font-size: 14px; padding: 4px; } table.data-report tr:nth-child(odd) { background-color: #eee; } table.data-report tr:nth-child(even) { background-color: #fff; } select.recipe option { padding-left: 10px; } /*------------------PaidToParty--------------------*/ #paidtoparty { width: 100%; } #paidtoparty .header { width: 1020px; height: 138px; } #paidtoparty .blackline { background-color: #000000; width: 1020px; height: 12px; border: 0px; padding: 0px; margin: 0px; } #paidtoparty .middleleft { background-color: #000000; height: 437px; width: 256px; float: left; } #paidtoparty .middlemiddle { background-color: #ffffff; height: 313px; width: 513px; float: left; } #paidtoparty .middleright { background-image: url("/Content/Images/bv07334.gif"); height: 313px; width: 251px; float: left; } #paidtoparty .middlebottom { background-color: #efefef; height: 124px; width: 764px; float: left; } #paidtoparty .bottomleft { background-color: #2fbcde; width: 508px; height: 330px; float: left; } #paidtoparty .bottomleft .paidtoparty-gallery { width: 508px; float: left; } #paidtoparty .bottomleft .NivoSzakiSlider { margin: 0; padding: 0; width: 508px; } #paidtoparty .bottomright { background-color: #6fbcde; width: 512px; height: 330px; float: left; } #paidtoparty .middleright input[type='text'] { display: block; width: 145px; height: 20px; float: left; } #paidtoparty .left { padding: 8px 0 7px 0; } #paidtoparty .middleright label { padding-left: 10px; padding-right: 10px; width: 60px; float: left; } #paidtoparty .middleright input[type='submit'] { background: red; height: 25px; color: #fff; border-radius: 4px; padding: 0 6px 10px 6px; border: 0px; margin-top: 3px; } /*------------------Master Class--------------------*/ #masterclass { width: 100%; } #masterclass .header { width: 1020px; height: 247px; } #masterclass .blackline { background-color: #000000; width: 1020px; height: 12px; border: 0px; padding: 0px; margin: 0px; } /*#masterclass .middleleft { background-image:url("/Content/Images/bv07321.png"); height:437px; width:256px; float:left; }*/ *#masterclass .middleleft { background-color: #000000; height: 437px; width: 256px; float: left; } #masterclass .middleleft p { font-size: 12px; color: #000; padding: 8px 15px 7px 10px; line-height: 14px; } #masterclass .middlemiddle { background-color: #ffffff; height: 311px; width: 510px; float: left; } #masterclass .middleright { background-image: url("/Content/Images/bv07334.gif"); height: 313px; width: 251px; float: left; } #masterclass .middlebottom { background-color: #efefef; height: 124px; width: 764px; float: left; } #masterclass .bottomleft { background-color: #2fbcde; width: 508px; height: 330px; float: left; } #masterclass .bottomleft .paidtoparty-gallery { width: 508px; float: left; } #masterclass .bottomright { background-color: #6fbcde; width: 512px; height: 330px; float: left; } #masterclass .middleright input[type='text'] { display: block; width: 145px; height: 20px; float: left; } #masterclass .left { padding: 8px 0 7px 0; } #masterclass html body { background: black; padding: 0px; margin: 0px; } #masterclass .middleright label { padding-left: 10px; padding-right: 10px; width: 60px; float: left; } #masterclass .middleright input[type='submit'] { background: red; height: 25px; color: #fff; border-radius: 4px; padding: 0 6px 10px 6px; border: 0px; margin-top: 3px; } .recipes { padding: 10px; margin: 10px; width: 330px; float: left; margin-right: 16px; height: 230px; } .recipes a { color: Red; text-decoration: none; } .recipes h2 { color: Red; font-size: 22px; } .recipe-search input[type='checkbox'] { float: left; margin-right: 8px; } .recipe-search label { float: left; } .recipe-search input.sub { margin-left: 14px; } .recipe-categories { padding-top: 4px; border-bottom: 1px solid #eee; padding-bottom: 4px; } .recipe-by-category { margin: 4px; width: 245px; } .recipe-by-category a { color: #000; text-decoration: none; font-weight: bold; background: url("/Content/Images/arrow.png") no-repeat 0px 2px; padding-left: 10px; } .letters { text-align: center; margin-bottom: 20px; } .letters a { color: Red; font-size: 14px; margin-right: 12px; display: inline-block; text-decoration: none; } .main-menu { background: #FBFBFB; padding: 6px; } .recipe-page-size { float: right; } .recipe-page-size select { display: inline; width: 50px; padding: 0px; height: 20px; } /*------------------Portal Left Menu--------------------*/ .portalleftitem { margin: 5px 10px 5px 0px; background-color: #E31C23; width: 242px; height: 35px; border-radius: 5px; } .portalleftitem .text { padding-top: 8px; text-align: center; font-weight: bold; font-size: 16px; color: #fff; text-decoration: none; } .custom a { text-decoration: none; } .portal-left-nav a { display: block; color: #fff; width: 200px; background: #E31C23; text-transform: uppercase; border-radius: 4px; margin: 4px 0 4px 0; padding: 8px; font-weight: bold; font-size: 14px; text-align: center; } .portal-left-nav { float: left; } .portal-right-nav { font-size:15px; color:red; padding:10px 4px; float:right; } .intro-text {clear:both; } .portal-weekly-checklist a { display: block; color: #fff; width: 156px; height: 50px; background: #E31C23; text-transform: uppercase; border-radius: 4px; margin: 4px 0 4px 0; padding: 16px 8px 8px 8px; font-weight: bold; font-size: 14px; text-align: center; float: left; } /*------------------Portal Index--------------------*/ .toolboxwaychecklist { border-width: 0; height: 37px; width: 242px; border-radius: 5px; background-color: #E31C23; } .weeklychecklist { border-width: 0; height: 78px; width: 156px; border-radius: 5px; background-color: #E31C23; } .weeklytask { width: 739px; border: 1px solid #e6e6fa; } .weeklytask .left { width: 360px; height: 32px; border: 1px solid #c0c0c0; float: left; padding: 14px; } .weeklytask .middle { width: 116px; height: 32px; padding: 14px; border: 1px solid #c0c0c0; float: left; } .weeklytask .right { width: 187px; height: 60px; padding-left: 14px; border: 1px solid #c0c0c0; float: left; } /*------------------Portal Promote--------------------*/ #portal-promote { float: left; padding: 0 0 0 20px; width: 630px; } #portal-promote .box-image { float: left; width: 541px; border: 1px solid gray; border-radius: 5px; margin-bottom: 10px; padding: 6px; } #portal-promote .box-image .image { float: left; } #portal-promote .box-image .text { float: left; } #portal-promote .rightimage { float: left; } /*Slide image in product details page*/ #slideshow { margin: 0 auto; width: 230px; height: 90px; /*background: transparent url(img/bg_slideshow.jpg) no-repeat 0 0;*/ position: relative; } #slideshow #slidesContainer { margin: 0 auto; width: 120px; height: 120px; overflow: auto; /* allow scrollbar */ position: relative; } #slideshow #slidesContainer .slide { margin: 0 auto; width: 120px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height: 120px; } #slideshow #slidesContainer .slide img { cursor: pointer; } /** * Slideshow controls style rules. */ .control { display: block; width: 30px; height: 120px; text-indent: -10000px; position: absolute; cursor: pointer; } #leftControl { top: 0; left: 0; background: transparent url("/Content/Images/prev.png") no-repeat 0 30px; } #rightControl { top: 0; right: 0; background: transparent url("/Content/Images/next.png") no-repeat 0 30px; } /*================ Lightbox =============*/ .backdrop { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: .1; filter: alpha(opacity=.5); z-index: -9; display: none; } .box, .box-stock-limit { position: absolute; top: 20%; left: 20%; width: 300px; height: 90px; background: #ffffff; z-index: 99; padding: 20px 10px 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px #444444; -webkit-box-shadow: 0px 0px 5px #444444; box-shadow: 0px 0px 5px #444444; display: none; } .club-box { position: fixed; left: 33%; text-align: center; top: 30%; width: 600px; height: 200px; background: #ffffff; z-index: 99; padding: 20px 10px 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px #444444; -webkit-box-shadow: 0px 0px 5px #444444; box-shadow: 0px 0px 5px #444444; display: none; } .continue { cursor: pointer; color: Red; font-weight: bold; float: left; cursor: pointer; } .cross { float: right; margin-right: -8px; margin-top: -18px; } .link { width: 270px; } .box, .box-stock-limit .red { color: red; font-weight: bold; } .box, .box-stock-limit a { color: red; font-weight: bold; } .box .view-cart { float: right; text-decoration: none; font-weight: bold; } .box .view-cart a { text-decoration: none; font-weight: bold; cursor: pointer; } .box .view-cart a:hover { text-decoration: underline; } .box, .box-stock-limit .message { margin-top: 12px; } h2.portal-header { border-radius: 4px; background: #E31C23; padding: 5px; text-transform: uppercase; color: #FFFFFF; width: 250px; text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 14px; } .impersonate-link a { text-decoration: none; color: #FFFFFF; font-weight: bold; background: #E31C23; padding: 10px; text-transform: uppercase; color: #FFFFFF; width: 110px; font-size: 14px; display: block; border-radius: 4px; text-align: center; } .tooltip { display: none; position: absolute; border: 1px solid #333; background-color: #161616; border-radius: 5px; padding: 10px; color: #fff; font-size: 12px Arial; z-index: 9999; width: 200px; } .about-us span, .privacy span { color: Red; font-size: 16px; } .about-us h2 { color: Red; } /*================ Lightbox =============*/ #sautepanpage { width: 640px; background: #fff; margin: 0px auto; border-radius: 8px; } #sautepanpage hr { height: 1px; } #sautepanpage .header { width: 620px; border-radius: 8px; } h2.product-name { color: #000000; font: calibri; font-size: 32px; font-weight: bold; width: 100%; margin-top: 16px; } .featuretext { color: #000000; font: calibri; font-size: 13px; font-weight: bold; padding: 5px 0px 0px 5px; width: 100%; } .productprice { color: #c22133; font-family: calibri; font-size: 32px; font-weight: bold; width: 100%; margin-top: 34px; } .buy-button { margin-top: 177px; height: 44px; width: 178px; } .buybutton a { text-decoration: none; } .productimages { padding: 0 7px 0 6px; width: 627px; height: 151px; } .productimages .image { padding: 4px; width: 201px; float: left; } .feedbacktext { padding: 15px 25px 15px 30px; width: 585px; color: #000; font-family: Arial; font-size: 16px; font-weight: bold; text-align: center; } .advantagetext { padding: 15px 25px 15px 30px; width: 585px; color: #000; font-family: Arial; font-size: 11px; text-align: center; } .productdescriptionblock { padding: 10px 7px 4px 7px; } .productdescriptionblock .image { width: 212px; height: 171px; float: left; } .productdescription { padding-left: 16px; width: 370px; height: 171px; float: left; } .productdescription .top { font-family: Calibri; color: #000; font-size: 13px; } .productdescription .bottom { font-family: Calibri; color: #000; font-size: 13px; } .videoheader { width: 611px; padding-right: 1px; height: 43px; } .videoimage { width: 600px; height: 400px; } .form-header { background: url(../../Content/Images/form-header.jpg) no-repeat; width: 640px; height: 80px; } .form-header .titletext { padding: 10px 10px 0px 325px; font-size: 16px; font-weight: bold; } .form-header .promotext { padding: 2px 10px 2px 325px; font-size: 12px; font-weight: bold; } .form-header .price { padding: 0 10px 0px 325px; font-weight: bold; font-size: 17px; color: #C22133; } .reply-form { border: 1px solid #aaa; margin: 10px 30px 0px 30px; padding: 10px 0px; width: 580px; } .reply-form .fieldname { font-weight: bold; font-size: 16px; margin: 10px 20px; } .reply-form input[type='text'] { margin-left: 20px; height: 27px; line-height: 27px; width: 540px; background: #F9F9F9; margin-bottom: 8px; } .reply-form textarea { margin-left: 20px; width: 543px; background: #F9F9F9; height: 70px; border: 1px solid #cccccc; } .reply-form-submit { margin-left: 50px; padding-bottom: 15px; } select.ui-timepicker-select { width: 150px; } .fb-comments { font-size: 12px; padding-left: 6px; overflow-y: scroll; } .fb-comments ul li { list-style-type: none; margin-bottom: 12px; width: 225px; } .fb-comments ul li img { float: left; margin-right: 8px; } .fb-comments ul li span { font-size: 11px; color: #aaaaaa; float: right; } .fb-comments ul li a { color: #3B5998; font-weight: bold; text-decoration: none; } #recipe-details ul { margin: 2px 0 6px 0px; margin-left: 12px; } #recipe-details ul li { padding: 0 0 2px 0px; margin: 0px; } h2.dotted_underline { background: url(../../Content/Images/t_line.jpg) repeat-x 0 28px; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 22px; font-weight: normal; line-height: 24px; margin-bottom: 13px; padding-bottom: 6px; } p.title { font-weight: bold; } ul.warranty { margin-left: 0px; padding-left: 0px; } ul.warranty li { list-style-type: none; background: url(../../Content/Images/red-cross-arrow.jpg) 0px 10px no-repeat; padding-left: 12px; color: #595959; } .footer-page p { margin-bottom: 16px; color: #595959; font-family: 'Verdana','sans-serif'; } .footer-page a { color: #EB2128; outline: medium none; text-decoration: none; } .gift-certificate-instruction { font-size: 11.2px; } .logoImage { margin:5px; } #afterpayLogo { margin-bottom: 1px; } #checkoutPayments { float:left; clear:left; width:50% } @media(max-width:600px){ #checkoutPayments { float:right; text-align:right; clear:both; width:100%; padding-top:30px;} } /* #dropdown */ .moduletable-category { background: #252525; height: 41px; padding-top: 10px; width: 100%; float: left; } #pvmc-wrap { padding: 0; margin: 0; } #pvmc-menu ul, #pvmc-menu li { line-height: 30px; text-align: left; } #pvmc-menu { list-style: none; height: 44px; margin: 0; position: relative; } #pvmc-menu li.level0 { float: left; display: block; text-align: center; padding: 0 10px 0 11px; margin: 0; border: none; list-style: none; font-size: 14px; line-height: 28px; font-family: Arial, Helvetica, sans-serif; background: url(/content/images/category-divider.gif) left 5px no-repeat; position: relative; font-weight: bold; } #pvmc-menu li.level0:first-child { padding-left: 10px; background: none; } #pvmc-menu li.level0.parent a { margin-bottom: 8px; z-index: 100; position: relative; } #pvmc-menu li a { color: #fff; display: block; outline: 0; text-decoration: none; text-transform: uppercase; padding: 1px 9px 12px 9px; background: url(/content/images/png.png) left top repeat; text-align: center; position: relative; border-radius: 3px 3px 0 0; } #pvmc-menu li:hover a, #pvmc-menu li.active a { color: #fff; background: #eb2128 url(/content/images/categories-a.active.gif) left top repeat-x; } #pvmc-menu li span.drop { } #pvmc-menu li:hover .drop { background: url(/content/images/down.gif) left top no-repeat; width: 9px; height: 8px; display: block; position: absolute; bottom: -8px; left: 50%; margin-left: -4px; } #pvmc-menu li.parent ul { margin: 0; float: none; position: absolute; left: 11px; top: 44px; text-align: left; padding: 10px 20px 10px 20px; border: none; border-top: none; z-index: 99; height: auto; width: 180px; background: #4d4c4c; border-top: none; border-radius: 2px; display: none; visibility: hidden; } #pvmc-menu li.parent:first-child ul { left: 10px; } #pvmc-menu li.parent:hover ul.level1, #pvmc-menu ul.level1 li.parent:hover ul.level2 { display: block; visibility: visible; top: 44px; } #pvmc-menu p, #pvmc-menu h2, #pvmc-menu h3, #pvmc-menu ul li { line-height: 36px; font-size: 12px; text-align: left; } #pvmc-menu h2 { font-size: 12px; font-weight: 400; letter-spacing: -1px; margin: 7px 0 14px 0; padding-bottom: 14px; border-bottom: 1px solid #666666; } #pvmc-menu h3 { font-size: 14px; margin: 7px 0 14px 0; padding-bottom: 7px; border-bottom: 1px solid #888888; } #pvmc-menu p { line-height: 18px; margin: 0 0 10px 0; } #pvmc-menu li:hover div a { font-size: 12px; color: #015b86; } #pvmc-menu li:hover div a:hover { color: #029feb; } /* Levels */ /* Levels 1 (2) */ #pvmc-menu li.level0 ul.level1 li.level1 { list-style-type: none; margin: 0; font-size: 12px; line-height: 36px; background: url(/content/images/line2.gif) left top repeat-x; text-align: left; padding: 0 0 0 0 !important; margin-left: 0; position: relative; } #pvmc-menu li.level0 ul.level1 li.level1:first-child { background: none; } #pvmc-menu li.level0 ul.level1 li.level1 a { color: #a5a5a5; padding: 0 0 0 18px; margin: 0; text-transform: uppercase; font-weight: bold; display: block; text-align: left; background: url(/content/images/categories-marker1.gif) left center no-repeat; font-family: Arial, Helvetica, sans-serif; position: relative; border-radius: 0; } #pvmc-menu li.level0 ul.level1 li.level1.parent a { margin-bottom: 0; margin-right: -24px; } #pvmc-menu li.level0 ul.level1 li.level1.parent a span { display: none !important; } #pvmc-menu li.level0 ul.level1 li.level1 a:hover, #pvmc-menu li.level0 ul.level1 li.active a { color: #fff; background: url(/content/images/categories-marker-active.gif) left center no-repeat; } .pvmc-submenu-img { position: absolute; right: 12px; top: 7%; background: #fff; text-align: center; width: 160px; height: 160px; padding-top: 10px; padding-left: 10px; } .pvmc-submenu-img img { width: 150px; height: 150px; display: none; background: #FFF; position: relative; z-index: 1; } #pvmc-menu li.level0 ul.level1 li.level1:first-child .pvmc-submenu-img img { display: block; } #pvmc-menu li.level0 ul.level1 li.level1:hover .pvmc-submenu-img img { display: block !important; } /* Level2 (3) */ #pvmc-menu ul.level1 ul.level2 { margin: 0; position: absolute; left: 200px; top: -10px !important; display: none; } #pvmc-menu li.level0 ul.level1 li.level1 ul.level2 .pvmc-submenu-img { height: 40px; width: 90px; text-align: center; float: left; background: #fff; border: 1px solid #777777; -moz-box-shadow: 0 0 5px #666666; -webkit-box-shadow: 0 0 5px #666666; box-shadow: 0 0 5px #666666; margin-right: 15px; } #pvmc-menu li.level0 ul.level1 li.level1 ul.level2 .pvmc-submenu-img img { width: 40px; height: 40px; } #pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2 { list-style-type: none; margin: 0; font-size: 12px; line-height: 36px; background: url(/content/images/line2.gif) left top repeat-x; text-align: left; padding: 0 0 0 6px !important; margin-left: 0; position: relative; } #pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2:first-child { background: none; } #pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2 a { color: #a5a5a5; padding: 0 0 0 18px; margin: 0; text-transform: uppercase; font-weight: bold; display: block; text-align: left; background: url(/content/images/categories-marker1.gif) left center no-repeat; font-family: Arial, Helvetica, sans-serif; } #pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2 a:hover, #pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2.active a { text-decoration: none; color: #fff; background: url(/content/images/categories-marker-active.gif) left center no-repeat; } /* Level3 (4) */ #pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2 ul.level3 { margin-left: 0; padding-left: 0; } #pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2 ul.level3 li.level3 { list-style-type: none; padding: 0 0 0 10px; margin: 3px 0; line-height: 1; } #pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2 ul.level3 li.level3 a { background: transparent; color: #000; text-shadow: none; font-size: 90%; margin: 0; padding: 0; text-decoration: underline; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #pvmc-menu .pvmc-submenu-desc { margin-bottom: 5px; border-bottom: 1px dotted #555; } #pvmc-menu .child { clear: both; } /* Beez templates*/ /* Uncomment in case your menu will be set in top position of Beez template */ /*#top { overflow: visible !important;}*/ #phoca-content1, #phoca-content2, #phoca-content3 { overflow: visible !important; } /* ------------------------------------- module-category --- */ .contacts .module-category { display: none; } .module-category { position: relative; background: none; border: none; position: relative; border-radius: 0; overflow: hidden; margin: 0; padding: 0; margin-bottom: 16px; } .module-category h3 { background: none; font: normal 13px/43px Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; color: #000; margin: 0; margin-bottom: -1px; padding: 0 0 0 24px; text-transform: uppercase; border-bottom: none; } .module-category .boxIndent { background: none; border-radius: 0; position: relative; padding: 0 0 10px 0; } .module-category .list { margin: 0; padding: 0; list-style-type: none; } .module-category .list li { font: normal 11px/24px Arial, Helvetica, sans-serif; float: none; font-family: 'Droid Sans', sans-serif; position: relative; padding: 0 0 0 25px; height: auto; background: none; text-transform: uppercase; } .module-category .list li:first-child { background: none; margin-top: 0; } .module-category .list li a { color: #464545; text-decoration: none; padding: 0 0 0 10px; margin-right: 20px; display: block; background: url(/content/images/marker2.gif) left 9px no-repeat; } .module-category .list li a:hover, .module-category .list li.active a { color: #fb83a6; font-weight: normal; } .module-category .list ul { padding: 0; margin: 0; border: none; display: none; list-style: none; } .module-category .list .level1 { margin-left: 0; } .module-category .list .level1 li { padding-left: 6px; } .module-category .list .level1 li:first-child { background: none; margin-top: 0; } .module-category .list .level1 li a { font-weight: normal; padding-left: 10px; color: #464545; } .module-category .list .level1 li a:hover, .module-category .list .level1 li.active a { font-weight: normal; color: #fb83a6; } .module-category .list .level1 .level2 { margin-left: 0; } .module-category .list .level1 .level2 li { padding-left: 6px; } .module-category .list .level1 .level2 li:first-child { background: none; margin-top: 0; } .module-category .list .level1 .level2 li a { font-weight: normal; padding-left: 10px; color: #464545; } .module-category .list .level1 .level2 li:hover a, .module-category .list .level1 .level2 li.active a { font-weight: normal; color: #fb83a6; } .module-category li.parent ul { display: none; } .module-category li.parent ul.active { display: block; } .VmArrowdown { background-position: right 0; height: 20px; width: 18px; float: none; position: absolute; right: 0; top: 1px; padding: 0; } /* ------------------------------------- end module-category --- */ .module_none { display: none; } /* ------------------------------------- module_new --- */ .module_new { overflow: hidden; margin: 0; padding: 0 0 0 0; position: relative; background: #FFFFFF; width: 100%; height: 302px; visibility: hidden; } .module_new h3 { background: none; font: normal 24px/28px Arial, Helvetica, sans-serif; font-family: 'Arial', sans-serif; color: #fff; margin: 0 0 -23px 0; padding: 16px 0 0 0; text-transform: uppercase; margin-top: 0; } .module_new h3 em { font-style: normal; font-weight: normal; color: #fff; } .module_new .boxIndent { background: none; border-radius: 0; position: relative; overflow: hidden; padding: 0 0 0 0; } .module_new .boxIndent wrapper { overflow: visible; } .vmgroup_new ul li { display: block; float: none; padding: 0 0 0 0; min-height: auto; width: 100%; margin: 0; border: none; overflow: hidden; background: none; } .vmgroup_new ul li .product-box { border: 1px solid #D9D9D9; width: 238px; text-align: center; float: left; min-height: 0; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top: 10px; margin-left: 12px; background: #ffffff; position: relative; overflow: hidden; } .vmgroup_new ul li .product-box:first-child { margin-left: 0; } .vmgroup_new ul li .browseImage { text-align: center; width: 100%; height: auto; background: none; position: relative; margin-left: 0; } .vmgroup_new ul li .browseImage img { text-align: center; width: 175px; height: 133px; background: #fff; } .vmgroup_new ul li .fleft { float: none; overflow: hidden; } .module_new .wrapper-slide { float: none; width: 88px; } .vmgroup_new ul li .Title { padding: 15px 0 0 0; min-height: 38px; background: none; text-align: center; } .vmgroup_new ul li .Title a { color: #4D4D4D; font: bold 12px/19px Arial, Helvetica, sans-serif; text-decoration: none; display: block; text-transform: none; padding-top: 10px; border-top: 1px solid #E31B23; } .vmgroup_new ul li .Title a:hover { color: #d03b36; text-decoration: none; } .vmgroup_new ul li .Price { padding: 3px 0 0 0; margin: 0 0 0 -1px; overflow: hidden; } .vmgroup_new ul li .Price span.sales { font: normal 16px/16px Arial, Helvetica, sans-serif; display: block; color: #e31b23; font-family: sans-serif; } .vmgroup_new ul li .Price span.WithoutTax { font: normal 16px/16px Arial, Helvetica, sans-serif; display: block; color: #4e4d49; font-family: sans-serif; text-decoration: line-through; display: none; } .module_new .Details { float: none; width: 76px; padding-top: 9px; padding-left: 80px; } .module_new .Details a { font: normal 16px/26px Arial, Helvetica, sans-serif; font-family: 'Anton', sans-serif; text-transform: uppercase; display: inline-block; /*background:url(/content/images/det-buton2.png) left top no-repeat;*/ background: url(/content/images/det-buton3.png) left top no-repeat; color: #fff; width: 67px; height: 28px; padding-left: 9px; text-align: left; text-decoration: none; } .module_new .Details a:hover { background-position: left bottom; color: #fff; text-decoration: none; width: 67px; padding-left: 9px; } .vmgroup_new ul li .Price .discount { display: none !important; } .description p { color: #575656; font: normal 11px/16px Arial, Helvetica, sans-serif; margin: 0; padding: 18px 0 6px 1px; } .module_new .quantity-box, .module_new .quantity-controls, .module_new .product-fields { display: none; } .module_new .addtocart-area2 { padding: 18px 0 0 15px; display: none; } /* ------------------------------------- end module_new --- */ span.count { display: none; } /* ------------------------------------- module_new2 --- */ .module_new2 { overflow: hidden; margin: 0; padding: 0 0 0 0; position: relative; background: #FFFFFF; width: 100%; height: 310px; visibility: hidden; } .module_new2 h3 { background: none; font: normal 24px/28px Arial, Helvetica, sans-serif; font-family: 'Arial', sans-serif; color: #fff; margin: 0 0 -23px 0; padding: 16px 0 0 0; text-transform: uppercase; margin-top: 0; } .module_new2 h3 em { font-style: normal; font-weight: normal; color: #fff; } .module_new2 .boxIndent { background: none; border-radius: 0; position: relative; overflow: hidden; padding: 10px 0 0 0; } .module_new2 .boxIndent wrapper { overflow: visible; } .vmgroup_new2 ul li { display: block; float: none; padding: 0 0 0 0; min-height: auto; width: 100%; margin: 0; border: none; overflow: hidden; background: none; } .vmgroup_new2 ul li .product-box { border: 1px solid #D9D9D9; width: 238px; text-align: center; float: left; min-height: 0; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top: 10px; margin-left: 12px; background: #ffffff; position: relative; overflow: hidden; } .vmgroup_new2 ul li .product-box:first-child { margin-left: 0; } .vmgroup_new2 ul li .browseImage { text-align: center; width: 100%; height: auto; background: none; position: relative; margin-left: 0; } .vmgroup_new2 ul li .browseImage img { text-align: center; width: 175px; height: 133px; background: #fff; } .vmgroup_new2 ul li .fleft { float: none; overflow: hidden; } .module_new2 .wrapper-slide { float: none; width: 88px; } .vmgroup_new2 ul li .Title { padding: 15px 0 0 0; min-height: 38px; background: none; text-align: center; } .vmgroup_new2 ul li .Title a { color: #4D4D4D; font: bold 12px/19px Arial, Helvetica, sans-serif; text-decoration: none; display: block; text-transform: none; padding-top: 10px; border-top: 1px solid #E31B23; } .vmgroup_new2 ul li .Title a:hover { color: #d03b36; text-decoration: none; } .vmgroup_new2 ul li .Price { padding: 3px 0 0 0; margin: 0 0 0 -1px; overflow: hidden; } .vmgroup_new2 ul li .Price span.sales { font: normal 16px/16px Arial, Helvetica, sans-serif; display: block; color: #e31b23; font-family: sans-serif; } .vmgroup_new2 ul li .Price span.WithoutTax { font: normal 16px/16px Arial, Helvetica, sans-serif; display: block; color: #4e4d49; font-family: sans-serif; text-decoration: line-through; display: none; } .module_new2 .Details { float: none; width: 76px; padding-top: 9px; padding-left: 80px; } .module_new2 .Details a { font: normal 16px/26px Arial, Helvetica, sans-serif; font-family: 'Anton', sans-serif; text-transform: uppercase; display: inline-block; background: url(/content/images/det-buton3.png) left top no-repeat; color: #fff; width: 67px; height: 28px; padding-left: 9px; text-align: left; text-decoration: none; } .module_new2 .Details a:hover { background-position: left bottom; color: #fff; text-decoration: none; width: 67px; padding-left: 9px; } .vmgroup_new2ul li .Price .discount { display: none !important; } .description p { color: #575656; font: normal 11px/16px Arial, Helvetica, sans-serif; margin: 0; padding: 18px 0 6px 1px; } .module_new2 .quantity-box, .module_new2 .quantity-controls, .module_new2 .product-fields { display: none; } .module_new2 .addtocart-area2 { padding: 18px 0 0 15px; display: none; } /* ------------------------------------- end module_new2 --- */ /* ------------------------------------- module_special slider --- */ /* anythingSlider v1.0 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/*/ /*#slider { width: 950px; height: 310px; list-style: none;*/ /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */ /* overflow-y: auto;} */ /*#slider2 { width: 950px; height: 310px; list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */ /* overflow-y: auto;} */ /*********************** COMMON SLIDER STYLING ***********************/ /* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */ div.anythingSlider { display: block; margin: 0 auto; overflow: visible !important; /* needed for Opera and Safari */ position: relative; padding: 0; } /* anythingSlider viewport window */ div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } /* anythingSlider base (original element) */ .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; } /* all panels inside the slider */ .anythingBase .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } .anythingBase .panel.vertical { float: none; } /* hide text, target the span so IE7 doesn't text-indent the link */ #slider li { display: block; float: left; padding: 0; width: 100%; margin: 0 0 0 0; border: none; overflow: hidden; } .anythingSlider .arrow { display: block; height: 30px; width: 30px; background: url(/content/images/virtuemart/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; bottom: 1px; cursor: pointer; } .anythingSlider .forward { background-position: right bottom; right: 10px; } .anythingSlider .back { background-position: left top; left: 10px; } .anythingSlider .forward:hover { background-position: right top; } .anythingSlider .back:hover { background-position: left bottom; } .anythingSlider .thumbNav { position: absolute; right: 58px; top: -45px; text-align: center; overflow: hidden; width: auto; } .anythingSlider .thumbNav li { margin: 0; padding: 0; float: left; width: 26px; height: 21px; } .anythingSlider .thumbNav a { text-indent: -9999px; display: inline-block; padding: 0; width: 21px; height: 21px; margin: 0 0 0 5px; text-align: center; text-decoration: none; background: url(/content/images/virtuemart/bullets.png) right top no-repeat; } .module_new2 .anythingSlider .thumbNav a { background: url(/content/images/virtuemart/bullets2.png) right top no-repeat; } .anythingSlider .thumbNav a:hover, .anythingSlider .thumbNav a.cur { background-position: left top; } .start-stop { color: #575656; font: normal 13px/28px Arial, Helvetica, sans-serif; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; bottom: -4px; text-decoration: none; display: block; } #start-stop.playing, #start-stop:hover { text-decoration: underline; } /* Prevents*/ .anythingSlider .wrapper-box ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper-box ul ul li { float: none; height: auto; width: auto; background: none; } /* ------------------------------------- end module_special slider --- */ .contacts .module_manufacturers, .first .module_manufacturers { margin-bottom: 0; display: none; } .module_manufacturers { position: relative; background: none; border: none; position: relative; border-radius: 0; overflow: hidden; margin: 0; padding: 0; margin-bottom: 20px; overflow: hidden; margin-left: 2px; } .module_manufacturers h3 { background: none; font: normal 24px/28px Arial, Helvetica, sans-serif; font-family: 'Arial', sans-serif; color: #2f2f2f; margin: 0 0 0 0; padding: 10px 0 0 0; text-transform: uppercase; margin-top: 0; } .module_manufacturers .boxIndent { background: none; border-radius: 0; position: relative; padding: 6px 0 10px 0; } .module_manufacturers ul { padding: 0; margin: 0; list-style: none; } .module_manufacturers ul li { font: bold 12px/30px Arial, Helvetica, sans-serif; float: none; position: relative; padding: 0; background: none; text-transform: uppercase; } .module_manufacturers ul li a { color: #4d4c4c; text-decoration: none; padding: 0 0 0 26px; cursor: pointer; background: url(/content/images/top-marker.png) left center no-repeat; display: inline-block; } .module_manufacturers ul li a:hover, .module_manufacturers ul li.active a { color: #eb2128; text-decoration: none; background: url(/content/images/top-marker-active.png) left center no-repeat; } /** * @author ( Angie Radtke ) * @package Joomla * @subpackage Accessible-Template-Beez * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved. * @license GNU/GPL, see LICENSE.php * Joomla! is free software. This version may have been modified pursuant to the * GNU General Public License, and as distributed it includes or is derivative * of works licensed under the GNU General Public License or other free or open * source software licenses. See COPYRIGHT.php for copyright notices and * details. */ /* not ready */ * { margin: 0; padding: 0; } body { position:relative; } body { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; } /*===== button =====*/ .button , .vm-button-correct , .show_cart a { border:none; background:#eb2128; color:#fff; text-transform:none; text-decoration:none; display:inline-block; font-size:12px; line-height:24px !important; padding:0px 10px 0px 10px; height:25px; width:auto; font-style:normal !important; margin:0px 0 0 0; text-align:center; cursor:pointer; position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:none; letter-spacing:0px; border-radius:3px; } @-moz-document url-prefix() { .button , .vm-button-correct { padding-bottom:2px;} } .button.reg { padding-bottom:1px!important;} a.button.reg , a.button { padding-bottom:0!important; line-height:26px !important;} .button:hover , .vm-button-correct:hover, .show_cart a:hover {background:#4d4c4c; text-decoration:none;} td.button { display: table-cell; border-radius:0; background:none!important; border:1px solid #CCC; color:#333;} select.inputbox { width:auto; height:auto; padding:0 0 0 5px; margin:1px 0 0 0; float:none;} select.inputbox option { text-align:left; padding-left:8px;} .inputbox { width:155px; height:18px; padding:2px 0px 2px 0px; font:normal 11px/20px Arial, Helvetica, sans-serif;text-align:center; color:#000; border:1px solid #e5e5e5; float:left; } .ask-a-question-view,.manufacturer-details-view .spacer{padding:10px; padding-top:10px;} #askform .inputbox { float:left;} #askform .paddingtop { padding-top:2px;} #askform label { overflow:hidden; width:100%; margin-bottom:10px; display:inline-block;} #askform label span { float:left; width:55px; vertical-align:middle; padding-top:1px;} .ask-a-question-view .form-field textarea.field{width:394px;background:#fff url(/content/images/vmgeneral/default_bg.jpg) bottom repeat-x;border:solid #e5e5e5 1px; color:#777;text-align:left;padding:12px; max-width:500px; height:110px;} .ask-a-question-view .form-field .submit{width:418px; padding-top:10px;} textarea.virtuemart{background:#fff;border:solid #e5e5e5 1px;border-radius:0;color:#777;text-align:left;padding:5px 5px 4px;} input.vm-default {background: url(/content/images/backgrounds.png) top repeat-x;border:solid #e5e5e5 1px;border-radius:0; color:#777;text-decoration:none;padding:5px 5px 4px;} .virtuemart_search { padding-bottom:20px; overflow:hidden; padding-top:20px;} .virtuemart_search .button { float:left; margin-left:5px;} @-moz-document url-prefix() { .virtuemart_search .button { padding-bottom:2px;} } .product-summary { margin:0!important;} .product-summary img { width:194px!important;} .manufacturer-details-view { min-width:330px; min-height:125px;} .manufacturer-details-view a { color:#eb2128; font-size:14px; text-transform:capitalize; display:inline-block; line-height:20px; text-decoration:underline; font-weight:bold;} .manufacturer-details-view a:hover { text-decoration:none;} .manufacturer-description { color:#000; padding:10px 0 10px 0; } ul.login { list-style-type:none; margin:0; padding:0;} /* ###################### general ###################### */ #back { margin: 0; padding:0px; } #contentarea, #contentarea2 { position:relative; overflow:hidden; padding:0px 0px !important; margin:0; } #wrapper { width:53%; float:left; position:relative; } #wrapper2 { width:72%; float:left; position:relative; padding-bottom:20px; } #wrapper2 .item-page { max-width:660px; } #main { padding: 0px 0px 20px 0px; position: relative; min-height:120px; margin-top:-10px; } .unseen, .hidelabeltxt { display: inline; height: 0px; left: -3000px; position: absolute; top: -2000px; width: 0px; } #content { } /* ++++++++++++++ nav after content ++++++++++++++ */ /* ++++++++++++++ nav before content ++++++++++++++ */ .left1 { padding:0px 0 0 0px; float: left; margin:10px 3% 10px 0px; width: 21%; position:relative } .leftbigger { width:25% } /* ###################### header ###################### */ .skiplinks, .skiplinks li { display: inline; height: 0px; line-height:0; padding:0 !important; } .skiplinks li a.u2 { display: inline; height: 0px; left: -3000px; position: absolute; top: -2000px; width: 0px; } .skiplinks li a.u2:active, .skiplinks li a.u2:focus { position:absolute; width:13em; top:10px; left:10px; line-height:1.5em; padding:5px; font-weight:bold; height:3em; } .wrap { border: 0; clear: both; float: none; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0; visibility: hidden; } h1#logo { font-size:3.5em; } #logo { height:119px; width:756px; } #logo > a:nth-child(1) { display:block; height:119px; overflow:hidden; } #logo img { border:none; } #logo span { padding-left:2px } #logo span.header1 { font-size:0.4em; display:block; top:0em; line-height:0.8em } .logoheader { margin:0; padding:0; text-align:left; font-weight:normal; line-height:1.5em; } #line { padding:5px 0px 2px 2px; position:absolute; right :20px; top:5em; max-width:38em; } /* ++++++++++++++ button for closing right column ++++++++++++++ */ #close { margin-right:0px; font-size:0.85em; text-transform:uppercase; } #close span { position:absolute; right: 20px; z-index:10000; top:5px; width:7em; font-weight:bold; text-align:right; line-height:1.5em; padding:5px 2px 5px 5px } /* ###################### content ###################### */ /* ++++++++++++++ position ++++++++++++++ */ .blog-featured { padding: 0; } .items-leading { overflow:hidden; } .item-separator { display: none; margin: 0px; } .shownocolumns { width:98% !important; } #top { margin:0 0 20px 0; overflow:hidden } /* ++++++++++++++ blog ++++++++++++++ */ .cols-1 { display: block; float: none !important; margin: 0; } .cols-2 .column-1 { width:46%; float:left; } .cols-2 .column-2 { width:46%; float:right; margin:0 } .cols-3 .column-1 { float:left; width:29%; padding:0px 5px; margin-right:4% } .cols-3 .column-2 { float:left; width:29%; margin-left:0; padding:0px 5px } .cols-3 .column-3 { float:right; width:29%; padding:0px 5px } .column-1, .column-2, .column-3 { padding:0; } .column-2 { width:55%; } .column-3 {width:30%;} .blog-more {padding:10px 5px;} /* ++++++++++++++ footer ++++++++++++++ */ #bottom {overflow:hidden;} .box1 {width:35%;} .box2 {width:32%;} .box3 {float:right;} #footer-inner { max-width:1025px; margin:0 auto; font-size:0.8em; padding:10px; left:18px; } /* ++++++++++++++ ul overrides ++++++++++++++ */ .item-page ul, .yoorecipe-cont-results ul, .desc ul{ position: relative; left:18px; } .yoorecipe-infos { padding-left:2px; } /* ++++++++++++++ image overrides ++++++++++++++ */ /* controls left padding of article images */ .item-page img{ padding-left:12px; } /* * @author ( Angie Radtke ) */ /* not ready */ /* ########################## general ########################### */ body { height:100%; } p {margin:0 0 0px 0;} .item-page {overflow:hidden; position:relative;} .push { height:66px; } a { color:#eb2128; outline:none; text-decoration:none; } a:hover { text-decoration:underline; outline:none; } input:focus { } input.input-validation-error, select.input-validation-error { border:1px solid red; } fieldset { border:0; padding:0 0 0 0; margin:0; } .article-info dd span { color:#444; border-right:solid 0px; background:#eee } /********************registration***********************************/ .registration, .reset, .remind, .contactcontacts { overflow:hidden; position:relative; padding:0 0 0 2px;} .contactcontacts .contact-form legend { display: none; } legend { color: #9B9791; } /********************************************************************/ .moduletable-slider { width:520px; height:624px;} /* ++++++++++++++ lists, skiplinks ++++++++++++++ */ .tip-wrap { z-index:999;} .actions {height:30px; position:absolute; top:0; right:0; list-style-type:none;} .actions li {float:right; padding:0 5px 0 0;} .spacing {margin-bottom:26px; float:left; margin-right:20px;} #header ul.skiplinks { width:100%; text-align:left; background:none; z-index:20000; top:0; display:inline; padding:0 } #header ul.skiplinks li a.u2:active, #header ul.skiplinks li a.u2:focus { background:#095197 !important; color:#fff !important; border:solid 1px; top:0 !important; z-index:10000; right:auto; left:0 !important; display:block } /* ++++++++++++++ fontsize ++++++++++++++ */ #fontsize { display:inline; } #fontsize p a:link, #fontsize p a:visited { color:#222; border-right:solid 1px #ccc } #fontsize p a.larger, #fontsize p a.reset, #fontsize p a.smaller { padding-left:5px; padding-right:5px; text-decoration:none; margin:0; } #fontsize p a:hover, #fontsize p a:active, #fontsize p a:focus { background:#095197 !important; color:#fff } #fontsize h3 { color:#222; font-weight:bold } /* ########################## contentarea ########################### */ #contentarea, #contentarea2 { background:#fff } .categories-list, .category-list, .blog { padding:0px; position:relative; } /* ########################## breadcrumbs ########################### */ #breadcrumbs { color:#333; } #breadcrumbs span { color:#333; } #breadcrumbs span a:link, #breadcrumbs span a:visited { background:#fff; color:#333; } #breadcrumbs span a:hover, #breadcrumbs span a:active, #breadcrumbs span a:focus { background:#095197; color:#fff; } /* ########################## navigation column ########################### */ .module_content { border:solid 1px #ddd; } .moduletable_js { border:solid 0px #ddd; } #right .moduletable_js { border:0 } #nav h3 { border-bottom:solid 1px #ddd; color:#555 } h3.js_heading { border-bottom:solid 1px #ddd; background:#eee; } h3.js_heading span.backh { border:solid 0px #000 } h3.js_heading span.backh1 { } h3.js_heading a { border:0 } h3.js_heading a img { border:0 } h3.js_heading a.opencloselink:hover, h3.js_heading a.opencloselink:active, h3.js_heading a.opencloselink:focus { background:none } #right h3 span.backh { } #right h3 span.backh2 { background:#fff; color:#555; border-bottom:solid 1px #ddd } #right h3 span.backh3 { padding-left:0 } h3.js_heading a:link, h3.js_heading a:visited, h3.js_heading a:hover, h3.js_heading a:active, h3.js_heading a:focus { } #nav h3.js_heading a:focus { } #nav form { color:#000; } #nav form a:hover, #nav form a:active, #nav form a:focus { color:#fff; background:#095197; text-decoration:none } #main th a:hover, #main th a:active, #main th a:focus { background:#333; color:#fff; } .column-1, .column-2 { border: solid 0px ; } .item-separator { border: solid 0px #333333; } #main ul li { } .small { border:solid 0; } ul#archive-items li.row0, ul#archive-items li.row1 { border-bottom:solid 1px #ddd } .archive #adminForm fieldset { border:0; padding:0; margin:20px 0 } /* ++++++++++++++ images ++++++++++++++ */ .image-left { padding:2px; } .image-right { border:solid 1px #ddd; padding:2px } /* ++++++++++++++ leading ++++++++++++++ */ .items-leading, .item-page { padding: 0; } /* ++++++++++++++++++++ headings +++++++++++++ */ #main h1 { border-bottom:solid 1px #ddd; padding-left:0!important; } #main .blog h1, #main .blog-featured h1 { color:#0d4c89; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; margin-top:-1px !important } /* h1 on frontpage */ #main h2 { color:#464545; border:none; } #main h2 a { color:#095197 } .box-top { background:url(/content/images/line-hor.gif) bottom left repeat-x; width:100%; overflow:hidden; } .separator1 { background:url(/content/images/line-ver.gif) repeat-y 319px 0; } .separator2 { background:url(/content/images/line-ver.gif) repeat-y 639px 0; } .box-top h2 { background:#ebebeb url(/content/images/line-hor.gif) bottom left repeat-x; text-align:center; padding:20px 50px 20px 50px; } .box-top .indent { text-align:center; padding:30px 40px 50px 40px; } /* ++++++++++++++ readmore ++++++++++++++ */ /* ++++++++++++++ icons ++++++++++++++ */ .actions img { border:0; } /* ++++++++++++++ items-more ++++++++++++++ */ #main .items-more h3 { border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; color:#444; } #main .items-more ol { color:#000; } #main .items-more ol li a { background:#FFFFFF url(/content/images/blog_more.gif) no-repeat 0px center; color:#095197 } #main .items-more ol li a:hover, #main .items-more ol li a:active, #main .items-more ol li a:focus { background: #095197 url(/content/images/blog_more_hover.gif) no-repeat 0px center; color:#fff; } /* ++++++++++++++ pagination ++++++++++++++ */ #main .pagination { border-top:solid 1px #ddd; } /* ++++++++++++++ article index ++++++++++++++ */ table.contenttoc { border:solid 1px #ccc; } /* ########################## right column ########################### */ /* ++++++++++++++ button for closing right column ++++++++++++++ */ #close span { color:#000; } /* ########################## modules ########################### */ /* ++++++++++++++ mostread, latest news ++++++++++++++ */ .mostread li a:link, .mostread li a:visited, .latestnews li a:link, .latestnews li a:visited { background: url(/content/images/personal/arrow2_grey.png) 2px 7px no-repeat ; } .mostread li a:hover, .latestnews li a:hover, .mostread li a:active, .latestnews li a:active, .mostread li a:focus, .latestnews li a:focus { background:#555 url(/content/images/arrow_white_grey.png) 2px 7px no-repeat !important; } /* ++++++++++++++ newsfeed ++++++++++++++ */ ul.newsfeed { border:solid 0px #000; } .newsfeed-item { border-bottom:solid 1px #ddd; } .newsfeed-item h5 a { } /* ++++++++++++++ newsflash ++++++++++++++ */ /* newsflash horizontal */ ul.newsflash-horiz { background:#F5F5F5 url(/content/images/nature/box.png) repeat-x; border:1px solid #EEEEEE; } ul.newsflash-horiz li { border:solid 0px #eee; background:#f5f5f5; } ul.newsflash-horiz li h4 { font-family: 'Titillium Maps', Arial; } /* newsflash vertical */ .newsflash-vert { } /* ++++++++++++++ banner ++++++++++++++ */ #content .bannergroup { background:#dfdfdf url(/content/images/line-hor.gif) top left repeat-x; overflow:hidden; padding:23px 0 22px 0px; } #content .banneritem { border:0; float:left; font-size:0px; line-height:0px; } #content .banneritem a { background:none; } #content .banneritem a img { background:none; border:0 } /* ++++++++++++++ category-module ++++++++++++++ */ #right .category-module h4 a:link, #right .category-module h4 a:visited { color:#0D4C89 } #right .category-module h4 a:hover, #right .category-module h4 a:active, #right .category-module h4 a:focus { color:#fff } .category-module li { border-bottom:solid 1px #ddd; } .category-module li li { border:0 } /* ########################## search ########################### */ .searchintro img { border:0px } .inputbox:focus { } .word { } input, textarea {outline:none;} .word input { width:170px; margin-top:0px; background:#f9f9f9; height:28px; line-height:28px; border:solid 1px #c4c4c4; float:left; margin-top:0px; padding:0 10px; color:#919191; margin-right:10px; } .only { } .phrases { } /* ++++++++++++++ selects ++++++++++++++ */ .phrases .inputbox { background:#fff; color:#000; height:20px; } .phrases .inputbox option { background:#f5f5f5; border-bottom:solid 1px #ccc; } .phrases .inputbox option a:hover { background:#C00; border-color:#CFD0D6; color:#fff; } /* ++++++++++++++ search results ++++++++++++++++++ */ dl.search-results { } dl.search-results dt.result-title { font-size:18px; line-height:18px; color:#333; } dt.result-title a {font-size:18px; line-height:18px; color:#333; font-weight:bold; text-decoration:none; text-transform:capitalize;} dt.result-title a:hover {text-decoration:underline;} dl.search-results dd.result-created { color:#F60101; font-size:11px; } dd.result-category {} /* ########################## forms ########################### */ /* ++++++++++++++ form validation ++++++++++++++ */ .invalid { border-color:red !important; background:none!important; } label.invalid { color:red; } /* ########################## user profile ########################### */ #users-profile-core, #users-profile-custom { } #member-profile fieldset { } /* ########################## tables ########################### */ table { } tbody { } tr.odd, .cat-list-row1 { background:url(/content/images/news.gif) repeat-x; } table.newsfeeds td, table.weblinks td { } table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th { background:#444 ; } table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a, table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th { color:#fff } td.table_footer { background:#ddd url(/content/images/table_footer.gif) bottom left repeat-x; } td.counter { } td.num, td.hits { } td p { } table.category th a img { border:solid 0px ; } /* for opera */ tr, td { border:none } #main table.moduletable td, #main table.moduletable tr {border:0;} fieldset.filters { border:solid 0px #ddd; } /* ########################## contacts ########################### */ .contactcontacts form { background:none; color:#fff; padding-left:2px; } .contactcontacts input { background:#fff; border:0; color:#697575; } .contact-links {padding:20px;} .contactcontacts input.invalid, .contactcontacts textarea.invalid { border:solid 1px red; } .contact-form .col-1 {width:40%; margin-right:9%;} .contact-form .col-2 {width:40%;} .contact-links ul li a {color:#ef8200 !important;} .contact label.invalid { color:red; } /* ++++++++++++++ Error Message contact form ++++++++++++++ */ p.error { color:#044b63; background:#eee; border-top:3px solid #044b63; border-bottom:3px solid #044b63; } body.contentpane { background:#fff; } #faded {width:460px; height:368px;} #faded .pagination {padding:0; bottom:0; position:absolute;} #faded .pagination li a { background: url(/content/images/bullets.png) no-repeat scroll -16px 0 transparent; border: 0 none; display: block; float: left; height: 14px; margin-right: 2px; text-indent: -9999px !important; width: 14px; } #faded .pagination li a:hover, #faded .pagination li.current a {background-position:0 0;} #faded .pagination li {float:left;} #faded ul {width:460px;} #bottom a img { border:0 } .box ul{padding-left:0} .box1{border-right:solid 1px #ccc;} .box3{border-left:solid 1px #ccc;} #bottom ul li a { background-image:none; padding-left:0; } /* ########################## editor ########################### */ .contentpaneopen_edit img { border:0 } form.editor fieldset { border:solid 1px #ccc; } /* ++++++++++++++ edit ++++++++++++++ */ form#adminForm { border:solid 0px #000 } .edit form#adminForm fieldset { border:solid 1px #ddd } .edit form#adminForm legend { font-weight:bold } /* ++++++++++++++ tooltip ++++++++++++++ */ .tip { border:solid 1px #e7e7e7; background:#efefef; z-index:999; } /*-------------------------------*/ table.pagenav, table.pagenav tr, table.pagenav td {border:0 !important} .cat-children ul ul, .categories-list ul ul { list-style-type:none; } .cat-children ul ul ul, .categories-list ul ul ul { } .categories-list .category-desc ul li {list-style-type:square } /* contact plain */ #main .contact h3 { border-bottom:solid 1px #ddd; margin: 20px 0 } .form-required { font-weight:bold; margin:10px 0; padding:2px 0px } .contactcontacts .inputbox, .contactcontacts input.required, .registration input, .profile-edit input, .login-fields input, .remind input, .reset input, .contactcontacts #jform_contact_message { background:#f9f9f9; border:solid 1px #c4c4c4; padding:0px 10px; color:#919191; font-family:Arial, Helvetica, sans-serif; font-size:13px; height:27px; line-height:27px; } #username, #password {width:240px;} .login .button {margin-top:24px;} .contact-email .inputbox, .contact-form input.required {width:353px; height:27px; line-height:27px;} #contact-text, .contact-form textarea.required {max-width:353px; width:353px; height:141px; min-height:141px; overflow:auto; color:#fff; line-height:18px !important; padding:10px !important;} .contact-mess {margin:70px 0 10px -220px !important;} .contact-mess div.email_copy {overflow:hidden;} .contact-contactinfo p {margin-bottom:3px; overflow:hidden;} .jicons-icons {float:left; width:30px;} address {overflow:hidden; font-style:italic;} .profile-edit select { padding:0px; border:solid 1px #ccc; background:#f5f5f5; } .profile-edit select option { padding:3px } /* contact slider */ .panel { border:solid 1px #ddd; margin-top:-1px; } .pane-slider {overflow:hidden; position:relative;} #main .contactcontacts .panel h3 { margin:0px 0 0px 0; padding: 0; background:#eee; border:0 } .panel h3 a { color:#515151; display:block; text-decoration:none; padding:4px 0 0px 10px; } .panel h3.pane-toggler a { background:#f5f5f5 url(/content/images/slider_plus.png) right top no-repeat; } .panel h3.pane-toggler-down a { background:#f5f5f5 url(/content/images/slider_minus.png) right top no-repeat; } .pane-slider { border:solid 0px; padding:0px 20px !important; margin:0; } .panel .contact-form, .panel .contact-miscinfo { } .contact-email {margin:10px 0 20px;} .contactcontacts .panel .contact-form form, .contactcontacts .panel .contact-address { margin:20px 0 0 0 } /* image upload modal */ /*****************sub-pages*****************/ .text-indent { padding: 0 0px 30px 0; } #article .col-1 { margin-right: 2%; width: 32%; padding:0; } #article img {margin-bottom:20px;} #article .col-2 { width: 32%; margin-right: 2%; padding:0; } #article .col-3 { width: 30%; border:0; padding:0; } .sub-title {color:#515151;} .indent {padding:5px 0px;} .mar-r2 {margin:0 20px 0 0;} .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float: left; margin-right: 2%; position: relative; } .one_half { width: 48%; } .alignleft {float:left;} ul.partners li { background: none repeat scroll 0 0 transparent; padding: 0 0px 20px 0; overflow:hidden; } ul.partners li img {padding:0 15px 0 0;} /*******************************************************************/ h3, h1, h2, h2 a { background:none; font:normal 24px/28px Arial, Helvetica, sans-serif; font-family: 'Arial', sans-serif; color:#2f2f2f; margin:0; padding:0px 0 10px 0px; margin-top:0px; } .contact-page .left h3 {margin-bottom:15px;} .it {font-style:italic;} .link-1 {font-style:italic; color:#ec8100 !important;} .link-2 {color:#fff !important; font-weight:bold ; font-size:13px; line-height:30px; padding-top:1px; display:inline-block;} .extra-box {overflow:hidden;} .clr{clear:both;overflow:hidden;} .general-bg,input.custom-attribute,input.quantity-input,a.ask-a-question,input.vm-default,a.product-details,a.details,div.details,button.default{background:#e8e8e8 url(/content/images/backgrounds.png) top repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;color:#EB2128;text-decoration:none;padding:0px 0px 0px;} span.custom-variant-inputbox input.custom-attribute:hover,span.quantity-box input.quantity-input:hover,input.vm-default:hover,span.quantity-box input.quantity-input:hover,.ask-a-question-view input.counter:hover,table.user-details input:hover,a.ask-a-question:hover,a.details:hover,div.details:hover,a.product-details:hover,button.default:hover{background:#e8e8e8 url(/content/images/backgrounds.png) repeat-x;background-position:0 -40px;color:#000;text-decoration:none;} .productdetails-view .spacer-buy-area{padding:0 0 0 12px;} .productdetails-view h1{font-size:22px;margin:0 0 6px;padding:0;} .productdetails-view .product-short-description{margin:0 0 15px;padding:0;} .productdetails-view .product-description,.product-fields{margin:15px 0;} span.title{font-weight:700;display:block;border-bottom:solid #CAC9C9 1px;font-size:14px;margin:0 0 6px;} .product-packaging{margin:15px 0 0;} .icons{text-align:right;float:right;margin:0 0 10px 30px;} .additional-images img{margin-right:8px;width:50px;height:auto;} .product-price{margin:0 0 15px;} .productdetails-view .addtocart-bar{margin:0;padding:0;} .availability{text-align:center;margin:15px 0 0;} .customer-reviews h4{border-bottom:solid #CAC9C9 1px;font-size:14px;margin:0 0 10px;padding:0 0 6px;} .write-reviews{text-align:center;margin:20px 0 0;} .write-reviews h4{text-align:left;} .write-reviews h4 span{font-size:12px;font-weight:400;margin-left:8px;} .write-reviews span.step{font-weight:700;display:inline-block;margin:0 0 8px;} .write-reviews ul.rating{text-align:center;margin:0 0 20px;padding:0;} .write-reviews ul.rating li{display:inline-block;list-style:none;text-align:center;padding:0 5px;} .write-reviews ul.rating li span{display:block;} .write-reviews textarea.virtuemart{margin-bottom:6px;display:inline-block;} .list-reviews .normal{border:solid #CAC9C9 1px;margin-bottom:8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:12px;} .list-reviews .normal blockquote,.list-reviews .highlight blockquote{margin-top:12px;font-size:12px;word-wrap:break-word;} .list-reviews .normal blockquote:before,.list-reviews .highlight blockquote:before{content:open-quote;font-weight:700;font-size:12px;padding-right:6px;} .list-reviews .normal blockquote:after,.list-reviews .highlight blockquote:after{content:close-quote;font-weight:700;font-size:12px;padding-left:6px;} .list-reviews .highlight{background:#f7f6f6;border:solid #CAC9C9 1px;margin-bottom:8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:12px;} span.variant-dropdown{width:150px;float:left;display:block;margin-bottom:5px;} span.variant-dropdown select{width:150px;} span.custom-variant-inputbox{width:152px;float:left;display:block;margin-bottom:5px;} input.custom-attribute{width:140px;} span.quantity-box{float:left;width:27px;padding-top:0px;} input.quantity-input{height:12px;width:30px;text-align:center;font-weight:700;padding:2px;} span.quantity-controls{width:34px;float:left;padding-top:0px;margin:0 0 0 10px;} span.quantity-controls input.quantity-controls{height:20px;border:none;width:15px;} span.quantity-controls input.quantity-plus{background:url(/content/images/quantity-controls.png) repeat-x;margin-bottom:0px;} span.quantity-controls input.quantity-minus{background:url(/content/images/quantity-controls.png) repeat-x;background-position:15px 0;} .addtocart-bar{margin:0;padding:0;} span.addtocart-button{width:152px;float:left;margin:0 0 0 10px;} span.cart-images img { float: left; margin: 0; width: 45px; } span.addtocart-button input.addtocart-button,span.addtocart-button input.notify-button{width:152px;background:#e8e8e8 url(/content/images/backgrounds.png) top repeat-x;background-position:0 -160px;color:#fff;border:solid #00a000 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:14px;cursor:pointer;height:34px;text-align:center;letter-spacing:1px;padding:4px 5px;} .category-view h4{font-size:14px;margin:0;padding:0;} .category-view .row .category .spacer h2{margin:0;padding:0;} .category-view .row .category .spacer h2 a{font-size:14px;display:block;text-align:center;} .category-view .row .category .spacer h2 a img{margin-top:6px;max-width:100%;} .featured-view h4,.latest-view h4,.topten-view h4,.related-products-view h4{font-size:14px;margin:0 0 8px;padding:0;} .browse-view h1{font-size:16px;margin:0 0 8px;padding:0;} .orderby-displaynumber{border-bottom:solid #E9E8E8 1px;border-top:solid #E9E8E8 1px;margin:10px 0;padding:10px 0;} .orderlistcontainer{font-size:12px;display:inline-block;text-decoration:none;margin:0 15px 0 0;} .orderlistcontainer div.activeOrder{background:#FFF top right no-repeat url(/content/images/arrow_down.png);cursor:pointer;border:solid #CAC9C9 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;padding:2px 24px 1px 12px;} .orderlistcontainer a{text-decoration:none;display:block;} .orderlistcontainer a :hover{text-decoration:none;display:block;color:#EEE;background:#777;} .orderlistcontainer div.orderlist{display:none;position:absolute;border:solid #CAC9C9 1px;background:#FFF;cursor:pointer;} .orderlistcontainer div.orderlist div{padding:2px 12px 1px;} .orderlistcontainer div.orderlist div:hover{color:#EEE;background:#CAC9C9;} .ask-a-question-view .product-summary{border-bottom:solid #CAC9C9 1px;margin:25px 0 0;padding:0 0 10px;} .ask-a-question-view .product-summary h2{font-size:16px;margin:0;padding:0;} .ask-a-question-view .product-summary .short-description{margin-top:6px;} .ask-a-question-view .product-summary img.product-image{max-width:100%;max-height:100%;width:auto;height:auto;} .ask-a-question-view .form-field textarea.field:hover{background:#fff url(/content/images/default_hover_bg.jpg) top repeat-x;color:#000;} .vmquote{font-size:smaller;} .manufacturer-details-view img{float:right;margin:0 0 10px 20px;} .manufacturer-details-view .email-weblink a{margin-right:15px;} a.ask-a-question{font-size:12px;font-weight:700;display:inline-block;text-decoration:none;margin-bottom:8px;padding:3px 2px 0px;} a.ask-a-question:hover{color:#777;text-decoration:none;} input.vm-default{margin-bottom:2px;} input.highlight-button{background:#e8e8e8 url(/content/images/backgrounds.png) top repeat-x;background-position:0 -160px;color:#fff;border:1px solid #00a000;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;cursor:pointer;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;padding:4px 8px 2px;} input.highlight-button:visited{color:#fff;} a.product-details,a.details,div.details{background-position:0 0;display:inline-block;padding:3px 8px 1px;} a.details:hover,div.details:hover,a.product-details:hover{background-position:0 -40px;color:#777;} span.details-button{ margin:0 0 0 10px;} span.details-button input.details-button { background: url("/content/images/backgrounds.png") repeat-x scroll center top #E8E8E8;color:#135CAE;border:1px solid #CAC9C9 ;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer; text-align:center;padding:3px 8px 1px;} .coupon{color: gray; border-radius:4px; border:1px solid #CAC9C9 ; font-size: 9px;padding: 3px;} button.default{display:inline-block;cursor:pointer;padding:5px 8px 4px;} button.default:hover{color:#777;} a.highlight,a.highlight:visited{background:#e8e8e8 url(/content/images/backgrounds.png) top repeat-x;border:solid #00a000 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;display:inline-block;text-decoration:none;background-position:0 -160px;color:#fff;padding:3px 8px 1px;} p.product_s_desc{margin-bottom:6px;padding:0;} span.stock-level{font-size:10px;color:#7d7b7b;} .horizontal-separator{height:1px;background:#e9e8e8;margin:10px 0;} .invalid{background-color:#ffd;color:#000;border-color:red;} .page-results{margin-top:25px;text-align:right;} .control-buttons button.default{margin-left:8px;} table.user-details input{background:#e8e8e8 url(/content/images/backgrounds.png) top repeat-x;border:solid #ccc 1px;color:#777;margin-bottom:2px;padding:5px 5px 4px; width:200px} table.user-details input.invalid{background:#e8e8e8 url(/content/images/backgrounds.png) top repeat-x;border:solid red 1px; color:#777;margin-bottom:2px;padding:5px 5px 4px;} .cart-view h1{font-size:20px;margin:0;padding:0 0 10px;} .cart-view h2{font-size:12px;margin:0;padding:0;} .checkout-button-top input.terms-of-service{margin-right:10px;display:inline-block;} span.tos{display:inline-block;margin-right:15px;} .billto-shipto span,span.terms-of-service{display:inline-block;font-size:14px;} .output-billto span.titles,.output-shipto span.titles{width:150px;float:left;} .output-billto span.values-first_name,.output-billto span.values-middle_name,.output-billto span.values-zip,.output-shipto span.values-first_name,.output-shipto span.values-middle_name,.output-shipto span.values-zip{float:left;margin-right:3px;} div.terms-of-service{ margin:10px 0 0;padding:10px 0 15px; display : inline;} .terms-of-service h5{background:#7C1E21;color:rgba(255, 255, 255, 0.9);font-size:14px;text-align:center;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:400;margin:0;padding:15px;} .VmArrowdown{background:top right no-repeat url(/content/images/arrow_down.png);cursor:pointer;float:right;width:16px;height:16px;padding:0 12px;} ul.VMmenu,.VMmenu ul,.VMmenu li{list-style-type:none!important;background-image:none!important;padding:2px;} #ui-tabs ul#tabs{list-style-type:none;overflow:hidden;margin:0;padding:20px 20px 0;} #ui-tabs ul#tabs li{display:inline-block;cursor:pointer;background:#f2f2f2;padding:10px 20px 7px;} #ui-tabs ul#tabs li.current{display:inline-block;background:#ccc;color:#444;} #ui-tabs .tabs{padding:20px;} #ui-tabs .dyn-tabs{overflow:auto;display:none;} .clear,br.clear{clear:both;} .floatright,span.floatright{float:right;} .floatleft,span.floatleft{float:right;} span.bold{font-weight:700;} .width1{width:1%;}.width2{width:2%;}.width3{width:3%;}.width4{width:4%;}.width5{width:5%;}.width6{width:6%;}.width7{width:7%;}.width8{width:8%;}.width9{width:9%;}.width10{width:10%;}.width11{width:11%;}.width12{width:12%;}.width13{width:13%;}.width14{width:14%;}.width15{width:15%;}.width16{width:16%;}.width17{width:17%;}.width18{width:18%;}.width19{width:19%;}.width20{width:20%;}.width21{width:21%;}.width22{width:22%;}.width23{width:23%;}.width24{width:24%;}.width25{width:25%;}.width26{width:26%;}.width27{width:27%;}.width28{width:28%;}.width29{width:29%;}.width30{width:30%;}.width31{width:31%;}.width32{width:32%;}.width33{width:33%;}.width34{width:34%;}.width35{width:35%;}.width36{width:36%;}.width37{width:37%;}.width38{width:38%;}.width39{width:39%;}.width40{width:40%;}.width41{width:41%;}.width42{width:42%;}.width43{width:43%;}.width44{width:44%;}.width45{width:45%;}.width46{width:46%;}.width47{width:47%;}.width48{width:48%;}.width49{width:49%;}.width50{width:50%;}.width51{width:51%;}.width52{width:52%;}.width53{width:53%;}.width54{width:54%;}.width55{width:55%;}.width56{width:56%;}.width57{width:57%;}.width58{width:58%;}.width59{width:59%;}.width60{width:60%;}.width61{width:61%;}.width62{width:62%;}.width63{width:63%;}.width64{width:64%;}.width65{width:65%;}.width66{width:66%;}.width67{width:67%;}.width68{width:68%;}.width69{width:69%;}.width70{width:70%;}.width71{width:71%;}.width72{width:72%;}.width73{width:73%;}.width74{width:74%;}.width75{width:75%;}.width76{width:76%;}.width77{width:77%;}.width78{width:78%;}.width79{width:79%;}.width81{width:81%;}.width82{width:82%;}.width83{width:83%;}.width84{width:84%;}.width85{width:85%;}.width86{width:86%;}.width87{width:87%;}.width88{width:88%;}.width89{width:89%;}.width90{width:90%;}.width91{width:91%;}.width92{width:92%;}.width93{width:93%;}.width94{width:94%;}.width95{width:95%;}.width96{width:96%;}.width97{width:97%;}.width98{width:98%;}.width99{width:99%;}.width100{width:100%;} .vmicon, .vmiconFE{background:url(/content/images/vm2-sprite.png) no-repeat top left;} .vm2-arrow_down{background-position:0 -72px;width:16px;height:16px;} .vm2-billto-icon{background-position:0 -138px;height:24px;margin-right:6px;vertical-align:middle;width:24px;border :0px;} .vm2-shipto-icon{background-position:0 -284px;height:24px;margin-right:6px;vertical-align:middle;width:24px;} .vm2-stars0{background-position:0 -358px;width:64px;height:13px;} .vm2-stars1{background-position:0 -421px;width:64px;height:13px;} .vm2-stars2{background-position:0 -484px;width:64px;height:13px;} .vm2-stars3{background-position:0 -547px;width:64px;height:13px;} .vm2-stars4{background-position:0 -610px;width:64px;height:13px;} .vm2-stars5{background-position:0 -673px;width:64px;height:13px;} .vm2-stars_0{background-position:0 -736px;width:64px;height:13px;} .vm2-stars_1{background-position:0 -799px;width:64px;height:13px;} .vm2-stars_2{background-position:0 -862px;width:64px;height:13px;} .vm2-stars_3{background-position:0 -925px;width:64px;height:13px;} .vm2-stars_4{background-position:0 -988px;width:64px;height:13px;} .vm2-stars_5{background-position:0 -1051px;width:64px;height:13px;} .vm2-lowstock{background-position:0 -1114px;width:62px;height:15px;display:block;} .vm2-nostock{background-position:0 -1179px;width:62px;height:15px;display:block;} .vm2-normalstock{background-position:0 -1244px;width:62px;height:15px;display:block;} .vm2-termsofservice-icon{background-position:0 -1309px;height:24px;margin-right:6px;vertical-align:middle;width:24px;display:inline-block;} .vm2-modallink{height:16px;margin-left: 3px;vertical-align:top;width:16px;display:inline-block; background: url("/content/images/icon_external_link.gif") no-repeat scroll left top transparent;} .vm2-warning{background-position:0 -1383px;width:50px;height:40px;} .vendor-store-desc,.category-view,.featured-view,.latest-view,.topten-view,.related-products-view,.browse-view,.order-view{margin-bottom:25px;} .main-image,.featured-view .product,.latest-view .product,.topten-view .product,.related-products-view .product,.center,span.center{text-align:center;} .main-image img.product-image,.featured-view .spacer img,.latest-view .spacer img,.topten-view .spacer img{max-width:100%;height:auto;width:auto;} .additional-images,.featured-view .product-price,.latest-view .product-price,.topten-view .product-price,.output-billto,.output-shipto{margin:10px 0;} .ask-a-question,.manufacturer,.manufacturer-details-view .email-weblink,.manufacturer-details-view .description{margin:3px 0 0;} .customer-reviews,.ask-a-question-view .form-field{margin:25px 0 0;} span.variant-name,span.custom-variant-name{width:100px;float:left;display:block;margin-bottom:5px;} span.addtocart-button input.addtocart-button:hover,span.addtocart-button input.notify-button:hover,input.highlight-button:hover,a.highlight:hover{background-position:0 -200px;color:#f2f2f2;} .category-view .row .category .spacer,.featured-view .spacer,.latest-view .spacer,.topten-view .spacer,.related-products-view .spacer,.browse-view .row .product .spacer{padding:6px;} .featured-view .spacer h3,.latest-view .spacer h3,.topten-view .spacer h3,.related-products-view .spacer h3,.browse-view .row .product .spacer h2{font-size:14px;margin:0 0 6px;padding:0;} .featured-view .spacer span,.latest-view .spacer span,.topten-view .spacer span,.related-products-view .spacer span,.browse-view .row .product .spacer span{font-size:11px;color:#666;} .browse-view .row .product .spacer img,.related-products-view .row .product .spacer img{max-width:90%;height:auto;} .display-number,.control-buttons,.right{text-align:left !important;} .ask-a-question-view h1,.manufacturer-details-view h1{font-size:18px;margin:0;padding:0;} #userForm select,.width80{width:80%;} label.invalid,span.red{color:red;} .output-billto span.values,.output-shipto span.values,.floatleft,span.floatleft{float:left;} .output-billto span.values,.output-shipto span.values {padding-right:5px;} .joomlaCoreField {background-color: #FFFFDD;} #bottom-pagination div{text-align:center !important;} #bottom-pagination ul{text-align:center !important;} #bottom-pagination ul li{display: inline;} #bottom-pagination .counter{text-align: right !important;} td.orders-key{font-weight: bold; text-align: left; } /* Manufacturer View Default */ .manufacturer-view-default .row .manufacturer .spacer {padding: 6px;} .product-field-display a img{display: block;} .product-related-products, .product-related-categories{padding-bottom: 10px;} .product-field-type-P .product-fields-title{ font-size: 120%;} .product-field-type-B,.product-field-type-S,.product-field-type-I{padding-left:3%;float:left;width:30%} .product-fields-title{ font-weight: bold;} .vm-customfield-mod img,.vm-customfield-cart img{ vertical-align: middle; width: 16px;} .vm-img-desc{display:block;} .vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost{padding:0 2px;} .vmpayment_description,.vmshipment_description {color:gray;font-size:9px;padding:0 2px;} .vmpayment_cardinfo {color:gray;font-size:9px;} /* Custom Field Images */ .product-fields .product-field,.product-related-categories .product-field {width:100%;float:left;display:inline-block;} .product-fields .product-field label {width:25%;float:left;position:relative;top:20px;left:-18px;margin-bottom:27px;text-align:center;} /* For 4 images across use width:17% */ .product-fields .product-field input {float:left;position:relative;left:12px;} .product-fields .product-field .vm-img-desc {font-size:9px;} /* some more styles */ .line-through{text-decoration:line-through} .inline{display: inline;} td.pricePad{padding-right: 10px;} td.priceCol{white-space:nowrap;} div.spaceStyle{padding: 0px; margin: 5px; spacing: 0px;} .vm-notice{color: #CC0000;} .userfields_info{font-weight: bold;} .ratingbox { text-align:center; position:relative; display:block; width:120px; height:24px; background:url(/content/images/color-stars.png) repeat-x scroll 0 bottom transparent; } .ratingbox span { background:url(/content/images/color-stars.png) repeat-x; display:block; height:24px; } .stars-orange{background-position:0 0 !important;} .stars-red{background-position:0 -54px !important;} .stars-green{background-position:0 -108px !important; } .stars-blue{background-position:0 -162px !important;} .stars-purple{background-position:0 -216px !important;} /* Favorite List & Wishlists CSS Style */ .fav_header { clear:both; text-align: center; color:#C00; font-size:14px; font-weight: bold; line-height: 40px; margin-bottom: 10px; } .table_header { text-align:left; color:#333; font-weight:bold; } .fav_title { color:#333; text-align: center; font-size:14px; font-weight:bold; line-height:50px; margin-bottom: 10px; border-bottom: 2px solid #CCC; } .fav_container { min-height: 140px; margin-bottom:10px; } .left-col { clear:both; float:left; width:21%; } .col_date { font-size:15px; font-weight:bold; text-align:center; } .col_info { text-align:center; line-height:5px; } .col_favorite { margin-top: 10px; } .col_image { float:left; margin-left: 10px; width:34%; text-align:center; float:left; } .prod_image { border: 0px solid; padding:5px 0px 0px 5px; } .prod_name { font-weight:bold; line-height: 15px; } .prod_price { font-size:15px; font-weight:bold; color:#000000; line-height: 20px; } .col_controls { float:right; width:42%; padding: 1px 0 1px 5px; border: none; text-align: center; } .prod_qty { float:left; margin-right:5px; } .addtocart-area{ text-align:left; width:100%; } .wish_alert { color:#FF0000; font-size:20px; font-weight:bold; text-align:center; line-height: 25px; } .highlighted_txt { font-weight:bold; background-color:yellow; } .jcb_pagination { clear:both; border-top:2px solid #CCC; } /* CSS Style for Favorite Button */ .addtofav_button { background:#4d4c4c; width:100px; height:25px; font:bold 12px/24px Arial, Helvetica, sans-serif; padding:0; text-transform:none; border-radius:3px!important; border:none; color:#fff; letter-spacing:0px; margin-top:11px; margin-bottom: 0px;} .addtofav_button:hover { color:#fff; background:#eb2128; border:none;} .deletefav_button { background:#4d4c4c; width:100px; height:25px; font:bold 12px/24px Arial, Helvetica, sans-serif; padding:0; text-transform:none; border-radius:3px!important; border:none; color:#fff; letter-spacing:0px; margin-top:11px; margin-bottom: 4px;} .deletefav_button:hover { color:#fff; background:#eb2128; border:none;} /** * Main CSS file for the PBV-MULTI theme for VirtueMart * @copyright 2009-2010 PoweredbyVirtueMart.com * @license all rights reserved. * */ /* tab fix */ .shadetabs li { padding: 0 !important; line-height: 1em !important; background: transparent !important; } /* category slide CSS */ .boxgrid { margin: 10px auto !important; float: left !important; background: transparent !important; border: solid 0px #EAEAEA !important; border-top-width: 0px !important; overflow: hidden !important; position: relative !important; vertical-align: bottom !important; border-bottom: 1px solid #999 !important; } .boxgrid img { position: relative !important; top: 0 !important; left: 0 !important; border: 0 !important; } .boxgrid p { padding: 0 10px !important; color: #afafaf !important; font-weight: bold !important; font: 10pt "Lucida Grande" , Arial, sans-serif !important; } .boxcaption { position: absolute !important; margin-bottom: 10px !important; background: #515151 !important; width: 100% !important; opacity: 1 !important; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; } .boxcaption p { padding: 4px 2px !important; } .boxcaption p a { color: #333 !important; font-family: Helvetica, Arial, Tahoma !important; text-transform: none !important; font-weight: bold !important; font-size: 16px !important; line-height: 1.3em !important; } .boxcaption .productPrice { size: 16px !important; color: #FAFAFA !important; } .boxcaption .product-Old-Price, .boxcaption .product-amount-saved { color: #F7F7F7 !important; } .captionfull .boxcaption { top: 0px !important; left: 0 !important; } .boxcaption:hover .boxcaptionH3 { background: url(/content/images/boxcaption_hover.png) repeat-x bottom left #FFE100 !important; border: 1px solid #323232 !important; border-top: 1px solid #999 !important; border-left: 1px solid #999 !important; text-shadow: -1px -1px #EAEAEA !important; } .boxcaptionH3 { background: url(/content/images/boxcaption_state.png) repeat-x bottom left #FFF !important; border: 1px solid #CCC !important; border-right: 1px solid #AAA !important; border-bottom: 1px solid #AAA !important; padding: 3px 4px !important; margin: 0 auto 8px !important; text-shadow: -1px -1px #FAFAFA !important; } /* Product Details CSS */ .notify_button { text-align: center !important; background-position: bottom left !important; width: 78px !important; height: 30px !important; cursor: pointer !important; border: none !important; font-weight: bold !important; font-family: inherit !important; vertical-align: middle !important; overflow: hidden !important; background: #F18200 !important; border: 1px solid #DE5400 !important; padding: 1px 8px !important; color: #FFFFFF !important; } .vmAddtoCart { float: right !important; padding: 3px !important; vertical-align: middle !important; border: 0px solid #CCC !important; background: transparent !important; margin: 2px 0 !important; overflow: hidden !important; } .addtocart_button { background: url(/content/images/style1/btn_add-to-cart.png) no-repeat scroll left top transparent !important; width: 135px !important; height: 31px !important; border: 0px solid #DE5400 !important; color: #FFFFFF !important; padding: 0px !important; margin: 2px !important; cursor: pointer !important; } .addtocart_browse { width: 95% !important; margin-top: 2px !important; float: left !important; } div#onepage_main_div .button, div#onepage_main_div .addtocart_button_module { background: url(/content/images/button_bg.png) repeat-x center left #F7F7F7 !important; border: 1px solid #DDD !important; border-right: 1px solid #A3A3A3 !important; border-bottom: 1px solid #A3A3A3 !important; color: #515151 !important; padding: 3px 8px !important; font-weight: bold !important; vertical-align: middle !important; text-align: center !important; font-size: 13px !important; font-family: Arial, Sans-serif, Verdana !important; cursor: pointer !important; } #vmMainPageOPC input.buttonopc { padding: 2px 8px !important; border: none; border-color: transparent; position: static !important; text-shadow: none !important; } #vmMainPageOPC input.buttonopc { background: url(/content/images/button_bg-input.png) repeat-x center left #F7F7F7 !important; padding: 5px 12px !important; } #vmMainPageOPC .buttonopc:hover, div#onepage_main_div .addtocart_button_module:hover { background: url(/content/images/button_bg-hover-orange.png) repeat-x center left #F7F7F7 !important; color: #FFF !important; border: none; border-color: transparent; cursor: pointer; } div#onepage_main_div td { padding: 3px !important; } .addtocart_form { width: 100% !important; display: inline !important; white-space: wrap !important; } #comment { width: 95% !important; } #product_list { border-bottom: 0px dotted #BBB !important; padding: 5px 0px !important; } .cart_header { padding: 0 !important; margin: 0 !important; font-family: Verdana !important; font-weight: bold !important; letter-spacing: -.05em !important; font-size: 1.7em !important; } div#onepage_main_div h1 { font-size: 18px !important; padding-bottom: 0px !important; margin-bottom: 0px !important; font-family: Verdana, Arial, sans-serif !important; font-weight: bold !important; color: #000 !important; display: block !important; } .vmCartContainer tr, th, td { margin-bottom: 0px !important; font-family: Arial, Verdana, sans-serif !important; font-weight: normal !important; } .vmImages img { background: #FFFFFF !important; float: left !important; margin: 0 1px 5px !important; } #vmMainPage { border: 0px solid #EAEAEA !important; background: transparent !important; padding: 5px !important; margin: 3px !important; float: left !important; width: 98% !important; } div#onepage_main_div h3 { font-family: "Helvetica Neue" ,Helvetica, Arial !important; font-weight: bold !important; font-size: 16px !important; text-transform: none !important; } div .vmCartContainer { padding: 3px !important; margin: 10px auto !important; width: 95% !important; display: table !important; } div .v0CartContainer { background: transparent !important; border: 0px solid #B7B7B7 !important; } div .v1CartContainer { border: 1px solid #E7E7E7 !important; background: #FEFEFE !important; } div .v2CartContainer { background: #FFFFDD !important; border: 3px solid #FF9900 !important; } div .v3CartContainer { border: 1px solid #EAEAEA !important; background: #FAFAFA !important; } div .v4CartContainer { border-top: 1px solid #CCC !important; border-bottom: 2px solid #CCC !important; background: #FAFAFA !important; } div .v5CartContainer { border: 1px solid #E4E4E4 !important; background: #FFFFDA !important; } div .v6CartContainer { background: #FFFBDE url(/content/images/light-gradient.png) repeat-x scroll left top !important; border: 1px solid #F5E1B8 !important; } div .v7CartContainer { background: #FFFBDE url(/content/images/light-gradient_bottom.png) repeat-x scroll left bottom !important; border: 1px solid #F5E1B8 !important; } div .v8CartContainer { background: #FFFFFF url(/content/images/gray-gradient_container.png) repeat-x left bottom !important; border: 1px solid #B7B7B7 !important; } div .v9CartContainer { background: #EEF9FE !important; border: 1px solid #1072BA !important; } div#onepage_main_div .clearfix { clear: both !important; } .product-Old-Price { font-size: 10px !important; font-family: Verdana, Arial, sans-serif !important; font-weight: normal !important; color: #000 !important; } .product-amount-saved { font-size: 10px !important; font-family: Verdana, Arial, sans-serif !important; font-weight: normal !important; color: #000 !important; } .productPrice { font-size: 14px !important; font-weight: bold !important; font-family: Arial, Verdana !important; } .vmImages { width: 31% !important; float: left !important; background: transparent !important; margin-right: 5px !important; } .vmSDesc { width: 31% !important; float: left !important; margin-right: 5px !important; } .vmAddCart { width: 31% !important; float: left !important; margin-right: 5px !important; } .vmProductSku { font-size: 12px !important; font-weight: normal !important; font-family: Verdana, Helvetica, Arial !important; color: #333 !important; padding-bottom: 10px !important; } .vmCartHeader { background: #E7E7E7 !important; padding: 3px 8px !important; color: #0A263C !important; font-weight: bold !important; font-size: 12px !important; } .vmsectiontableheader { font-size: 14px !important; line-height: 1.4em !important; text-transform: none !important; font-weight: bold !important; padding: 2px 8px !important; color: #0A263C !important; height: 15px !important; /*border-right:1px solid #F7F7F7 !important;*/ border-bottom: 2px solid #CCC !important; background: #E7E7E7 !important; font-family: "Helvetica Nueu" ,Arial, Verdana, sans-serif !important; font-weight: normal !important; } .vmsectiontableentry1 { font-size: 11px !important; text-transform: none !important; padding: 5px !important; color: #333 !important; height: 15px !important; border: 0px solid #CCC !important; background: #FFF !important; font-family: Arial, Verdana, sans-serif !important; font-weight: normal !important; } tr.vmsectiontableentry1:hover, tr.vmsectiontableentry2:hover, tr.sectiontableentry1:hover, tr.sectiontableentry2:hover { background: #FFFFCC !important; } .vmsectiontableentry2 { font-size: 13px !important; text-transform: none !important; padding: 5px !important; color: #333 !important; height: 20px !important; border: 0px solid #CCC !important; background: #F2F2F2 !important; font-family: Arial, Verdana, sans-serif !important; font-weight: normal !important; } div#onepage_main_div tr.sectiontableheader { font-family: helvetica, arial, verdana !important; } div#onepage_main_div tr.sectiontableheader th { font-size: 15px !important; font-weight: bold !important; padding: 5px !important; background: #777 !important; border: 2px solid #555 !important; } /* Checkout page, cart and button CSS */ div#onepage_main_div legend.sectiontableheader { padding: 5px !important; margin: 0 !important; font-family: Helvetica, Verdana !important; font-weight: bold !important; letter-spacing: -.05em !important; font-size: 1.3em !important; color: #777 !important; background: #FAFAFA !important; text-transform: uppercase !important; border: 1px solid #E7E7E7 !important; } legend.sectiontableheader { padding: 5px !important; margin: 0 !important; font-family: Helvetica, Verdana !important; font-weight: bold !important; letter-spacing: -.05em !important; font-size: 1.3em !important; color: #777 !important; background: #FAFAFA !important; text-transform: uppercase !important; border: 1px solid #E7E7E7 !important; } div#onepage_main_div legend.op_legend { padding: 5px !important; margin: 0 !important; font-family: Helvetica, Verdana !important; font-weight: bold !important; letter-spacing: -.05em !important; font-size: 1.3em !important; color: #777 !important; background: #FAFAFA !important; text-transform: uppercase !important; border: 1px solid #E7E7E7 !important; } div#onepage_main_div fieldset.op_fieldset { margin: 0; padding: 0; border: 1px solid #E7E7E7 !important; border-top-width: 1px !important; border-top-style: solid !important; padding-top: 10px; color: #555 !important; font-family: arial, verdana !important; background: none; background-color: #F5F5F5 !important; background-clip: border-box; background-origin: padding-box; color: #555; } /* General Shop Styles here please */ /* The quantity box beneath the "add to cart" button */ .quantity_box { vertical-align: middle !important; font-size: 14px !important; } .quantity_box_button { width: 15px !important; vertical-align: middle !important; height: 13px !important; background: #F7F7F7 !important; border: 1px solid #E7E7E7 !important; } .quantity_box_button_up { background: url(/content/images/up_small.gif) no-repeat center center #F7F7F7 !important; } .quantity_box_button_down { background: url(/content/images/down_small.gif) no-repeat center center #F7F7F7 !important; } .quantity_box_button_up:hover { background: url(/content/images/up_small.gif) no-repeat center center #FFF !important; } .quantity_box_button_down:hover { background: url(/content/images/down_small.gif) no-repeat center center #FFF !important; } .next_page { background: url( '/content/images/next_16x16.png' ) no-repeat right !important; padding-right: 30px !important; line-height: 20px !important; float: right !important; width: auto !important; } .previous_page { background: url( '/content/images/previous_16x16.png' ) no-repeat left !important; padding-left: 30px !important; line-height: 20px !important; float: left !important; width: auto !important; } /* This is the text box informing customers about your returns policy */ .legalinfo { background: lightgray !important; border: 2px solid gray !important; margin: 10px !important; padding: 0px 0px 10px 10px !important; } div.pathway { margin-bottom: 10px !important; } div.pathway img { padding: 0 2px !important; } /* The PDF, Email and Print buttons */ div.buttons_heading { margin: 10px !important; width: 125px !important; float: right !important; clear: both !important; } .product-Old-Price { text-decoration: line-through !important; } /** BROWSE PRODUCTS STYLES **/ .browseProductContainer { width: 100% !important; padding: 3px 3px 3px 3px !important; vertical-align: top !important; } .browseProductTitle { font-size: 16px !important; font-weight: bold !important; padding: 3px !important; margin-top: 3px !important; width: 30% !important; float: left !important; } .browseProductImageContainer { float: left !important; width: auto !important; margin: 3px !important; } .browseProductDetailsContainer { float: left !important; width: 70% !important; } .browseProductDescription { margin-top: 40px !important; width: 50% !important; } .browsePriceContainer { float: left !important; margin: 5px !important; width: 20% !important; } .browseAddToCartContainer { width: 30% !important; text-align: center; } .browseRatingContainer { float: left !important; width: 25% !important; margin: 3px !important; white-space: nowrap !important; } /** Flypage Styles **/ .thumbnailListContainer { text-align: center !important; width: 200px !important; height: 200px !important; overflow: auto !important; } /* General Form Styling */ .formLabel { float: left !important; width: 220px !important; text-align: right !important; font-weight: bold !important; margin: 2px !important; white-space: nowrap !important; clear: left !important; vertical-align: middle !important; margin-top: 8px !important; } #agreed_div { white-space: normal !important; } #vmMainPageOPC .formField { float: left !important; width: 250px !important; margin: 2px !important; vertical-align: middle !important; margin-top: 8px !important; overflow: none !important; } #vmMainPageOPC .formField-medium { float: left !important; width: 101px !important; margin: 2px !important; vertical-align: middle !important; margin-top: 8px !important; overflow: none !important; } #vmMainPageOPC .formField-small { float: left !important; width: 70px !important; margin: 2px !important; vertical-align: middle !important; margin-top: 8px !important; overflow: none !important; } .missing { color: red !important; font-weight: bold !important; } /** * Administration Styles */ .adminListHeader { float: left !important; height: 48px !important; background-repeat: no-repeat !important; text-align: left !important; font-size: 18px !important; font-weight: bold !important; padding-left: 80px !important; } .labelcell { margin-left: auto !important; font-weight: bold !important; vertical-align: top !important; width: 30% !important; } table.adminform td.labelcell { text-align: right !important; } .iconcell { vertical-align: top !important; width: 5% !important; } .shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip { background-color: #FAFAD2 !important; background-position: left 5px !important; background-repeat: no-repeat !important; border-color: #AACCAA !important; border-style: dotted none !important; border-width: 1px 0pt !important; font-weight: 900 !important; margin: 1pt 1pt 1em 1em !important; padding: 0.5em 1em 1.5em 48px !important; } .shop_error { background-image: url( /content/images/error.gif ) !important; } .shop_warning { background-image: url( /content/images/warning.png ) !important; } .shop_info, .shop_tip { background-image: url( /content/images/info.png ) !important; } .shop_debug { background-image: url( /content/images/log_debug.png ) !important; } .shop_critical { font-weight: bold !important; background-image: url( /content/images/log_critical.png ) !important; } /** * Addtocart detail Styles */ .vmPlaceOrder { background: url(/content/images/btn_place_order.png) no-repeat center !important; height: 45px !important; width: 190px !important; border: none !important; cursor: pointer !important; } .vmCartChildHeading { /* Header for the cart */ font-size: 14px !important; font-weight: bold !important; padding-bottom: 3px !important; text-align: left !important; } .vmCartChild { /* Container for the Child Product */ vertical-align: middle !important; /*border: 1px solid #000 !important; */ padding-left: 0px !important; padding-right: 0px !important; margin-bottom: 0px !important; float: left !important; } .vmChildDetail { /* Child Detail, description , attributes ,price, quantity etc */ vertical-align: middle !important; margin-top: 6px !important; } .vmCartChildElement { /* Individual element styling */ width: 100% !important; vertical-align: middle !important; height: 45px !important; text-align: left !important; } .vmCartAttributes { /* Attributes Div*/ background: transparent !important; /*margin-top:8px !important;*/ border: 0px solid #EAEAEA !important; padding: 0 !important; margin: auto !important; float: left !important; } .vmAttribChildDetail input { float: left !important; width: auto !important; } .vmAttribChildDetail { /* Product Attributes Styling */ text-align: left !important; margin: 3px 3px 1px !important; font-size: 1em !important; font-family: Arial, Verdana !important; font-weight: normal !important; float: left !important; } .vmMultiple { height: 35px !important; } .vmChildType { /* Product type div*/ width: 100% !important; } .vmClearDetail { /*Clear the divs afer child types*/ clear: both !important; } .vmClearAttribs { /*Clear the divs before the attributes*/ clear: both !important; } .vmRowOne { /* Odd Row One styling */ background: transparent !important; } .vmRowTwo { /* Even Row Styling */ background: transparent !important; } /* Link Details for link to child*/ .vmChildDetail a, .vmChildDetail a:link { font-size: 11px !important; color: #000000 !important; text-decoration: none !important; font-weight: bold !important; } .vmChildDetail a:hover { font-size: 11px !important; color: #333333 !important; text-decoration: none !important; font-weight: bold !important; } /* Styling for the form elements to enable correct Line Up */ .inputboxquantity { margin-top: 3px !important; vertical-align: middle !important; } .availabilityHeader { text-decoration: underline !important; font-weight: bold !important; } .inputboxattrib { float: left !important; margin-top: 0px !important; vertical-align: middle !important; margin-bottom: 2px !important; } .quantitycheckbox { margin-top: 6px !important; vertical-align: middle !important; } /** * Addtocart detail Styles for placing attributes beside product_types */ .vmCartContainer_2up { /* Cart Container */ width: 100% !important; float: left !important; background: lightblue !important; border: 1px solid #000 !important; padding: 3px !important; } .vmCartChildHeading_2up { /* Header for the cart */ font-size: 14px !important; font-weight: bold !important; padding-bottom: 3px !important; text-align: left !important; } .vmCartChild_2up { /* Container for the Child Product */ vertical-align: middle !important; border: 1px solid #000 !important; padding-left: 2px !important; padding-right: 2px !important; margin-bottom: 2px !important; float: left !important; } .vmChildDetail_2up { /* Child Detail, description , attributes ,price, quantity etc */ vertical-align: middle !important; margin-top: 6px !important; } .vmCartChildElement_2up { /* Individual element styling */ width: 100% !important; vertical-align: middle !important; height: 25px !important; text-align: left !important; } .vmCartAttributes_2up { /* Attributes Div*/ float: left !important; padding: 0px 5px 5px 5px !important; margin: 0px 5px 5px 5px !important; width: 50% !important; } .vmAttribChildDetail_2up { /* Product Attributes Styling */ } .vmMultiple { height: 35px !important; } .vmChildType_2up { /* Product type div*/ background: lightblue !important; padding: 0px 5px 5px 5px !important; margin: 0px 5px 5px 5px !important; float: left !important; width: 40% !important; border: 1px solid #000 !important; } .vmClearDetail_2up { /*Clear the divs afer child types*/ } .vmClearAttribs_2up { /*Clear the divs before the attributes*/ clear: both !important; } .vmRowOne_2up { /* Odd Row One styling */ background: lightgray !important; } .vmRowTwo_2up { /* Even Row Styling */ background: white !important; } /* Link Details for link to child*/ .vmChildDetail_2up a, .vmChildDetail_2up a:link { font-size: 11px !important; color: #000000 !important; text-decoration: none !important; font-weight: bold !important; } .vmChildDetail_2up a:hover { font-size: 11px !important; color: #333333 !important; text-decoration: none !important; font-weight: bold !important; } .vmCartModuleList { cursor: pointer !important; font-size: 11px !important; color: #000000 !important; text-decoration: none !important; font-weight: bold !important; } .vmCartModuleList:hover { font-size: 11px !important; color: #333333 !important; text-decoration: none !important; font-weight: bold !important; } .vmquote { margin: 4px !important; border: 1px solid #cccccc !important; background-color: #E9ECEF !important; padding: 10px !important; font-size: 12px !important; color: #254D78 !important; } .editable { background: #ffff33 !important; cursor: pointer !important; } ul.pagination li { padding: 2px 1px !important; display: inline !important; background: none !important; } .clr { clear: both !important; overflow: hidden !important; } .sectiontableheader { color: white !important; background-color: #999999 !important; padding: 0px !important; } .sectiontableentry1 { background-color: #F7F7F7 !important; } .sectiontableentry { background-color: #F5F5F5 !important; } #dhtmltooltip { position: absolute !important; left: -300px !important; width: 300px !important; border-top: 2px solid #EEE !important; border-left: 2px solid #EEE !important; border-right: 2px solid #AAA !important; border-bottom: 2px solid #AAA !important; padding: 3px 5px 7px !important; background: url(/content/images/gray-gradient_container.png) repeat-x bottom left #FFFFFF !important; visibility: hidden !important; z-index: 100 !important; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) !important; } #dhtmltooltip strong { font-size: 1.5em !important; font-family: Arial,Myriad Pro, Helvetica !important; font-weight: 700 !important; line-height: 1.7em !important; background: #FFFFEE !important; } #dhtmlpointer { position: absolute !important; left: -300px !important; z-index: 101 !important; visibility: hidden !important; } #vmAdditionalImages { border: 1px solid #F5E1B8 !important; padding: 3px !important; margin: 5px 0 !important; float: left !important; background: url(/content/images/light-gradient.png) repeat-x top left #FFFBDE !important; display: block !important; } #vmCollapse { border: 1px solid #F5E1B8 !important; padding: 3px !important; display: none !important; margin-bottom: 8px !important; margin-top: -6px !important; float: left !important; background: url(/content/images/light-gradient_bottom.png) repeat-x bottom left #FFFBDE !important; } #vmCollapseLinkText { line-height: 1em !important; text-align: left !important; margin-bottom: 5px !important; margin-top: -1px !important; padding: 3px 10px !important; border: 1px solid #F5E1B8 !important; float: left !important; background: url(/content/images/light-gradient.png) repeat-x top left #FFFBDE !important; } #vmCollapseLinkText a img { border: 0 !important; } #vmCollapseLinkText a { background: transparent !important; color: #515151 !important; line-height: 2.4em !important; margin: 0 !important; border: 0px solid #CCC !important; font-size: 14px !important; } #vmCollapse #vmCollapseImg, #vmAdditionalImages #vmCollapseImg { background: #FFF !important; border: 1px solid #CCC !important; padding: 7px !important; margin: 2px 3px !important; height: 50px !important; width: 50px !important; overflow: hidden !important; float: left !important; } /* Flypage Styles */ .vmFlyPageTop .product-amount-saved, .vmFlyPageBottom .product-Old-Price { color: #CC0000 !important; font-size: 12px !important; } .vmFlyPageTop .product-Old-Price, .vmFlyPageBottom .product-Old-Price { font-size: 12px !important; color: #000 !important; } .vmFlyPageTop .productPrice { font-size: 16px !important; line-height: 1.1em !important; color: #CC0000 !important; font-weight: bold !important; font-family: Arial, Verdana !important; } .vmFlyPageTop { width: 100% !important; float: left !important; background: transparent !important; padding: 5px 0 !important; border: 0px solid #CCC !important; } .vmImagesMain { background: transparent !important; border: 0px solid #EAEAEA !important; float: left !important; margin: 4px 5px 0 4px !important; } .vmProductImage { border: 1px solid #E7E7E7 !important; background: #FFF !important; padding: 3px !important; margin: 0 !important; float: left !important; text-align: center !important; z-index: 1 !important; } .vmProductImage a { color: #515151 !important; font-size: 11px !important; letter-spacing: 0.03em !important; } .vmDetails { } .vmFlyPageBottom { } .vmRecent { } .vmProductName { font-size: 25px !important; line-height: 25px !important; font-weight: bold !important; font-family: Cambria,Helvetica, Verdana !important; color: #333 !important; padding: 0px !important; border: 0px dashed #CCC !important; margin-bottom: 5px !important; } .vmProductDesc { font-size: 12px !important; line-height: 1.6em !important; } .vmProductSnapshot { padding: 5px !important; border: 1px solid #BBB !important; background: #FEFEFE !important; text-align: center !important; } .vmReviews { border: 1px solid #CCCCCC !important; font-size: 12px !important; padding: 4px 8px !important; width: 85% !important; margin: 5px auto !important; background: #FAFAFA !important; } .vmCartDetails { display: inline !important; } .vmProductNav { float: left !important; width: 100% !important; margin-bottom: 5px !important; } .vmProductNav a.next_page { background: url( '/content/images/next_10x10.png' ) no-repeat right !important; padding-right: 15px !important; line-height: 1.4em !important; float: right !important; width: auto !important; font-size: 12px !important; color: #515151 !important; } .vmProductNav a.previous_page { background: url( '/content/images/previous_10x10.png' ) no-repeat left !important; padding-left: 15px !important; line-height: 1.4em !important; float: left !important; width: auto !important; font-size: 12px !important; color: #515151 !important; } #vmAskSeller { margin: 10px auto !important; float: left !important; } .vmRelated { width: 100% !important; float: left !important; } #lbBottom { font-family: Helvetica, Verdana, Arial, Geneva, sans-serif !important; font-size: 14px !important; color: #666 !important; line-height: 1.4em !important; } .vmBrowseTooltip { display: none !important; background: url(/content/images/light-gradient_bottom.png) bottom left repeat-x #FFFBDE !important; border: 1px solid #F5E1B8 !important; height: auto !important; padding: 10px !important; width: auto !important; width: 470px !important; } .vmBrowseProductTitleTip a { font-size: 20px !important; font-family: Cambria, Georgia, helvetica,arial !important; font-weight: bold !important; } .vmBrowseProductTitleTip p, .vmBrowseProductTitleTip label.quantity_box { font-size: 11px !important; font-family: helvetica,arial !important; } /******* v1 Product Page Styles *******/ .v1FlyPageTop .product-amount-saved, .v1FlyPageBottom .product-Old-Price { } .v1FlyPageTop .product-Old-Price, .v1FlyPageBottom .product-Old-Price { } .v1FlyPageTop .productPrice, .v1FlyPageBottom .product-Old-Price { } .v1FlyPageTop { } .v1FlyPageTop .buttons_heading { width: 100% !important; float: left !important; text-align: left !important; margin: 3px 0 !important; font-size: 10px !important; border-bottom: 1px solid #CCC !important; padding-bottom: 5px !important; margin-bottom: 5px !important; } .v1FlyPageTop .buttons_heading img { vertical-align: top !important; } .v1ImagesMain { } p.v1sDesc { font-size: 11px !important; border-bottom: 1px solid #CCC !important; padding-bottom: 5px !important; margin-bottom: 5px !important; } .v1FlyPageBottom { } .v1Recent { } .v1ProductName { font-family: Copperplate Gothic Light,Century Gothic, sans-serif, Helvetica, Verdana !important; color: #515151 !important; } .v1ProductDesc { } .v1Reviews { } /******* end v1 *******/ /******* v2 Product Page Styles *******/ .v2FlyPageTop { } .v2FlyPageTop .buttons_heading { width: 100% !important; float: left !important; text-align: left !important; margin: 5px 0 !important; font-size: 10px !important; border-bottom: 1px solid #CCC !important; border-top: 1px solid #CCC !important; padding: 5px 0 !important; } .v2FlyPageTop .buttons_heading img { vertical-align: top !important; } p.v2Sku { font-size: 11px !important; border-bottom: 1px dashed #CCC !important; border-top: 1px dashed #CCC !important; padding: 5px 0 !important; margin: 5px 0 !important; } .v2ImagesMain { } .v2Details { border: 1px solid #CCC !important; background: url(/content/images/gray-gradient_top-large.png) top left repeat-x #FFF !important; padding: 8px !important; } .v2Details .productPrice { font-size: 16px !important; color: #000 !important; } .v2Details .product-Old-Price, .v2Details .product-amount-saved { font-size: 11px !important; color: #515151 !important; } .v2FlyPageBottom { } .v2Recent { } .v2ProductName { font-family: Arial, Verdana !important; color: #00AEEF !important; font-size: 20px !important; text-transform: uppercase !important; } .v2ProductImage { border: 0 !important; border-bottom: 1px solid #E7E7E7 !important; } .v2ProductDesc { } .v2Reviews { } .v2ProductNav { width: 225px !important; } .vmProductPrice { padding: 5px 0 !important; margin: 2px 0 5px !important; border-bottom: 1px solid #CCC !important; border-top: 1px solid #CCC !important; } /******* end v2 *******/ /******* v3 Product Page Styles *******/ .v3FlyPageTop { } .v3FlyPageTop .buttons_heading { width: 100% !important; float: left !important; text-align: left !important; margin: 5px 0 !important; font-size: 10px !important; border-bottom: 0px solid #CCC !important; border-top: 0px solid #CCC !important; padding: 5px 0 !important; } .v3FlyPageTop .buttons_heading img { vertical-align: top !important; } p.v3Sku { } .v3ImagesMain { } .v3Details h1 { font-weight: normal !important; font-family: helvetica !important; text-transform: uppercase !important; font-size: 20px !important; } .v3Details .productPrice { font-size: 16px !important; color: #000 !important; } .v3Details .product-Old-Price, .v3Details .product-amount-saved { font-size: 11px !important; color: #515151 !important; } .v3FlyPageBottom { } .v3Recent { } .v3ProductImage { border: 0 !important; border-bottom: 1px solid #E7E7E7 !important; } .v3Details .v3ProductDesc { padding: 5px 0 0 !important; margin: 4px auto !important; border-top: 1px solid #CCC !important; } .v3Related .vmProductSnapshot { width: 150px !important; height: 150px !important; overflow: hidden !important; } .v3ProductNav { width: 225px !important; } .v3ProductPrice { border-top: 0px solid #CCC !important; margin-bottom: 2px !important; } .v3Related, .v3Recent, .v3ProductDesc, .v3NavList { border-top: 1px solid #CCC !important; margin-top: 8px !important; } .v3Related h3, .v3Reviews h3, .v3Recent h3, .v3ProductDesc h3, .v3NavList h3 { font-family: helvetica !important; font-size: 14px !important; font-weight: normal !important; color: #515151 !important; margin: 5px 0 !important; text-transform: uppercase !important; } .v3Related hr { border: 0 !important; margin: 0 !important; padding: 0 !important; } .v3Reviews, .v3Recent, .v3NavList { border: 0 !important; border-top: 1px solid #CCCCCC !important; font-size: 12px !important; padding: 4px 3px !important; width: 97% !important; margin: 5px auto !important; background: #FFF !important; } .v3Details p { font-size: 13px !important; font-family: arial !important; } p.v3ProductName { font-family: Arial, Verdana !important; color: #515151 !important; font-size: 20px !important; text-transform: none !important; font-weight: normal !important; } /******* end v3 *******/ /******* v4 Product Page Styles *******/ .v4FlyPageTop { } .v4FlyPageTop .buttons_heading { width: 100% !important; float: left !important; text-align: left !important; margin: 5px 0 !important; font-size: 10px !important; border-bottom: 0px solid #CCC !important; border-top: 0px solid #CCC !important; padding: 5px 0 !important; } .v4FlyPageTop .buttons_heading img { vertical-align: top !important; } p.v4Sku { } .v4ImagesMain { } .v4Details h1 { font-weight: normal !important; font-family: helvetica !important; text-transform: uppercase !important; font-size: 20px !important; } .v4Details .productPrice { font-size: 16px !important; color: #000 !important; } .v4Details .product-Old-Price, .v4Details .product-amount-saved { font-size: 11px !important; color: #515151 !important; } .v4FlyPageBottom { } .v4Related .vmProductSnapshot { width: 150px !important; height: 150px !important; overflow: hidden !important; } .v4ProductImage { border: 0 !important; border-bottom: 1px solid #E7E7E7 !important; } .v4Details .v4ProductDesc { padding: 5px 0 0 !important; margin: 4px auto !important; border-top: 1px solid #CCC !important; } .v4Reviews { } .v4ProductNav { width: 225px !important; } .v4ProductPrice { border-top: 0px solid #CCC !important; margin-bottom: 2px !important; text-align: right !important; border-bottom-color: #000 !important; } .v4sDesc { margin-bottom: 2px !important; text-align: right !important; border-bottom: 1px solid #CCC !important; font-family: helvetica !important; font-size: 14px !important; padding-bottom: 8px !important; } .v4Related, .v4Recent, .v4ProductDesc, .v4NavList { border-top: 1px solid #CCC !important; margin-top: 8px !important; } .v4Related h3, .v4Reviews h3, .v4Recent h3, .v4ProductDesc h3, .v4NavList h3 { font-family: helvetica !important; font-size: 14px !important; font-weight: normal !important; color: #515151 !important; margin: 5px 0 !important; background: #FFFFDD !important; text-transform: uppercase !important; } .v4Related hr { border: 0 !important; margin: 0 !important; padding: 0 !important; } .v4Reviews, .v4Recent, .v4NavList { border: 0 !important; border-top: 1px solid #CCCCCC !important; font-size: 12px !important; padding: 4px 3px !important; width: 97% !important; margin: 5px auto !important; background: #FFF !important; } .v4Details p { font-size: 13px !important; font-family: arial !important; } .v4ProductName { font-family: Century Gothic, Arial, Verdana !important; color: #000 !important; font-size: 30px !important; text-transform: none !important; font-weight: normal !important; text-align: right !important; background: #FFFFDD !important; padding: 3px !important; } /******* end v4 *******/ /*** stAn Rounded Corners on Cat Imgs ***/ .vmCatImgL { background: url(/content/images/browse/l.png) 0 0 repeat-y !important; } .vmCatImgR { background: url(/content/images/browse/l.png) 100% 0 repeat-y !important; } .vmCatImgTL, .vmCatImgTR, .vmCatImgBL, .vmCatImgBR { background-image: url(/content/images/browse/coners_a1280x30.png) !important; height: 15px !important; font-size: 2px !important; } .vmCatImgTL, .vmCatImgBL { margin-right: 15px !important; } .vmCatImgTR, .vmCatImgBR { margin-left: 15px !important; margin-top: -15px !important; } .vmCatImgTR { background-position: 100% 0 !important; } .vmCatImgBL { background-position: 0 -15px !important; background-image: url(/content/images/browse/coners_a1280x30.png) !important; } .vmCatImgBR { background-position: 100% -15px !important; background-image: url(/content/images/browse/coners_a1280x30.png) !important; } .vmCatImgGap { margin-top: 0 !important; } .vmCatImgNoGap { margin-bottom: -1px !important; padding-bottom: 1px !important; } .vmCatImgInside { } /*** stAn Rounded Corners general ***/ .rcL { } .rcR { } .rcTL, .rcTR, .rcBL, .rcBR { background-image: url(/content/images/browse/rcornersbw.png) !important; height: 15px !important; font-size: 2px !important; } .rcTL, .rcBL { margin-right: 15px !important; } .rcTR, .rcBR { margin-left: 15px !important; margin-top: -15px !important; } .rcTR { background-position: 100% 0 !important; } .rcBL { background-position: 0 -15px !important; } .rcBR { background-position: 100% -15px !important; } /* * * @copyright Copyright (C) 2007 - 2010 RuposTel - All rights reserved. * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php * One Page checkout is free software released under GNU/GPL and uses code from VirtueMart * VirtueMart is free software. This version may have been modified pursuant * to the GNU General Public License, and as distributed it includes or * is derivative of works licensed under the GNU General Public License or * other free or open source software licenses. * */ span.shipping_error { color: red; font-weight: bold; padding-top: 20px; } div#onepage_userfieds { width: 100%; float: left; } div.opc_PricesalesPrice { float: right; } div.opc_PricesalesPrice span { text-align: right; } div#onepage_info_above_button { text-align: center; margin: auto; } div#onepage_total_inc_sh { padding-top: 10px; } #vmMainPageOPC div#onepage_submit_section { width: 350px; height: 40px; padding: 20px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } #vmMainPageOPC input#confirmbtn.buttonopc { width: 350px; height: 40px; padding: 20px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } div#onepage_login_box { padding: 20px; text-align: center; margin-right: auto; margin-left: auto; width: 100%; } div#onepage_login { text-align: left; padding-left: 35%; } textarea#onepage_tos { width: 100%; } span.bottom_totals_txt { width: 50%; text-align: right; float: left; } span.bottom_totals { /* width: 67%; */ text-align: left; padding-left: 3%; float: left; } div#totalam { width: 100%; clear: both; float: left; margin: 0 auto; } br.op_clear { clear: both; } div#tt_order_subtotal_div { width: 100%; float: left; clear: both; } div#tt_order_payment_discount_before_div { width: 100%; display: none; } div#tt_order_discount_before_div { width: 100%; display: none; } div#tt_shipping_rate_div { width: 100%; } div#tt_shipping_tax_div { width: 100%; display: none; } div#tt_tax_total_0_div { display: none; width: 100%; } div#tt_tax_total_1_div { display: none; width: 100%; } div#tt_tax_total_2_div { display: none; width: 100%; } div#tt_tax_total_3_div { display: none; width: 100%; } div#tt_tax_total_4_div { width: 100%; display: none; } div#tt_order_payment_discount_after_div { width: 100%; display: none; } div#tt_order_discount_after_div { width: 100%; display: none; } div#tt_total_div { width: 100%; } select#shipping_inside_basket_select { font-family: monospace; } select#payment_inside_basket { font-family: monospace; } /* pbv basket from vm1 */ #vmMainPageOPC .sectiontableheader { background: none repeat scroll 0 0 #333333; border: 1px solid #CCCCCC; color: #FFFFFF; padding: 5px; } #vmMainPageOPC .sectiontableheader a, .sectiontableheader a:hover, .sectiontableheader a:focus, .sectiontableheader a:active { color: #FFFFFF; } #vmMainPageOPC .sectiontableentry, .sectiontableentry0, .sectiontableentry1, .sectiontableentry2 { /* background: url("/content/images/dot2.gif") repeat-x scroll center bottom transparent;*/ padding: 5px 5px 6px; } #vmMainPageOPC .sectiontableentry:hover, .sectiontableentry0:hover, .sectiontableentry1:hover, .sectiontableentry2:hover { background-color: #FFFFF0; } #vmMainPageOPC .sectiontableentry2 { background-color: #F6F6F6; } #vmMainPageOPC hr { border-color: #CCCCCC; border-style: solid none none; border-width: 1px 0 0; height: 1px; } #vmMainPageOPC td, #vmMainPageOPC tr { border: 0 none; padding: 3px; } #vmMainPageOPC .vmsectiontableentry2 { background: none repeat scroll 0 0 #F2F2F2; border: 0 solid #CCCCCC; color: #333333; font-family: Arial,Verdana,sans-serif; font-size: 13px; font-weight: normal; height: 20px; padding: 5px; text-transform: none; } #vmMainPageOPC td { font-size: 100%; padding: 5px; } #vmMainPageOPC input.updatebtn { background: none; background: transparent url('/content/images/update_quantity_cart.png') no-repeat top left; display: inline-block; width: 20px; height: 20px; border: none; } #vmMainPageOPC a.deletebtn, #vmMainPageOPC a.deletebtn:hover { background: none; background: transparent url('/content/images/remove_from_cart.png') no-repeat top left; display: inline-block; width: 20px; height: 20px; } #vmMainPageOPC .tabcontent2 { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; color: #000000; clear: both; } #vmMainPageOPC .tabcontent2 { margin-top: -1px; padding: 0 0 0 0; margin: 0 0 0 0; width: 100%; } #vmMainPageOPC fieldset { background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #E7E7E7 !important; color: #555555; font-family: arial,verdana; margin-bottom: 10px !important; } #vmMainPageOPC fieldset.pad { padding:10px; } #vmMainPageOPC .coupon_input { border: none; border: 1px solid gray; height: 16px; color: gray; font-size: 9px; min-width: 200px; } #vmMainPageOPC .coupon_input:active, #vmMainPageOPC .coupon_input:focus { border: none; border: 1px solid gray; height: 16px; color: black; font-size: 9px; } #vmMainPageOPC .coupon_wrapper { float: right; margin: 0; padding: 0; clear: both; } #vmMainPageOPC .detailsbutton_opc { float: right; margin: 0; padding-top: 10px; } #vmMainPageOPC table .inputbox { border: 0 none; min-height: 18px; position: relative; top: -5px; } #vmMainPageOPC .updatebtn { position: relative; top: -12px; } #vmMainPageOPC div.continue_shopping2 { margin: 0; padding: 0; margin-left: auto; margin-right: auto; width: 169px; height: 30px; padding-top: 15px; background: transparent url(/content/images/keepshoppping.png) no-repeat left 10px; } #vmMainPageOPC a.continue_link2:hover, #vmMainPageOPC a.a.continue_link2:active { color: black; background: none; } #vmMainPageOPC a.continue_link2, a.continue_link2:hover, a.a.continue_link2:active { padding-left: 30px; padding-top: 7px; vertical-align: middle; color: grey; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; font-stretch: ultra-condensed; background: none; } #vmMainPageOPC .continue_left { clear: left; width: 50%; float: left; } #vmMainPageOPC .coupon_right { width: 49%; float: left; clear: right; text-align: right; } #vmMainPageOPC .coupon_field { padding-top:10px; } #vmMainPageOPC .continue_and_coupon { border: 0 none; margin: 0; padding: 0; } #vmMainPageOPC iframe.tos_iframe { width: 90%; margin-left: 5%; margin-right: 5%; padding: 0; height: 200px; } #vmMainPageOPC div.btandst .st_right { padding: 0; margin: 0; margin-left: 2%; width: 49%; float: left; } #vmMainPageOPC div.btandst .bt_left { margin: 0; padding: 0; float: left } #vmMainPageOPC .address_fielset { min-height: 310px; } #vmMainPageOPC div.btandst { margin: 0; padding: 0; width: 100%; } #vmMainPageOPC div#agreed_div { width: 100% !important; text-align: left; margin-left: 5%; margin-top: 10px; } #vmMainPageOPC .op_radiowrapper { width: 10%; float: left; margin: 0; padding: 0; height: 100%; bottom: 45%; left: 0; clear: left; } #vmMainPageOPC .op_labelwrapper { width: 85%; float: left; margin: 0; padding: 0; clear: right; } #vmMainPageOPC div#staddresses .sectiontableentry1 { background: none; } #vmMainPageOPC div#staddresses .sectiontableentry2 { background: none; margin-top: 15px; } #vmMainPageOPC form.modifier { display:inline; } .op_field_name { width: 35%; padding-right: 5%; text-align: right; float: left; clear: right; } .op_field_value { width: 49%; text-align: left; float: left; clear: right; } input.float { float:left; margin:0 10px 0 0; } /* ######### CSS for Shade Tabs. Remove if not using ######### */ .vmTabContent { border:0px solid #636466; border-top:0 solid transparent; width:100%; margin-bottom: 1em; padding: 0px; background:#FFF; } .vmTabContentInner { padding: 0; width:100%; margin: 3px auto; } .vmTabSub { border-bottom:1px solid #BBB; width:100%; padding: 0px; background:#FBFBFB; margin: 0 auto 1em; } .vmTabSubInner { width:95%; padding: 6px; margin: 0; } .shadetabs{ padding: 3px 0; margin-left: 0 !important; margin-top: 1px; margin-bottom: 0; font: bold 13px Arial; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ border-bottom:2px solid #636466; } ul.shadetabs { list-style-image: none; } .shadetabs li{ display: inline; margin: 0; height: 40px; background: none; padding-left: 20px; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 0; padding: 3px 7px 5px; margin-right: 0px; /*border: 1px solid #AAA;*/ border: none; border-color: transparent; border-bottom: 0px; color: #FEFEFE; background: url(/content/images/tab_bg-inactive.png) top left #FFF; font-family: Helvetica, Verdana, arial; font-size: 14px; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #FFF; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; padding: 3px 7px 4px; font-size: 16px; border: 1px solid #636466; border-bottom:0px; border: none; border-color: transparent; background: url(/content/images/tab_bg-active.png) top left #FFF; color: #FFFFFF; letter-spacing: 0.03em; font-weight: bold; font-family: Helvetica, Verdana, arial; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontentstyle{ /*style of tab content oontainer*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ /*display:none; commented by stAn as this would require a js initialization for current tab*/ } @media print { .tabcontent { display:block !important; } } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; } .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(/content/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(/content/images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(/content/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(/content/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(/content/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(/content/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(/content/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(/content/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(/content/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(/content/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(/content/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(/content/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(/content/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/content/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/content/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(/content/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(/content/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(/content/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(/content/images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(/content/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(/content/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(/content/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(/content/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(/content/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(/content/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(/content/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(/content/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(/content/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(/content/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(/content/images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(/content/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(/content/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(/content/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(/content/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(/content/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(/content/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(/content/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(/content/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(/content/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(/content/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(/content/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(/content/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(/content/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(/content/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(/content/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(/content/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(/content/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(/content/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(/content/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(/content/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(/content/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(/content/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(/content/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(/content/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(/content/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(/content/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(/content/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(/content/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(/content/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(/content/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(/content/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(/content/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(/content/images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(/content/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(/content/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(/content/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(/content/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(/content/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(/content/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(/content/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(/content/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(/content/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(/content/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(/content/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(/content/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/content/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/content/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none}