/** * @version 1.9.0.2 September 30, 2014 * @author RocketTheme http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2014 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License * Anacron Style 1 */ /* Body */ body { color: #868686; background: #FFF; } .rt-bg { transition: background-color 0.4s ease-out; -moz-transition: background-color 0.4s ease-out; -webkit-transition: background-color 0.4s ease-out; } #slider_welcome_responsive { overflow: hidden; margin-top: 2px; } .quick-access-wrapper{ background-color: #0C699C !important;} .rt-overlay { background: transparent; background-position: 50% 0; } /* Link transitions */ a, .link-cart { color: #0C699C; transition: color 0.1s ease-out; -moz-transition: color 0.1s ease-out; -webkit-transition: color 0.1s ease-out; } a:hover { color: #A5CA2C; transition: color 0.1s ease-out; -moz-transition: color 0.1s ease-out; -webkit-transition: color 0.1s ease-out; } /* Block Backgrounds */ .col-wrapper, .col-left { border-right: 1px solid transparent; } .col-main { background: transparent; } .col3-layout .col-main { border-left: 1px solid transparent; border-right: 1px solid transparent; } .col2-left-layout .col-main { border-left: 1px solid transparent; } .col2-right-layout .col-main { border-right: 1px solid transparent; } .col-right { border-left: 1px solid transparent; } .block.callout { color: #FFF; background: #0C699C; } .block, .mageside-menu { color: #575757; background: #F5F5F5; } .block-cart { color: #FFF; background: #A5CA2C; } /* Titles */ .page-title h1, .page-title h2, .catalog-product-view .product-name h1, #quick-info-slot h2, #rokmage-login-content h2, .product-view .up-sell h3, .product-view .box-tags h2, .product-view .box-recurring_info h2, .mobile-collateral h2, .base.wrapper #rokmage-header-cart h6 { color: #6E6E6E; border-bottom: 0; } #rokmage-login-content h2, .base.wrapper #rokmage-header-cart h6 { border: 0; } #welcome h2, .callout .block-title strong span, .sidebar .block.callout .block-title:before { color: #FFF; } .page-title.title-buttons h1, .page-title.title-buttons h2 { background: none; } /* Buttons */ .base.wrapper button.button, .catalog-product-compare-index button.button, .base.wrapper #rokmage-header-cart span.button { color: #FFF !important; background-color: #0C699C; border-bottom: 2px solid #2473a0; box-shadow: 0 2px 0 rgba(0,0,0,0.1); background-image: none; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .base.wrapper button.button.hover, .catalog-product-compare-index button.button.hover, .base.wrapper #rokmage-header-cart span.button:hover { color: #FFF; background-color: #A5CA2C; border-bottom: 2px solid #549238; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .base.wrapper button.hover, .base.wrapper #rokmage-header-cart span.button:hover { background-color: #A5CA2C; } .base.wrapper button.hover span span, .base.wrapper #rokmage-header-cart span.button a:hover { color: #FFF !important; } .base.wrapper button.button span span, .base.wrapper #rokmage-header-cart span.button a { color: #FFF; } .base.wrapper .slider-productinfo button.button { background-color: #2982b5; border-bottom: 2px solid #20648b; } .base.wrapper .custom .slider-productinfo button.button { background-color: #A5CA2C; border-bottom: 2px solid #549238; } .base.wrapper .slider-productinfo button.button.hover { background-color: #05121A !important; border-bottom: 2px solid #000000 !important; } /* Forms */ .base.page input.inputstyled { border: 1px solid #E6E6E6; background: #FFF; } .base.page input:focus, input.input-text:focus, .base.page textarea:focus, select:focus { border: 1px solid #BBB; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1), 0 0 8px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1), 0 0 8px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1), 0 0 8px rgba(0,0,0,0.2); } /* Product Images */ .base.wrapper .cart-scrollable-container .product-image img, #shopping-cart-table .product-image img { border: 1px solid #DDD; } /* Modal Windows */ #rokmage-header-cart, #rokmage-login-content { background: #FFF; box-shadow: 0 0 6px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4); } .modal-close { background: url(../images/modal-login-close.gif) no-repeat scroll 0 0 transparent; } .cart-scrollable-container a.prev { background: #BBB url(../images/nav-arrows.png) no-repeat 70% -146px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); } .cart-scrollable-container a.next { background: #BBB url(../images/nav-arrows.png) no-repeat 80% -66px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); } .cart-scrollable-container a.prev:hover, .cart-scrollable-container a.next:hover { background-color: #05121A; } /* Header */ div.welcome-msg { color: #FFF; } .quick-access-wrapper { background: rgba(0,0,0,0.2); box-shadow: 0 1px 4px rgba(0,0,0,0.8); } .quick-access .top-links { border: 0; background: transparent; color: #FFF; } .quick-access a, .rokmage-text-resize { color: #FFF; } .quick-access a:hover { color: #81CDE7; } .header-container { color: #7D7D7D; background: #FFF; box-shadow: 0 1px 4px rgba(0,0,0,0.8); } .form-language span.select { color: #FFF; border: 0; background: rgba(0,0,0,0.2) url(../images/nav-arrows.png) no-repeat 95% 8px; } #search_mini_form input { border: 0; background: #FFF url(../images/search-controls.png) no-repeat 96% -70px; color: #7C7C7C; } #search_mini_form input:focus { } /* Search Autocomplete */ .form-search .search-autocomplete ul { border:1px solid #DDD; background-color:#FFF; } .form-search .search-autocomplete li { border-bottom:1px solid #DDD; color: #333; } /* Breadcrumbs */ .base.page .rok-breadcrumbs { border-bottom: 1px solid #DDD; background: #FFF; } .rok-breadcrumbs ul li a { color: #0C699C; } .rok-breadcrumbs ul li a:hover, .rok-breadcrumbs ul li, .rok-breadcrumbs ul li strong { color: #575757; } .rok-breadcrumbs ul li, .chevronOverlay { background-image: url(../images/ChevronOverlay.png); } /* Menu */ ul#magemenu-top { border: 0; background: none; } ul#magemenu-top > li:before { color: #C8C8C8; } ul#magemenu-top > li > a { color: #7C7C7C; } ul#magemenu-top > li.hover > a, ul#magemenu-top > li > a:hover { color: #0C699C !important; } ul#magemenu-top li.level0.parent > a > span { background: none; } ul#magemenu-top > li.active > a, ul#magemenu-top > li.hover > a { color: #2F2F2F; } ul#magemenu-top > li.active:after { border-bottom: 3px solid #0C699C; } ul#magemenu-top li ul li:before { color: #C8C8C8; } /* Dropdowns */ ul#magemenu-top li ul { background: #FFF; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); } ul#magemenu-top li ul li a { color: #7C7C7C; transition: border-color 0.1s ease-out; -moz-transition: border-color 0.1s ease-out; -webkit-transition: border-color 0.1s ease-out; } ul#magemenu-top li ul > li.first, ul#magemenu-top li ul > li:nth-child(2) { background: none; } ul#magemenu-top li ul li a:hover, ul#magemenu-top li ul li.active > a, ul#magemenu-top li ul li.hover > a, ul#magemenu-top a.active { color: #0C699C; transition: border-color 0.1s ease-out; -moz-transition: border-color 0.1s ease-out; -webkit-transition: border-color 0.1s ease-out; } ul#magemenu-top .arrow { background: none; } ul#magemenu-top.menu-single .arrow { background: none; } ul#magemenu-top li ul.popup li { background: none !important; } /* Mobile Nav */ select.tinynav, select#select-language, select#select-store { /* background: #333439; color: #fff; border: 1px solid #666; */ } /* Side Menus */ .mageside-menu-heading { border-top: 1px solid #C9C9C9; } .mageside-menu-heading, .mageside-menu-toggle-container li a.current { color: #575757; } .mageside-menu-heading:hover, .mageside-menu-heading.hover, .mageside-menu-heading.active { color: #0C699C; } .mageside-menu-toggle-button { background: #0C699C; color: #FFF; opacity: 0.8; } .mageside-menu-toggle-button.active, .mageside-menu-toggle-button:hover { background: #0C699C; color: #FFF; opacity: 1; } /* Homepage */ .page.base .promo-wrapper { color: #575757; background: #F5F6F8 url(../images/box-bg.png); border-top: 1px solid #dde0e7; border-bottom: 1px solid #dde0e7; } .page.base .promo-wrapper .title { color: #656565; } .page.base .promo-wrapper button.button { border: 1px solid #686868; background: transparent; } .page.base .promo-wrapper button.button.hover { border: 1px solid #3e3e3e; background: #252525 !important; } .page.base .promo-wrapper.pw1 { color: #575757; background: #F5F6F8; box-shadow: 0 1px 0 #dde0e7; } .page.base .promo-wrapper.pw1:after, .page.base .promo-wrapper.pw3:after { color: #F5F6F8; text-shadow: 0 2px 0 #dde0e7; } .page.base .promo-wrapper.pw2 { color: #6E6E6E; background: #FFF; } .page.base .promo-wrapper.pw2:after { color: #FFF; text-shadow: 0 2px 0 #dde0e7; } .page.base .promo-wrapper.pw1 h2.title { color: #656565; } /* ContentSlider */ #slider_welcome_responsive { } #welcome { border: 0; background: rgba(0,0,0,0.2); color: #FFF; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.5) inset,0 0 0 1px rgba(255,255,255,.08); -moz-box-shadow: 0 0 2px rgba(0,0,0,.5) inset,0 0 0 1px rgba(255,255,255,.08); box-shadow: 0 0 2px rgba(0,0,0,.5) inset,0 0 0 1px rgba(255,255,255,.08); } .cms-index-index #welcome .page-title h1 { background-color: transparent; color: #FFF; } #homepage-contentslider-container .images h3 a { color: #FFF; text-shadow: 1px 2px 0 rgba(0,0,0,0.2); } .page.base #homepage-contentslider-container .images div.slider-productinfo { color: #FFF; } /* Custom */ #homepage-contentslider-container.custom .slide h3 a { color: #FFF; } #homepage-contentslider-container .images .slide div.slider-productinfo { background: #FFF; } #homepage-contentslider-container.custom .images .slide p { color: #CBCBCB; } /* Category */ #contentslider-container { background: #FFF; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.5) inset,0 0 0 1px rgba(255,255,255,.08); -moz-box-shadow: 0 0 2px rgba(0,0,0,.5) inset,0 0 0 1px rgba(255,255,255,.08); box-shadow: 0 0 2px rgba(0,0,0,.5) inset,0 0 0 1px rgba(255,255,255,.08); } #contentslider-container .images { background: transparent url(../images/box-bg.png); } #contentslider-container .images img { border: 1px solid #DDD; } /* Controls */ #homepage-contentslider-container .forward, #contentslider-container .forward, #homepage-contentslider-container .backward, #contentslider-container .backward { background: #2285BF; text-shadow: none; box-shadow: none; } #homepage-contentslider-container.custom .forward, #homepage-contentslider-container.custom .backward { background: #2285BF; } #homepage-contentslider-container.custom .forward:hover, #homepage-contentslider-container.custom .backward:hover { background-color: #05121A; } #homepage-contentslider-container .forward:before, #homepage-contentslider-container .backward:before, #contentslider-container .forward:before, #contentslider-container .backward:before { color: #FFF; } #homepage-contentslider-container .backward:hover, #homepage-contentslider-container .forward:hover, #contentslider-container .backward:hover, #contentslider-container .forward:hover { background: #05121A; } #homepage-contentslider-container .tabs a, #contentslider-container .tabs a { background: rgba(0,0,0,.7); opacity: 0.5; color: #000; text-shadow: none; } #homepage-contentslider-container .tabs a.current, #homepage-contentslider-container .tabs a.current:hover, #contentslider-container .tabs a.current, #contentslider-container .tabs a.current:hover { opacity: 1; background-color: transparent; border: 2px solid #FFF; } /* ProductScroller */ div.scroller-wrapper { color: #575757; box-shadow: 0 0px 0 #dde0e7; border-top: 0px solid #DDE0E7; } div.scroller-wrapper:after { color: #F5F6F8; text-shadow: 0 2px 0 #dde0e7; } .base.page div.scrollable div.items .scroll-item-bottom img { border: 1px solid #CECBCB; } .base.page .scrollable-container a.next, .base.page .scrollable-container a.nextPage { background: #2285BF; text-shadow: none; box-shadow: none; } .base.page .scrollable-container a.prev, .base.page .scrollable-container a.prevPage { background: #2285BF; text-shadow: none; box-shadow: none; } .base.page .scrollable-container a.prev:before, .base.page .scrollable-container a.prevPage:before, .base.page .scrollable-container a.next:before, .base.page .scrollable-container a.nextPage:before { color: #FFF; text-shadow: none; } .base.page .scrollable-container a.prev:hover, .base.page .scrollable-container a.prevPage:hover, .base.page .scrollable-container a.next:hover, .base.page .scrollable-container a.nextPage:hover { background: #05121A; text-shadow: none; box-shadow: none; } .base.page .scrollable-container a.disabled:hover { background: #2285BF; text-shadow: none; box-shadow: none; } .tooltip { background: transparent url(../images/scroller-tooltip.png); color: #575757; } /* CategoryView */ ul.thumb_view li { border-left: 1px solid rgba(0,0,0,0.1); } ul.display li { border-bottom: 1px solid rgba(0,0,0,0.1) !important; } ul.display li .product-image-col img { border: 1px solid #DDD; } ul.display li .product-container { background: transparent; } ul.display li .product-info-col { background: transparent; } ul.display li .product-info-col .product-name a { color: #575757; } ul.display li .product-info-col .product-name a:hover { color: #000; } .main-container .rating-box, .main-container .rating-box .rating { background-image: url(../images/bg_rating.png); } /* Toolbar */ .toolbar-wrapper { background: #FFF; border: 0; } .toolbar-wrapper .toolbar .pager { border-bottom: 1px solid #DDD; } /* Pager */ .pages a.i-next:before { border-color: transparent transparent transparent #575757; } .pages a.i-previous:before { border-color: transparent #575757 transparent transparent; } /* Sort By */ .toolbar-wrapper.desc .sort-by a:before { border-color: #575757 transparent transparent transparent; } .toolbar-wrapper.asc .sort-by a:before { border-color: transparent transparent #575757 transparent; } .toolbar-wrapper .sort-by a:after { color: #575757; } /* Filter */ #rokmage-layered-nav dt:before { border-color: transparent transparent transparent #575757; } #rokmage-layered-nav dt.active:before { border-color: #575757 transparent transparent transparent; } /* ProductView */ #quick-info-slot h2, .product-view .up-sell h3, .product-view .box-tags h2 { border-bottom: 1px solid #E0E0E0; } #zoomable.rounded_bg { background: url(../images/box-bg.png); -webkit-box-shadow: 0 0 2px rgba(0,0,0,.5) inset,0 0 0 1px rgba(255,255,255,.08); -moz-box-shadow: 0 0 2px rgba(0,0,0,.5) inset,0 0 0 1px rgba(255,255,255,.08); box-shadow: 0 0 2px rgba(0,0,0,.5) inset,0 0 0 1px rgba(255,255,255,.08); } #zoomable .zoomer { border: 2px solid #CDCDCD !important; } .thumbswrapper { background: #0C699C; } .thumbsbutton a:hover { color: #FFF; } .product-options { background-color: #FCFCFC; } .product-collateral .box-description { border: 1px solid #CCC; } .product-collateral .tabs-outer, .product-collateral ul.tabs { background: transparent; } #customer-reviews .pager { background: #FCFCFA; } .product-collateral .tab_container, .product-collateral ul.tabs li.active { background: transparent; } .product-collateral ul.tabs li.active { border-bottom: 1px solid #FFF; } ul.tabs li a:hover, ul.tabs li.active a { color: #0C699C; } .product-collateral .data-table th.label { background-color: #FCFCFA !important; } .tier-prices li { background: rgba(0,0,0,0.02); border: 1px dotted #CCC; } /* Upsell */ .product-view .up-sell .products-grid td { background-color: #FCFCFA; border: 1px solid #DDD; } #upsell-product-table.products-grid .product-image, .mobileupsell ul li a.product-image { background-color: #FFF; border: 1px solid #DDD; } /* Mobile Tabs */ .mobile-collateral { border-bottom: 1px solid #E0E0E0; } .mobile-collateral h2 { border-top: 1px solid #E0E0E0; } /* Footer */ .rt-bg-footer { background: transparent; } .footer-wrapper { color: #8F8F8F; background-color: #35363A; box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset; border-top: 1px solid rgba(0,0,0,0.2); margin-top: 1px; } .rokmage-footer-inner-panel h3, #rokmage-footer-text h3 { border-bottom: 0; color: #FFF; } .footer-wrapper a { color: #686868; } .footer .rokmage-footer-inner-panel ul li a { color: #868686; } .footer .rokmage-footer-inner-panel ul li a:hover { color: #C2E2B3; } #footer-bottom ul li, #footer-bottom ul li a { color: #686868; } #footer-before ul li, #footer-before ul li a { color: #686868; } .footer-wrapper a:hover, #footer-bottom a:hover { color: #0C699C; } .footer-wrapper a:hover, #footer-before a:hover { color: #0C699C; } #footer-bottom { color: #5F5F5F; background-color: #2D2D2D; box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset; border-top: 1px solid rgba(0,0,0,0.2); } .footer .top-link { box-shadow: 0 2px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3); background: #686868 url(../images/arrows.png) no-repeat 11px -375px; } .footer .top-link:hover { background: #A5CA2C url(../images/arrows.png) no-repeat 11px -375px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,0.1); } #footer-before { color: #5F5F5F; background-color: #2D2D2D; box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset; border-top: 1px solid rgba(0,0,0,0.2); } .footer .top-link { box-shadow: 0 2px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3); background: #686868 url(../images/arrows.png) no-repeat 11px -375px; } .footer .top-link:hover { background: #A5CA2C url(../images/arrows.png) no-repeat 11px -375px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,0.1); } .store-switcher span.select { color: #DDD; background: rgba(0,0,0,0.15) url(../images/nav-arrows.png) no-repeat 95% 8px; border: 0; } #copyright, #rocketlogo a, .store-switcher { color: #5F5F5F; } #copyright { border-top: 1px solid rgba(255,255,255,0.1); } /* Recently Viewed */ .footer-viewed-wrapper { color: #FFF; background-color: #2A6A8F; box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset; border-top: 1px solid rgba(0,0,0,0.2); } .footer-viewed.block { background: transparent; border: 0; color: #FFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .footer-viewed.block .block-title strong span { color: #FFF; background: transparent; } .footer-viewed-content a { color: #DDD; } .footer-viewed-content a:hover { color: #FFF; } .footer-viewed-content ol li img { border: 0; } .base.page .footer-viewed .block-title { border-bottom: 0; } /* Misc */ .dashboard .welcome-msg { color: #606060; } .required em, em.required {color: #eb340a !important; } .callout a:hover, .block-cart a:hover { color: #FFF; } .callout a, .block-cart a { color: #12374D; } #rokmage-login-content #send2 { margin: 10px 0 !important; } .product-shop .product-options-bottom { background-color: #EFEFEF; } .base.wrapper .block-cart button.button.hover { background-color: #63ac41; border-bottom: 2px solid #4a7f31; } /* Carousel */ .sprocket-strips-image-overlay:before { background-color: rgba(0,0,0,.5) !important; } .sprocket-strips-image-overlay:after { color: #FFF; } .sprocket-strips-arrows .arrow { color: #FFF; background: #2285BF; } .sprocket-strips-arrows .arrow:hover { color: #FFF; background: #05121A; } /************************** Responsive Widths **************************/ @media only screen and (max-width: 480px) { /* Smartphones */ .wrapper.base .rokmage-cart-box-container, .wrapper.base .quick-access-wrapper .links li, .wrapper.base .form-language, .form-search { background: rgba(51, 52, 57, 0.4); } } @media only screen and (min-width: 481px) and (max-width: 767px) { /* Smartphones to Tablets */ .wrapper.base .rokmage-cart-box-container, .wrapper.base .quick-access-wrapper .links li, .wrapper.base .form-language, .form-search { background: rgba(51, 52, 57, 0.4); } } /* Social Icons */ .rt-social-buttons { color: #686868; } .rt-social-buttons a.social-button { color: #686868; } .rt-social-buttons a.social-button:hover { color: #A5CA2C; } .product-options dd select { font-family: 'cabinregular',Verdana,Helvetica,Arial,sans-serif; }