@import "//fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400italic,400,500,500italic,700,700italic,900,900italic"; /*@import "http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700";*/ @import "//fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic"; @import "//fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic"; @import "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"; @import "//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300"; @import 'http://www.foagroup.com/skin/frontend/plumtree/foa/css/stylefontt.css'; /** * Magento * * @category design * @package meigeetheme_default * @copyright Copyright (c) 2012 MeigeeTeam. (http://www.meigeeteam.com) * @template_version 1.1 */ /* Reset ================================================================================= */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; } .catalog-product-compare-index tbody, .catalog-product-compare-index tfoot, .catalog-product-compare-index thead, .catalog-product-compare-index tr, .catalog-product-compare-index th, .catalog-product-compare-index td{vertical-align:middle} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; overflow-x:hidden; } ol, ul { list-style: none; } blockquote, q { quotes: inherit; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: inherit; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; width: auto; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; display:inline-block; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .clear, .clear-2{clear:both;} /* ======================================================================================= */ /* Global Styles ========================================================================= */ body { background: none repeat scroll 0 0 #eff2f2; color: #2F2F2F; font-family: 'Open Sans',sans-serif; font-size: 12px; line-height: 14px; -webkit-font-smoothing: antialiased; } body.page-popup{background-color:#fff; padding:18px;} /* Background Paterns */ .pandora {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/pandora.png) center top repeat;} .pandora_2 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/pandora_2.png) center top repeat;} .degreee_fabric {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/degreee_fabric.png) center top repeat;} .degree_gray {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/degree_gray.png) center top repeat;} .beige_paper {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/beige_paper.png) center top repeat;} .bgnoise_lg {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/bgnoise_lg.png) center top repeat;} .bright_squares {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/bright_squares.png) center top repeat;} .brushed_alu {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/brushed_alu.png) center top repeat;} .cardboard {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/cardboard.png) center top repeat;} .circles {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/circles.png) center top repeat;} .concrete_wall_2 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/concrete_wall_2.png) center top repeat;} .concrete_wall_3 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/concrete_wall_3.png) center top repeat;} .cork_1 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/cork_1.png) center top repeat;} .crosses {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/crosses.png) center top repeat;} .cubes {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/cubes.png) center top repeat;} .diagonal-noise {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/diagonal.png) center top repeat;} .diamonds {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/diamonds.png) center top repeat;} .double_lined {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/double_lined.png) center top repeat;} .elastoplast {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/elastoplast.png) center top repeat;} .elegant_grid {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/elegant_grid.png) center top repeat;} .exclusive_paper {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/exclusive_paper.png) center top repeat;} .fabric_1 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/fabric_1.png) center top repeat;} .fancy_deboss {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/fancy_deboss.png) center top repeat;} .felt {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/felt.png) center top repeat;} .first_aid_kit {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/first_aid_kit.png) center top repeat;} .gold_scale {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/gold_scale.png) center top repeat;} .green_gobbler {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/green_gobbler.png) center top repeat;} .grunge_wall {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/grunge_wall.png) center top repeat;} .handmadepaper {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/handmadepaper.png) center top repeat;} .leather_1 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/leather_1.png) center top repeat;} .light_alu {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/light_alu.png) center top repeat;} .light_checkered_tiles {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/light_checkered_tiles.png) center top repeat;} .light_honeycomb {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/light_honeycomb.png) center top repeat;} .light_wool {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/light_wool.png) center top repeat;} .littleknobs {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/littleknobs.png) center top repeat;} .micro_carbon {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/micro_carbon.png) center top repeat;} .noise_pattern_with_crosslines {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/noise_pattern_with_crosslines.png) center top repeat;} .noisy {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/noisy.png) center top repeat;} .old_mathematics {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/old_mathematics.png) center top repeat;} .paper_1 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/paper_1.png) center top repeat;} .paper_2 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/paper_2.png) center top repeat;} .paper_3 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/paper_3.png) center top repeat;} .paven {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/paven.png) center top repeat;} .pinstripe {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/pinstripe.png) center top repeat;} .polaroid {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/polaroid.png) center top repeat;} .project_papper {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/project_papper.png) center top repeat;} .rip_jobs {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/rip_jobs.png) center top repeat;} .rockywall {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/rockywall.png) center top repeat;} .roughcloth {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/roughcloth.png) center top repeat;} .silver_scales {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/silver_scales.png) center top repeat;} .small_tiles {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/small_tiles.png) center top repeat;} .smooth_wall {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/smooth_wall.png) center top repeat;} .soft_circle_scales {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/soft_circle_scales.png) center top repeat;} .soft_wallpaper {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/soft_wallpaper.png) center top repeat;} .square_bg {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/square_bg.png) center top repeat;} .stucco {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/stucco.png) center top repeat;} .subtle_freckles {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/subtle_freckles.png) center top repeat;} .subtle_orange_emboss {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/subtle_orange_emboss.png) center top repeat;} .vichy {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/vichy.png) center top repeat;} .washi {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/washi.png) center top repeat;} .wavecut {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/wavecut.png) center top repeat;} .white_carbon {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/white_carbon.png) center top repeat;} .white_sand {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/white_sand.png) center top repeat;} .white_texture {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/white_texture.png) center top repeat;} .whitey {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/whitey.png) center top repeat;} .xv {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/paterns/xv.png) center top repeat;} .clear-container{width:100%; overflow:hidden;} .ie-fix{position:relative; width:100%;} a { text-decoration:none; /*-moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;*/ color:#777; } a:hover { text-decoration:none; } :focus { outline:0; } /* Headings */ h1 { font-size:1.5em; line-height:normal; font-weight:normal; } h2 { font-size:1.33em; line-height:normal; font-weight:normal; margin-bottom:0.57em;} h3 { font-size:1.09em; line-height:normal; font-weight:600; margin-bottom:0.69em;} h4 { font-size:1em; line-height:normal; font-weight:bold; margin-bottom:0.75em;} h5 { font-size:0.91em; line-height:normal; font-weight:600; margin-bottom:0.83em;} h6 { font-size:0.91em; line-height:normal; font-weight:normal; margin-bottom:0.83em;} h1,h2,h3,h4,h5,h6{font-family:'Open Sans',sans-serif;} .main-left { float: right !important;} aside.sidebar-right { float: right !important;} .col-main p{margin-bottom:0.75em;} .content-wrapper{ background:#eff2f2;} .wrapper-container{padding:2.66em 0 0; overflow:hidden;} .box { border:1px solid #e5e5e5; padding: 0.75em; margin: 0 0 0.75em 0; } /* toTop Button */ #toTop { z-index:9999; display:none; text-decoration:none; position:fixed; bottom:40px; right:10px; overflow:hidden; width:40px; height:40px; border:none; text-indent:-999px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/ui.totop.png); background-position:0 0; background-repeat:no-repeat; -moz-border-radius:25px; border-radius:25px; } #toTopHover { background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/ui.totop.png); background-repeat:no-repeat; background-position:0 -40px; width:40px; height:40px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -moz-border-radius:25px; border-radius:25px; background-color:#aeaeae; } #toTop:active, #toTop:focus { outline:none; } /* Fancybox a.fancybox { display: block; width:13px; height:13px; background-position:0 0; background-repeat:no-repeat; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/icon_fancybox.png); text-indent:100%; white-space: nowrap; overflow:hidden; }*/ /*Home Slider*/ .slider-container{position:relative; padding:60px 0 40px;} .slider-container.widget-container{padding:20px 0 0;} .slider-container.widget-container .products-grid .price-box{margin-bottom:0;} .slider-container .slider-text-box h2{font-size:4em; line-height:1.2em; font-weight:100; color:#333;} .slider-container .slider-text-box p{font-size:1.5em; line-height:1.44em;} .home-slider {position:relative;} .home-slider-conainer .es-carousel-wrapper{ position:relative; height:340px; margin-top:-15px; padding-top:32px; } .home-slider-conainer .products-grid li.item{width:245px; padding:0; margin:0;} .home-slider-conainer .products-grid li.item .product-img-box{margin-bottom:18px;} .home-slider-conainer .products-grid li.item .product-name{text-align:left; width:100%; float:left; margin-top:2px;} .home-slider-conainer .products-grid li.item .indent{padding:1.83em 17px 0 0;} .home-slider-conainer .products-grid li.item .info-box{ right:41px; top:20px; } /* .home-slider-conainer .products-grid li.item span.label-new{ right:-35px; } */ .home-slider-conainer .products-grid button span{ padding:0; background:none; height:auto; } .home-slider-conainer .products-grid button span span{ font-size:1.16em; line-height:1.57em; color:#777; padding-right:15px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/add_to_cart_button_marker.gif) right 7px no-repeat; } .home-slider-conainer .products-grid button:hover > span{background:none;} .es-carousel-wrapper{ padding:0; position:relative; /*float:left!important;*/ display:block!important; zoom:1; width:100%; height:auto!important; } .carousel-ul{width:100%; display:block!important;} .es-carousel-wrapper .products-grid li.item{position:static; display:block!important;} .es-carousel-wrapper .products-grid li.item{float:left; width:244px !important; } .es-carousel{ overflow:hidden; } .es-carousel ul li a{ display:block; } .es-carousel ul li a img{ display:block; border:none; max-height:100%; max-width:100%; } .slider-container .prev, .slider-container .next{ display: block; /*z-index: 999;*/ -moz-transition:opacity 300ms, background-color 300ms ease; -webkit-transition:opacity 300ms, background-color 300ms ease; -o-transition:opacity 300ms, background-color 300ms ease; transition:opacity 300ms, background-color 300ms ease; opacity:1; cursor:pointer; background-color:rgba(68, 68, 68, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33444444,endColorstr=#33444444), filter: alpha(opacity=0);; zoom: 1; width:40px; height:40px; position:absolute; top:40%; margin-top:-16px; /* -moz-border-radius:30px; border-radius:30px; */ background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/sliders_arr.png); background-position:0 0; background-repeat:no-repeat; } .slider-container .prev{ left:-70px; background-position:15px 13px; } .slider-container .prev:hover{background-position:15px -31px;} .slider-container .next { right:-70px; background-position:-84px 13px; } .slider-container .next:hover{background-position:-84px -31px;} .slider-container:hover .prev, .slider-container:hover .next{opacity:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33444444,endColorstr=#33444444), filter: alpha(opacity=100);} .cms-home .home-block-wrapper{background-color:#f5f5f5; margin-bottom:4.16em;} .cms-home .home-block-wrapper .home-block{padding:3.75em 0 3.33em; text-align:center;} .cms-home .home-block-wrapper .home-block h2{text-transform:uppercase; font-size:2em; line-height:1.5em; margin-bottom:0; font-weight:100;} .cms-home .home-block-wrapper .home-block h2 span{font-weight:bold;} .cms-home .home-block-wrapper .home-block h3{text-transform:uppercase; font-size:1.33em; line-height:1.5em; font-weight:normal; margin-top:-3px; margin-bottom:1.5em; position:relative;} .cms-home .home-block-wrapper .home-block h3 span{font-weight:bold;} .col-main{margin-bottom:01em; min-height:300px;} .main-container{padding-bottom:0em; width:100%; margin-top:150px;} .catalog-category-view .main-container, .catalogsearch-result-index .main-container, /*cms-index-noroute .main-container,*/ .catalog-product-view .main-container { margin-top:0px;} .cms-index-index .main-container { margin-top:-10px;} /*.col-main{margin-bottom:1.5em;} .main-container{padding-bottom:1.5em; width:100%;} */ /* Form Elements */ input,select,textarea,button { font: 400 13px/18px 'Open Sans', sans-serif; vertical-align:middle; color:#484849; } input.input-text,select{height:34px; line-height:34px;} input.input-text,select,textarea { background:#fff; border:1px solid #dedfe1; } input.input-text,textarea { padding:0 5px; } select { padding:1px 1px 1px 3px; height:34px;} select option { padding-right:10px; } select.multiselect{height:auto;} select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; margin-top:0;} input.checkbox { margin-right:3px; } input.qty{width:1.5em!important;} button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span{ border-radius: 0; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/newsletterbtn.jpg) left top repeat-x; font-weight: 600; color: #000 !important; text-transform: uppercase; font-size: 14px; font-family: 'Open Sans', sans-serif; float:left; text-align:center; white-space:nowrap; /* -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; */} button.button span span { height: auto; background:none; border:none; padding:8px 20px 10px; font-weight:600; color:#000;} button.button:hover span{background-color:#aeaeae;} button.btn-checkout span {} button.btn-checkout.no-checkout {} .home-block-wrapper button.btn-big span{ height:60px; padding:0 0 0 25px; -moz-border-radius:5px; border-radius:5px; background-color:#444; } .home-block-wrapper button.btn-big span span{ font-size:15px; padding:21px 25px 0 0; text-transform:uppercase; height:39px; font-weight:bold; } .my-wishlist .buttons-set .btn-share span, .my-wishlist .buttons-set .btn-add span, .cart .shipping button.button span, .cart .discount button.button span, .cart-table .buttons-row .buttons button.button.btn-update span, .cart-table .buttons-row .buttons button.button.btn-clear span{ background-color:#777; } .my-wishlist .buttons-set .btn-share:hover span, .my-wishlist .buttons-set .btn-add:hover span, .cart .shipping button.button:hover span, .cart .discount button.button:hover span, .cart-table .buttons-row .buttons button.button.btn-update:hover span, .cart-table .buttons-row .buttons button.button.btn-clear:hover span{ background-color:#444; } p.control input.checkbox, p.control input.radio { margin-right:6px; } p.control input.checkbox { margin-top:-4px;} /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list{margin:1.75em 0 0;} .form-list li { margin:0 0 0.75em; } .customerservice-index-ordered form-list li { margin:0 0 0; } .cms-page-view .form-list li.control { margin:0px 0 25px; } .customer-account-create .form-list li.control { margin:0px 0 20px; } .form-list label { float:left; color:#000000; font-weight:normal; position:relative; z-index:0; margin-bottom:3px; text-transform:uppercase; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#FF0000; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; margin-top:-1px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; position:relative; } .form-list .field { float:left; width:324px; padding:0 0 5px; } .form-list input.input-text { width:303px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:310px; } .form-list li.wide .input-box { width:558px; padding-bottom:5px; } .form-list li.date .input-box img { float:none !important; margin:0 0 0 -38px !important; position:relative !important;} .form-list li .input-box img.v-middle { float:right; margin:-25px 0 0 -38px; position:absolute; right:0px; cursor:pointer;} .input-box #invoice_date { background:none;} .form-list li.wide input.input-text { width:626px; } .form-list li.wide textarea { width:627px; } .form-list li.wide select { width:677px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:125px; } .form-list .name-middlename input.input-text { width:104px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:199px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:175px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:0.42em 0 0; padding:5px; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; margin-left: 5px; } .buttons-set p.required { margin:0 0 0.42em; } .buttons-set-order {} .fieldset { border:1px solid #E6E6E6; background:#fefefe; padding: 0 26px 1.5em 21px; margin:15px 0 0; } .newsletter-manage-index .fieldset {padding: 9px 26px 6px 21px} .cms-international .international-fieldset { margin-top:30px;} .fieldset .legend{font: 100 24px/20px 'museo-slab',serif !important; float:none; font-weight:normal; /* border:1px solid #E6E6E6;*/ color:#000; margin:5px -27px 1em -22px; padding:18px 20px; position:relative; text-transform:uppercase; width:auto; display:block; } .contacts-index-index .fieldset .legend { margin: 5px -27px 0em -22px; padding-bottom: 5px;} .cs-info {font-size: 14px;padding-top: 30px;padding-bottom: 8px;} .cs-info a { color:#000; text-decoration:underline;} .cs-info a:hover {text-decoration:none;} .customer-account-edit .legend { position:inherit !important;} /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { /*border:1px dashed #f00 !important; */background:#faebe7 !important; } .validation-passed {} p.required { font-size:12px; text-align:right; color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; overflow:hidden;} .messages { position: absolute; top: -147px; width: 100%; z-index: 9 } .cms-index-index .messages {top: -3px;} .currentuser .messages { top: 0px;} .customer-account-create .messages { top: 0px;} .customerservice-index-index .messages {position: inherit;top: -5px;} .customerservice-index-ordered .messages { position: inherit;top: -5px;} .contacts-index-index .messages {top: -15px;} .main-container .catalog-product-view .messages { top: -147px;} .cms-general .messages { top: -31px;} .messages { z-index: 33 } .messages a:hover { color:#fff;} .my-account .messages {top: -5px;} .cart-empty .messages {top: -18px;} .messages li { margin:0; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/messages_markers.png); background-position:0 0; background-repeat:no-repeat !important; padding:13px 15px 11px 58px !important; font-size:15px !important; font-weight:normal!important; line-height:1.53em; color:#000; } .success-msg li a:hover { color:#fff;} .error-msg {background-color:#fac600; background-position:12px -151px;} .success-msg {background-color:#fac600; background-position:12px 8px;} .note-msg, .notice-msg {background-color:#fac600; background-position:12px -74px;} ul.i-am-new { list-style:none !important; margin:0 !important; padding:0 !important; width:100%; overflow:hidden; } ul.i-am-new li { text-align: center; border-style:solid; border-width:1px; border-top: 0px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/messages_bg.png) center top repeat-x; padding:8px 9px 7px 69px!important; font-size:1.09em!important; text-transform:uppercase; font-weight:normal!important; } ul.i-am-new li.warning { border-color:#ffc237; background-color:#ffeaa8; color:#a76200; } ul.i-am-new li.error { border-color:#8b0000; background-color:#f70000; color:#fff; } ul.i-am-new li.success { border-color:#50c24e; background-color:#8be68b; color:#1a761a; } .cms-general .messages a:hover { color: #323232; } /* BreadCrumbs */ .breadcrumbs-wrapper{padding:0 0 2em;} nav.breadcrumbs { text-align:left; float:none; position:relative; font-size:14px; } nav.breadcrumbs li { display:inline; } nav.breadcrumbs li span{margin:0 5px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/breadcrumbs_divider.gif) center 8px no-repeat;} nav.breadcrumbs li a{text-decoration:none;} nav.breadcrumbs li a:hover{text-decoration:underline;} nav.breadcrumbs li strong{} .catalog-product-view .breadcrumbs-wrapper, .catalog-category-view .breadcrumbs-wrapper{padding-bottom:1.5em;} .catalog-product-view nav.breadcrumbs li span, .catalog-category-view nav.breadcrumbs li span{background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/list_breadcrumbs_divider.gif) center 8px no-repeat;} .catalog-product-view nav.breadcrumbs li a, .catalog-product-view nav.breadcrumbs li strong, .catalog-category-view nav.breadcrumbs li a, .catalog-category-view nav.breadcrumbs li strong{color:#fff;} .catalog-product-view nav.breadcrumbs li a, .catalog-category-view nav.breadcrumbs li a{padding:0.36em 8px;} .catalog-product-view nav.breadcrumbs li a:hover, .catalog-category-view nav.breadcrumbs li a:hover{text-decoration:none;} .catalog-category-view .col-main .page-title, .catalog-category-view .col-main .category-description.std{display:none;} /* Page Heading */ .page-title { margin:0 0 1.16em; } .page-title h1, .page-title h2 { font-size:2em; line-height:1.5em; font-weight:bold; text-transform:uppercase; padding:0; margin:0; color:#444; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; } /* Pager */ .toolbar .pager {} .toolbar .pager .amount { display:block; float:left; padding:0; margin:0; } .toolbar .pager .pager-box{display:none;} .sorter .pager {float:right;} .pager .pages { float:right; } .pager .pages strong {display:none;} .pager .pages ol {display:inline;} .pager .pages li {display:inline-block; padding:0 7px; line-height:36px;color:#494949;font-size:18px; } .pager .pages li.current { background:#aeaeae; color:#fff; padding:0px 13px; -moz-border-radius:18px; border-radius:18px;} .pager .pages li a{text-decoration:none; color:#494949;} .pager .pages li a.i-previous{ overflow:hidden; width:8px; height:auto; display:inline-block; text-indent:-86px; margin:0 -6px; padding:6px 7px 5px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/page_p_arrow.png) left 14px no-repeat; } .pager .pages li:hover a.i-previous{/*background-position:0 0;*/} .pager .pages li a.i-next{ overflow:hidden; width:8px; height:auto; display:inline-block; text-indent:-50px; margin:0 -6px; padding:6px 7px 5px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/page_arrow.png) left 14px no-repeat; } .pager .pages li:hover a.i-next{/*background-position:7px -12px;*/} .pager .pages strong {font-weight:normal;} .pager .pages li, .pager .pages li a{ -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .pager .pages li:hover, .pager .pages li:hover a{color:#fac600; cursor:pointer;} .pager .pages img { position:relative; top:-2px; margin-left:2px; } /* Sorter */ .sorter {padding:12px 0 0;} .sorter .view-mode { float:left; display:none; overflow:hidden; padding:0; margin:0 9px 0 0; } .sorter .view-mode label {display:none;} .sorter .view-mode .grid, .sorter .view-mode .list{ float:left; width:25px; height:25px; padding:0; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/view_icons.gif); background-position:8px 8px; background-repeat:no-repeat; background-color:#b5b5b5; margin-right:4px; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; -moz-border-radius:15px; border-radius:15px; -moz-transition:-moz-border-radius 300ms ease; -webkit-transition:border-radius 300ms ease; -o-transition:border-radius 300ms ease; transition:border-radius 300ms ease; } .sorter .view-mode strong.grid{} .sorter .view-mode a.grid:hover{-moz-border-radius:0; border-radius:0;} .sorter .view-mode .list{ background-position:-28px 8px; } .sorter .view-mode strong.list{} .sorter .view-mode a.list:hover{-moz-border-radius:0; border-radius:0;} .sorter .sort-by { float:left; line-height:36px; width:56%; } /* Listing Page Toolbar =============================================================================== */ .sorter .sort-by .amount { width:42%;} .sorter .sort-by p.amount span { background:#aeaeae; color:#fff; font-size:18px; padding:6px 13px; -moz-border-radius:18px; border-radius:18px; } .sorter .sort-by label {margin-right:11px; float:left;} .sort-by .SelectField{ background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 120px 15px no-repeat; width:140px; height:36px; float:left; overflow:hidden; padding:0; -moz-border-radius:18px; border-radius:18px;} .sorter .sort-by select {font-family: 'Open Sans', 'sans-serif';background:none; border:0px; font-size:14px;width:160px; margin:-3px 9px 0;cursor:pointer; color:#494949;} .sort-by .SelectField select option{ padding:5px; /*border-top:solid 1px #DEDFE1;*/} /*.sorter .sort-by select { height:21px; width:78px; margin-right:8px; margin-top:2px; float:left; font-size:12px; color:#7b7b7b; } */.sorter .sort-by a{padding:0; display:block; width:17px; height:17px; margin-top:3px; float:left; background-color:#dedede;} .sorter .sort-by .asc{background-position:0 0; background-repeat:no-repeat; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/i_asc.gif); display:none;} .sorter .sort-by .desc{background-position:0 0; background-repeat:no-repeat; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/i_desc.gif); display:none;} .sorter .sort-by a:hover{background-position:0 -17px;} .sorter .link-feed {} .sorter .limiter { float:left; } .sorter .limiter label { margin-right:11px;line-height:36px; float:left; } .sorter .limiter .SelectField{ background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 50px 15px no-repeat; width:70px; height:36px; float:left; overflow:hidden; padding:0; -moz-border-radius:18px; border-radius:18px;} .sorter .limiter select {font-family: 'Open Sans', 'sans-serif';background:none; border:0px; font-size:14px;width:90px; margin:0px 9px 0;cursor:pointer; color:#494949;} .sorter .limiter select option{ padding:5px; /*border-top:solid 1px #DEDFE1;*/} .sorter .limiter ul{float:left;} .sorter .limiter ul li{float:left; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/toolbar_links_divider.gif) right 8px no-repeat;} .sorter .limiter ul li.last{background:none;} .sorter .limiter ul li a{display:block; padding:0.63em 12px;} .sorter .limiter ul li a:hover, .sorter .limiter ul li a.selected{color:#fff;} /* Toolbar */ .toolbar { width:auto; padding:0 0 2px 0; font-size:12px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/dot_line.png) left bottom repeat-x; margin-bottom:19px; font-family: 'Open Sans', 'sans-serif'; color:#494949; } .toolbar .i-right-previous-item{display:none!important;} .toolbar-bottom .sorter{display:block;} /* Data Table */ .data-table { width:100%; margin:0.75em 0;} .data-table th { padding:1.33em 0.6em; border:1px solid #e6e6e6; font-size:1em; line-height:1.5em; font-weight:normal; white-space:nowrap; text-align:center; color:#605d5d; background:#efefef; } .data-table td { padding:.5em 1.5em; /*border:1px solid #e6e6e6; */} .data-table thead {} .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even {} .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; } .data-table td.value {} .data-table a.product-image { display: block; width: 150px; padding:0; background-color:#f8f6f6;} .data-table .product-name { font-size: 1em; text-transform: none; font-weight: normal;} .data-table .product-name a{ font-size: 1.33em; line-height:1.5em; text-transform: none; font-weight: normal; text-transform:uppercase; color:#000;} .data-table .cart-label { font-size: 1.09em; font-weight: bold; padding-right: 7px; display: none; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:none; padding-left:0; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:none; padding-left:0; } .std ol { list-style:none; } .std ul ul { list-style-type:none; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:block; float:left; padding-left:28px;} .links li a{text-decoration:none; padding-left:2px; line-height: normal; display:block; float:left;} .links li a:hover{text-decoration:none;} .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:normal; color:#8a8a8a; } .link-cart:hover{} .link-wishlist { font-weight:normal;} .link-reorder { font-weight:bold; } .link-compare { font-weight:bold; } .link-print { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; width:15px; height:15px; font-size:0; line-height:0; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/btn_remove.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; background-color:#dedede; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .btn-remove:hover{background-position:0 -53px;} .btn-remove2 { display:block; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/btn_trash.gif) 0 1px no-repeat; padding-left:22px; margin-top:0.75em; color:#8a8a8a; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/btn_edit.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } /*.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:20px 0; background:#ddd; text-indent:-999em; overflow:hidden; }*/ .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:15px 0; background:none; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Meigee Widgets ======================================================================== */ /* Widget: Latest Twets */ .tweet_list{padding-top:0; padding-bottom:0;} .tweet_list li{padding-bottom:18px;} .tweet_list li.tweet_last {padding-bottom:0;} .tweet_list li a.tweet_avatar { background: #fff; border: 1px solid #DEDEDE; float: left; margin: 0 5px 0 0 } /* Widget: Social Links */ .block-social{width:100%; overflow:hidden;} ul.social-links { overflow:hidden; float:right; margin-right:0; margin-top:5px; } ul.social-links li { float:none; padding:0 1px 0 0!important; } ul.social-links li a { display:block; width:30px; height:30px; text-decoration:none; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/social_icons.png); background-position:0 0; background-repeat:no-repeat; background-color:#dedede; -moz-border-radius:15px; border-radius:15px; -moz-transition:background-color 800ms ease; -webkit-transition:background-color 800ms ease; -o-transition:background-color 800ms ease; transition:background-color 800ms ease; } ul.social-links li a:hover{text-decoration:none;} ul.social-links li a.twitter{background-position:-30px top;} ul.social-links li a.twitter:hover{background-position:-30px -41px;} ul.social-links li a.rss{background-position:-186px top;} ul.social-links li a.rss:hover{background-position:-186px -41px;} ul.social-links li a.facebook{background-position:left top;} ul.social-links li a.facebook:hover{background-position:left -41px;} ul.social-links li a.googleplus{background-position:-93px top;} ul.social-links li a.googleplus:hover{background-position:-93px -41px;} ul.social-links li a.linkedin{background-position:-62px top;} ul.social-links li a.linkedin:hover{background-position:-62px -41px;} ul.social-links li a.vimeo{background-position:-155px top;} ul.social-links li a.vimeo:hover{background-position:-155px -41px;} ul.social-links li a.youtube{background-position:-124px top;} ul.social-links li a.youtube:hover{background-position:-124px -41px;} /* //Social Links */ /* Header ================================================================================ */ header#header {padding: 0;margin: 0;position: fixed;width: 100%;z-index: 99;} /*header.fancybox-margin { position:relative !important;}*/ header#header .top-header-block{ background-color:#323232;/* height:70px;*/} header#header .links {float:left;} header#header .dealer-login {float:left;padding:10px 15px 0.75em 18px;} header#header .links li, header#header .dropdown-links { padding:10px 15px 0.75em 18px;display:none; /* margin:1.75em 0; border-left:1px solid #dedede; */} header#header .links li a, header#header .dealer-login .top-link-login {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/dealer_login_icon.png) left top no-repeat !important;padding:0 0 0 28px; color:#ECECEC; line-height:1.5em; position:relative;} header#header .top_account ul li a { color: #1F1F1F;} header#header .links li a .link-marker, header#header .dropdown-links .dropdown-links-title .link-marker{ width:25px; height:25px; position:absolute; left:0; top:-3px; display:none; -moz-border-radius:15px; border-radius:15px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/login_marker.png); background-position:8px 7px; background-repeat:no-repeat; } header#header .links li a.top-link-login, header#header .links li a.top-link-logout{display:block;} header#header .dropdown-links{float:left; position:relative; display:block;} header#header .dropdown-links span{ font-family: 'Open Sans', Arial, sans-serif;} header#header .dropdown-links .dropdown-links-title{cursor:default;background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/dealer_login_icon.png) left top no-repeat !important;padding:0 0 0 28px; color:#ECECEC; line-height:1.5em; position:relative;} header#header .dropdown-links .dropdown-links-title .link-marker{ background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/account_marker.png); background-position:8px 7px; background-repeat:no-repeat; } header#header .top_account {float:left; display:block;cursor:pointer;line-height:1.5em; position:relative; margin:10px 20px 0 0;} header#header .top_account a { color:#fac600; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/myaccount_downarrow.png) right 6px no-repeat !important;padding:0 19px 0 0;} header#header .top_account a:hover { color:#fff; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/myaccount_downarrow_h.png) right 6px no-repeat !important;} header#header .top_account ul li.first { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/my_account_icon.png) 2px 11px no-repeat !important;} header#header .top_account ul li.top-link-past-order { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/past_order.png) 2px 11px no-repeat !important;} header#header .top_account ul li.top-link-change-password {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/change_password.png) 2px 11px no-repeat !important;} header#header .top_account ul li.top-link-customer-service {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/customer_services.png) 2px 11px no-repeat !important;} header#header .top_account ul li.top-link-edit-profile { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/edit_profile_icon.png) 2px 11px no-repeat !important;} header#header .top_account ul li.top-link-saved-items { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/saved_items.png) 2px 11px no-repeat !important;} header#header .top_account ul li.last{ background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/blog_icon.png) 2px 11px no-repeat !important; border:none !important;} header#header .top_account .links {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/myaccount_toparrow.png) right top no-repeat; padding-top:12px; width:162px; float:left; position:absolute; top:12px; right:-10px; z-index:999999; display:none; } header#header .top_account ul{ float:none; padding:9px; background-color:#FFF; font-family: 'Open Sans', 'sans-serif'; -moz-box-shadow:0px 1px 2px #CCCCCC, 0 0 0 #CCCCCC; -webkit-box-shadow:0px 1px 2px #CCCCCC, 0 0 0 #CCCCCC; box-shadow:0px 1px 2px #CCCCCC, 0 0 0 #CCCCCC; } header#header .top_account li{display:block; float:none; padding:0!important; margin:0 !important; border-bottom:1px solid #cccccc !important;} header#header .top_account li a {float:none; line-height:40px; padding:0; font-size:12px; color:#494949; background:none !important;} header#header .top_account li a:hover{text-decoration:none;color:#fac600;background:none !important;} header#header .top_account li a.top-link-logout{margin-left:0!important; margin-top:0;} header#header .top_account li a.top-link-logout .link-marker{display:none;} /*header#header .top-header-block .grid_12 .dropdown-links li.last, header#header .top-header-block .grid_12 .dropdown-links li.last a{background:none!important;} */ /* Header Save LINK ================================================================================ */ header#header .top_logout {float:left;border-left: 1px dotted #ececec;float: left; margin: 12px 0 0 0px; padding: 0 15px;} /*==========================================*/ header#header .logo { text-decoration:none; overflow:hidden; float:left; } header#header h1.logo{margin:19px 0 19px;} header#header .logo strong{ position:absolute; top:0; left:-120px; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } header#header .nav-container{float:left;} header#header .header-block-2-wrapper{ background-color:#eff2f2; height:80px; zoom: 1; } header#header .quick-access{} header#header .welcome-msg{ display:none;text-align:left; float:left; font-size:0.91em; line-height:1.45em; padding-top:1.45em; padding-bottom:1.27em;} header#header .form-search {float:right; margin-top:22px;/* margin:0.75em 0 0.75em 0; padding:0 18px 0 0; border-right:1px solid #cfcfcf;*/ } header#header .form-search .indent{ position:relative; border:none; height:36px; background-color:#fff; -moz-transition:width 300ms ease; -webkit-transition:width 300ms ease; -o-transition:width 300ms ease; transition:width 300ms ease; } header#header .form-search label{display:none;} header#header .form-search input{ background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/top_search_button1.png") no-repeat scroll 8px center #FFFFFF; border-radius:0; border-style: none; color: #808080; float: left; font-family: 'Open Sans',sans-serif; font-size: 12px; height: 26px; padding: 5px 5px 5px 35px; width: 190px; -moz-transition:width 300ms ease; -webkit-transition:width 300ms ease; -o-transition:width 300ms ease; transition:width 300ms ease; } header#header .form-search:hover .indent, header#header .form-search.focus .indent{/*width:161px;*/} header#header .form-search:hover input, header#header .form-search.focus input{/*width:143px*/;} header#header .form-search button{/*width:11px; height:12px; margin-top:3px; float:right; overflow:hidden; background-position:0 0; background-repeat:no-repeat; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/top_search_button.png);*/} header#header .form-search button span{display:none;} header#header .form-search .search-autocomplete { z-index:999; left:0 !important; width:100%; top:41px; } header#header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; padding:0 5px 2px; } header#header .form-search .search-autocomplete li { padding:3px; cursor:pointer; } header#header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } header#header .form-search .search-autocomplete li.selected {} /* Header Save LINK ================================================================================ */ header#header .wishlist-save { float:right; position:relative; z-index:9; margin:0px; display:block; -moz-border-radius:30px; border-radius:30px; padding:0px 15px; background-color:#5f554b; cursor:pointer; } header#header .wishlist-save a { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/new_catlog_icon.png") left 11px no-repeat;display:block; padding-left:22px; text-transform:uppercase; height:34px; line-height:34px; } header#header .wishlist-save a.save-btn {background:none; padding-left:0; } header#header .wishlist-save a.save-btn:hover {background:none; padding-left:0; } header#header .wishlist-save a:hover { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/new_catlog_icon_h.png") left 11px no-repeat; color:#000; } header#header .wishlist-save.active, header#header .wishlist-save:hover { color:#000000 !important;background: #fac600 url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/new_catlog_icon_h.png") 15px 11px no-repeat;} header#header .wishlist-save:hover a { color:#000000 !important; background:none;} header#header .wishlist-save:hover a.save-btn { background: #fac600; background-image:none;} header#header .wishlist-save .wishlist-count { padding:0 0 0 5px ;} /* Header Cart ================================================================================ */ header#header .top-cart{ float:right; position:relative; z-index:9; margin:0px 0 0; display:block; -moz-border-radius:30px; border-radius:30px; padding:0 10px; background-color:#5f554b; cursor:pointer; } header#header .top-cart .block-title{font-size:0.91em; line-height:1.45em;} header#header .top-cart .block-title a:hover {color:#000; } header#header .top-cart .block-title .title-cart{} header#header .top-cart .block-title .cart-marker{ margin-top:1px; width:21px; height:32px; float:left; z-index:9; margin-right:10px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/carticon.png); background-position:5px 12px; background-repeat:no-repeat; color:#FFFFFF; } header#header .top-cart.active .block-title .cart-marker{background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/carticon_h.png) left top no-repeat; color:#000;} header#header .top-cart .block-title a {float:left; margin-top:0px; height:34px; line-height:34px; display:block; color:#FFFFFF; text-transform:uppercase; font-size:12px; } header#header .top-cart:hover .block-title a { color:#000;} header#header .top-cart:hover .block-title .cart-marker, header#header .top-cart.active .block-title .cart-marker {background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/carticon_h.png); color:#000;} header#header .top-cart.active .block-title .cart-marker{background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/carticon_h.png) left top no-repeat; color:#000;} header#header .top-cart.active, header#header .top-cart:hover {background-color:#fac600;color:#000;} header#header .top-cart .block-title a span {} header#header .top-cart .block-title a strong.amount {} header#header .top-cart .inner button { line-height:18px; letter-spacing:0px; text-shadow:none!important; height:36px;} header#header .top-cart .block-title a.active, header#header .top-cart .block-title a:hover, header#header .top-cart .close-btn {color:#000;} header#header .top-cart .block-content { z-index:999; position:absolute; right:0; top:34px; width:275px; padding:10px 0 0px; background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/mini_cart_arrow.png") top right no-repeat; /* -webkit-box-shadow: 0 0 5px 0 #3D3D3D; box-shadow: 0 0 5px 0 #3D3D3D;*/ -moz-box-shadow: 0px 1px 2px #3D3D3D; -webkit-box-shadow: 0px 1px 2px #3D3D3D; box-shadow: 0px 1px 2px #3D3D3D; } header#header .top-cart .recently-added { background: #aeaeae; font-size: 14px; font-weight: 400; color: #fff; line-height: 35px; height:35px; padding: 0px 10px 0px 20px; text-transform:uppercase; } .top-cart .recently-added h2 {float: left; font-weight:bold; font-size: 14px; line-height: 35px; margin: 0; width: 85%;} .top-cart .recently-added .close-button { display:none; float: right; width: 15px; height: 15px; margin-top:10px; padding-top: 0px; text-align: left; overflow: hidden; cursor: pointer; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/mini_cart_close.png) no-repeat 0 0; position: relative; z-index: 1; text-indent:-999em; min-width:0px; } header#header .top-cart .cart-empty { padding:15px;background:#fff; color:#000;} header#header .top-cart .block-content .mini-products-list { clear:both; background:#fff;border-bottom:1px solid #f0f0f0; } header#header .top-cart .block-content .mini-products-list .product-image{ float:left; } header#header .top-cart .block-content .mini-products-list .product-details { cursor:default; float:right; width:130px; position:relative; } header#header .top-cart .block-content .mini-products-list .product-details .price{} header#header .top-cart .block-content.active { } header#header .top-cart .block-content .block-subtitle { padding:0 0 0 0;} header#header .top-cart .block-content .block-subtitle .close-btn { float:right; cursor:pointer; padding:0;} header#header .top-cart .block-content .subtotal {text-align:center; float:left; color:#000; text-transform:uppercase; float:left;background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn2_arrow.png) left bottom no-repeat; padding-bottom:11px; margin-top:21px;} header#header .top-cart .block-content .subtotal a {background: #fac600 !important;font-weight: normal;color: #000 !important; font-size:11px; padding:3px 9px;} header#header .top-cart .block-content .subtotal:hover { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn1_arrow.png) left bottom no-repeat;} header#header .top-cart .block-content .subtotal:hover a {background: #aeaeae !important;color: #fff !important;} .cart .shipping .buttons-set button { margin:0 0; } header#header .top-cart .block-content .subtotal span{padding-top:0; display:inline-block; font-size:1.5em; line-height:1.44em; font-weight:normal;} header#header .top-cart .block-content .subtotal .price{font-size:1.5em; line-height:1.44em; color:#000; font-weight:bold;} header#header .top-cart .block-content .right{} /*header#header .top-cart .block-content .right .inner {width:140px;} */header#header .top-cart .block-content .right .inner button { border-radius: 2px; width: 140px; padding: 7px 22px 11px; margin:15px 15px 9px 0; background: #ff0000 url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/newsletterbtn.jpg) left top repeat-x; font-weight: bold; color: #000 !important; text-transform: uppercase; font-size: 14px; font-family: 'Open Sans', sans-serif; } header#header .top-cart .block-content .right .inner button:hover { background:#AEAEAE;} header#header .top-cart .block-content .right .inner button:hover span{background:#AEAEAE !important; color:#000;} header#header .top-cart .block-content .right .inner a{display:block; float:none; text-transform:uppercase; color:#ddd;} header#header .top-cart .block-content .actions{padding:0 0 0 19px; background:#f0f0f0;} .top-cart .block-content .actions .subtotal-messages {padding:0 10px 0 0; color:red;} header#header .top-cart .block-content .actions a{text-decoration:none; position:relative; z-index:9999;} header#header .top-cart .block-content .actions a:hover{text-decoration:none; color:#fff;} header#header .top-cart .block-content button.button{float:none; position:relative; top:-3px;} header#header .top-cart .block-content button.button span{padding:0; height:auto;} /*header#header .top-cart .block-content button.button span span{ padding:0 11px 0 0; font-size:1.5em; line-height:1.44em; text-transform:uppercase; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/top_cart_button_marker.png); background-position:right 8px; background-repeat:no-repeat; -moz-transition:color 300ms ease; -webkit-transition:color 300ms ease; -o-transition:color 300ms ease; transition:color 300ms ease; } */header#header .top-cart .block-content button.button:hover span{background-color:transparent!important; color:#ddd;} header#header .top-cart .mini-products-list li { padding:10px 0; margin:0 0 0 15px; overflow:hidden; clear:both; width:240px;border-bottom:1px solid #f0f0f0; } header#header .top-cart .mini-products-list li.last { border:none;} header#header .top-cart .product-links { float:left; width:20px; margin-right:14px;} .top-cart .btn-remove { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/mini_cart_edit.png") no-repeat scroll 0 0 transparent; display: block; height: 16px; overflow: hidden; cursor:pointer; margin-bottom:32px; } .top-cart .btn-edit { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/mini_cart_edit.png") 0 -25px no-repeat; display: block; height: 17px; overflow: hidden; cursor:pointer; width:20px; } .top-cart .btn-remove:hover { background-position: -19px 0px;} .top-cart .btn-edit:hover { background-position:-19px -25px;} header#header .top-cart .mini-products-list li.last{border-bottom:none;} header#header .top-cart .product-image { float:left; width:65px; height:65px;} header#header .top-cart .product-name {margin-bottom:0; padding-right:0px; line-height:16px;} header#header .top-cart .product-name a {font-size:12px; line-height:22px; text-transform:uppercase; color:#000;} header#header .top-cart .short-name {font-size:12px; line-height:20px;color:#000;} header#header .top-cart .product-name a:hover{ color:#fac600;} header#header .top-cart .product-box, header#header .top-cart .qty-count, header#header .top-cart .product-box span {font-size:12px; line-height:22px; color:#575757 !important;} header#header .top-cart .price{} header#header .top-cart a:hover {} header#header .top-cart button.button{} header#header .top-cart button.button span { display:block; float:none;} header#header .top-cart .cart-totals { background:#fff; text-align:center; height:44px; line-height:44px; font-size:14px; text-transform:uppercase;} header#header .top-cart .cart-totals span { color:#000;} /* styles for select */ .sbHolder{ font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; height: 20px; position: relative; width: auto; } .sbSelector{ display: block; height: 25px; left: 0; outline: none; overflow: hidden; /*position: absolute;*/ text-indent:0; top: 0; margin-top:0; color:#8a8a8a; } .sbSelector span.text{float:left; width:auto; height:auto; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/top_selects_marker.gif) right 8px no-repeat; padding:0 8px 0 0; margin:0; } .sbSelector > span{display:block; float:right; width:16px; height:12px; margin:0 0 0 6px; padding:3px 5px; background-color:rgba(0, 0, 0, 0.2);} .sbSelector > span span{display:block; height:12px;} .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ outline: none; text-decoration: none; } .sbToggle{ display: none; height: 20px; outline: none; position: absolute; right: 0; top: 0; width: 30px; } .sbToggle:hover{ } .sbToggleOpen{ } .sbToggleOpen:hover{ } .sbHolderDisabled{ background-color: #3C3C3C; border: solid 1px #515151; } .sbHolderDisabled .sbHolder{ } .sbHolderDisabled .sbToggle{ } .sbOptions{ list-style: none; right: 0; margin: 0; padding:3px 0 0; position: absolute; top: 18px!important; width: 110px; z-index: 999; overflow-y: auto; background-color:rgba(0, 0, 0, 0.2); } .sbOptions li{ padding: 0 5px 0 8px; } .sbOptions li:hover{} .sbOptions li:first-child a{border-top:none;} .sbOptions a{ display: block; outline: none; padding:3px 20px 3px 0; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; color:#605d5d; } .sbOptions a:link, .sbOptions a:visited{ color: #605d5d; text-decoration: none; } .sbOptions a:hover{color:#fff;} .sbOptions li.last a{ border-bottom: none; } .sbOptions .sbDisabled{ border-bottom: solid 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; } .sbOptions .sbGroup{ border-bottom: solid 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; } .sbOptions .sbSub{ padding-left: 17px; } /* Header Slider */ .header-block-2-wrapper{position:relative; z-index:8; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.4); box-shadow:0 3px 5px rgba(50, 50, 50, 0.4);} .header-slider-container{ background-position:center bottom; background-repeat:no-repeat; position:relative; top:-48px; margin-bottom:-48px; z-index:7; } .header-slider-container.header-slider > .container_12, .header-slider-container.header-slider > .container_12 > .grid_12, .header-slider-container.header-slider > .container_12 > .grid_12 > .border-box{margin-left:auto; margin-right:auto; width:100%;} .header-slider-container .container{ /* defaults for resposive height container */ position: relative; width: 100%; /* 39% being the ratio we are maintaining * calculated by looking at the image * ratio: 400/1024 = ~0.39 */ padding:0; } .header-slider-container.header-slider .container{height:585px;} .header-slider-container .iosSlider { width: 100%; /* this height ends up being your maximum height, * if you want it to scale forever, set it to * a very high number */ height:1500px; } .header-slider-container .iosSlider .slider { width: 100%; height:100%; position:relative; z-index:99; } /* .header-slider-container .iosSlider .arrs{z-index:98;} */ .header-slider-container .iosSlider .slider .item { position: relative; float: left; width: 100%; height:585px; } .header-slider-container .iosSlider .slider .item a { display: block; position:relative; z-index:7;} .header-slider-container .iosSlider .slider .item .desc-box{ width:100%; height:160px; position:absolute; left:0; bottom:18%; z-index:999; overflow:hidden; } .header-slider-container .iosSlider .slider .item .product-img-holder{ margin-left:-504px; left:50%; bottom:0; height:100%; } .header-slider-container .iosSlider .slider .item .slider-product-img{ position:absolute; bottom:26px; right:-50%; opacity:0; filter: alpha(opacity:0); z-index:9999; } .header-slider-container .iosSlider .slider .item .desc-box .inner{ position:absolute; width:100%; height:100%; left:0; z-index:999; bottom:-100%; } .header-slider-container .iosSlider .slider .item .item-title{ position:absolute; margin-left:-504px; left:50%; top:0; opacity:0; filter: alpha(opacity:0); z-index:999; color:#434343; font-size:2em; line-height:1.5em; text-transform:uppercase; font-weight:100; } .header-slider-container .iosSlider .slider .item .info-box{ position:absolute; right:42%; bottom:800px; opacity:0; filter: alpha(opacity:0); width:80px; height:80px; z-index:99999; background-color:rgba(68, 68, 68, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC444444,endColorstr=#CC444444); zoom: 1; -moz-border-radius:45px; border-radius:45px; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .header-slider-container .iosSlider .slider .item .info-box .price-box{ margin:0; float:left; position:absolute; left:14px; top:31px; -moz-transition:opacity 300ms ease; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease; } .header-slider-container .iosSlider .slider .item .info-box .price-box .price{ color:#fff; font-size:1.15em; font-weight:normal; } .header-slider-container .iosSlider .slider .item a img { width:100%; height:auto; display:block; position:relative; z-index:7; } .header-slider-container .iosSlider .slider .item h2{ position: absolute; z-index:9999; top:12%; left: 50%; font-size:2.16em; line-height:1.5em; font-weight:bold; color:#fff; text-align:left; text-transform:uppercase; margin-left:-504px; } .header-slider-container .iosSlider .slider .item h3{ position: absolute; z-index:9999; top:32%; left: 50%; color:#fff; font-size:1.41em; line-height:1.52em; font-weight:bold; text-transform:uppercase; text-align:left; margin-left:-504px; } .header-slider-container .iosSlider .slider .item p{ position: absolute; z-index:9999; top:54%; left: 50%; color:#ddd; font-size:1em; line-height:1.5em; font-weight:normal; text-align:left; margin-left:-504px; } .header-slider-container .iosSlider .slider .item p span{padding-right:50%; display:block;} .header-slider-container .iosSlider .container_12{position:relative;} .header-slider-container .iosSlider .slider #item2.item .item-title span{ display:block; padding-left:42%; } .header-slider-container .iosSlider .slider #item2.item .info-box{left:31%; right:auto;} .header-slider-container .iosSlider .slider #item2.item h2 span{ display:block; padding-left:42%; } .header-slider-container .iosSlider .slider #item2.item h3 span{ display:block; padding-left:42%; } .header-slider-container .iosSlider .slider #item2.item p span{ padding-left:42%; padding-right:0; display:block; } .header-slider-container .iosSlider .slider item.image-left .slider-product-img{right:auto; left:-20%;} .header-slider-container .iosSlider .slider #item3.item .info-box{right: 44%;} .img-box { display: inline !important;} .header-slider-container .container_12.arrs{ top:0; height:100%; position:absolute; left:50%; margin-left:-504px; } .header-slider-container .prev, .header-slider-container .next{ width:60px; height:60px; position:absolute; top:26%; margin-top:0; opacity:0; background-color:rgba(68, 68, 68, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33444444,endColorstr=#33444444), alpha(opacity=0); zoom: 1; -moz-border-radius:30px; border-radius:30px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/sliders_arr.png); background-position:0 0; background-repeat:no-repeat; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; z-index:99999; } .header-slider-container:hover .prev, .header-slider-container:hover .next{opacity:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33444444,endColorstr=#33444444), alpha(opacity=100);} .header-slider-container .prev{ left:-150px; background-position:24px 23px; } .header-slider-container .prev:hover{background-position:24px -21px;} .header-slider-container .next{ right:-150px; background-position:-73px 23px; } .header-slider-container .next:hover{background-position:-73px -21px;} /* Header Slider 2 */ .header-slider-container.header-slider-2{ padding:30px 0 40px; background-color:#f5f5f5; top:0; margin-bottom:0; } .header-slider-container.header-slider-2 .border-box{ border:5px solid #fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); } .header-slider-container.header-slider-2 .container_12.arrs{margin-left:0; left:auto; width:100%;} .header-slider-container.header-slider-2 .container_12.arrs .prev{left:-10%; top:40%;} .header-slider-container.header-slider-2 .container_12.arrs .next{right:-10%; top:40%;} .header-slider-container.header-slider-2 .iosSlider{height:445px!important;} .header-block-wrapper{padding:45px 0 28px;} .header-block-wrapper .left{width:30%;} .header-block-wrapper h2{font-size:6em; line-height:1.05em; color:#333; font-weight:100; margin-bottom:48px;} .header-block-wrapper p{font-size:1.5em; line-height:1.44em;} .header-block-wrapper a{float:right;} header#header .nav-container select{display:none!important;} header#header .nav-container .sbHolder{display:none;} header#header .nav-container .sbSelector{display:none;} /* Header Navigation */ .menu-button{display:none;} #nav{ position: relative; z-index:10; clear:both; padding:0; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; font-size:14px; font-weight:normal; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; text-transform:uppercase; } #nav > li > a > span{ padding:0 25px 0; border-right:none; } #nav > li.last > a > span{border:none;} #nav > li.last.over > a > span, #nav > li.last.active > a > span {padding-right:25px;} #nav > li.parent > a > span{ background:none; } #nav li ul a span { white-space:normal;} /* 1st Level */ #nav li{float:left;} #nav li a{ float:left; padding:31px 0; line-height:18px; font-weight:normal; color:#1f1f1f; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } #nav li a:hover{color:#1f1f1f !important; background:#fac600;} #nav > li.over > a { background:#fac600 !important;} #nav li.over a, #nav li.active a{color:#fff;} #nav > li.over > a, #nav > li.active > a{} #nav > li.over > a > span, #nav > li.active > a > span{border:none; padding-left:25px; background-position:center bottom;} /*#nav > li.first > a > span { padding-left:0px;}*/ #nav > li.first > a:hover > span {} #nav > li.last.active > a > span{ padding:0 25px 0;} #nav li.last > a {border-bottom:none;} /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:82px; left:-10000px; background:#fff; padding:1em 20px; z-index:999999; } #nav > li > ul, #nav > li > div{box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);} #nav div ul { position:static; width:auto; border:none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top:7px; } #nav ul li { float:none; clear:both;} #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:0.42em 13px 0.42em 0; font-weight:normal; color:#777777 !important; border-bottom:1px solid #dedede;} #nav ul li a:hover { color:#000000!important; text-decoration:none; } #nav ul li.active > a, #nav ul li.over > a{color:#000000!important; padding-left:13px;} #nav ul li a span { font-size:13px; text-transform:none; /* padding-left:11px;*/ background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/menu_sub_marker.png); background-position:0 8px; background-repeat:no-repeat; } #nav ul li ul li a span { padding-left:0px; } #nav ul li.active > a span, #nav ul li.over > a span{background-position:0 -22px;} /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:99999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Wide Navigation > */ .nav-wide#nav { position: static;} .nav-wide#nav li.tech { width:189px;} .nav-wide#nav li.nav-static-block { padding-left:30px; padding-top:0.42em; width:439px!important; } .nav-wide#nav li.nav-static-block a{border:none!important;} .nav-wide#nav li.nav-static-block .menu-text-block{ float:left; left:0; top:0; text-indent:0; position:relative; padding:0; width:270px; } .nav-wide#nav li.nav-static-block .menu-text-block h2{ text-transform:uppercase; color:#444; font-size:1.5em; line-height:1.44em; font-weight:bold; margin-bottom:0; } .nav-wide#nav li.nav-static-block .menu-text-block h3{ font-size:1.33em; line-height:1.5em; margin-bottom:0.6em; } .nav-wide#nav li.nav-static-block .menu-img{float:right; background:none!important;} .nav-wide#nav li.nav-static-block a.nav-fix { height: 0; line-height: 0;} .nav-wide#nav li.nav-static-block a.cat-thumb { background-color: #fff; padding: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); float: left; margin-right: 20px; } .nav-wide#nav li.nav-static-block a.cat-thumb:hover { padding: 4px;} .nav-wide#nav li.nav-static-block h3 { font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 400; } .nav-wide#nav li.nav-static-block p { font-size: 12px; padding-bottom: 18px; } .nav-wide#nav li.nav-static-block button.button { margin-left: -5px;} /* All Levels */ .nav-wide#nav li { position: static; clear:none; padding-left:0; background: none;} /* 2nd Level */ .nav-wide#nav ul.level0, .nav-wide#nav .static-wrapper {width:98%; top:80px; padding:10px; z-index:99999;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/menubg.png);} .nav-wide#nav ul.level0 li { float: left; width:25%; list-style:none;} .nav-wide#nav ul.level0 li a { margin-right: 5px;margin-bottom: 5px; width: 220px; border: 1px solid #C3C5C4; height: 140px; display: block; padding: 10px 5px; text-align: center; font-size: 14px; color: #494949; font-family: 'Open Sans', sans-serif; } .nav-wide#nav ul.level0 > li > a:hover{ border: 1px solid #FAC600;background: #FAC600;font-weight: 700;transition: all 1s; -webkit-transition: all 1s; text-transform:uppercase;} .nav-wide#nav ul.level0 > li > a > span { background:none;text-align: center; float: left;width: 220px;font-size: 14px; text-transform:capitalize;} .nav-wide#nav ul.level0 > li > a > span .category_image { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); left: 0;position: static;top: 0;width: auto;} .nav-wide#nav ul.level0 .over .category_main { display:none;} .nav-wide#nav ul.level0 .over .category_hover { display:block!important;} .nav-wide#nav ul.level0 li a .category_main { display:block;} .nav-wide#nav ul.level0 li a .category_hover { display:none;} .nav-wide#nav ul.level0 li a:hover img{ filter: brightness(200%); -webkit-filter: brightness(200%); -moz-filter: brightness(200%); -o-filter: brightness(200%); -ms-filter: brightness(200%); } /* 3nd Level */ .nav-wide#nav ul.level0 li.tech > ul{padding-left:0;} .nav-wide#nav ul.level0 ul {width:auto; position: relative; left:0; border:none; background: none; padding: 0 17px 9px 17px;} .nav-wide#nav ul.level0 ul li {float:none; border:none;} .nav-wide#nav ul.level0 ul li a{display:block;} .nav-wide#nav ul li.parent > a {} .nav-wide#nav ul .level1 > li.last a{border-bottom:none;} /* ======================================================================================= */ /* Sidebar =============================================================================== */ aside.sidebar section { margin:0 0 12px; } aside.sidebar section:first-child{ margin-right:-5px!important; padding-right:5px; position:relative; /*background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/sidebar_block_shadow.png) right top no-repeat;*/ } /*aside.sidebar section:first-child header h2{color:#fff;} aside.sidebar section header { padding:1.16em 14px; background-color:#ededed; } aside.sidebar section header h2{ margin-bottom:0; text-transform:uppercase; color:#444; font-size:1.33em; line-height:1.5em; }*/ aside.sidebar section .block-content { padding:0 20px; background:#fff; } aside.sidebar.accordion .block-content { display: none; padding: 0.75em 0 1.83em 15px;} aside.sidebar.accordion .block-progress .block-content { display: block;} aside.sidebar section .block-content a{text-decoration:none;} aside.sidebar section .block-content .extra-characters { font-size:11px;} aside.sidebar section .block-content a:hover{text-decoration:none;} aside.sidebar section .block-subtitle{margin-bottom:0.42em;} aside.sidebar .btn-remove, aside.sidebar .btn-edit { float:right;} aside.sidebar .product-name{margin-bottom:0; font-size:1em; line-height:1.5em;} aside.sidebar .product-name a{text-decoration:none; color:#777; font-size:1em; line-height:1.5em; font-family: Arial, sans-serif;} aside.sidebar .product-name a:hover{text-decoration:none;} aside.sidebar .actions { text-align:right; width:110%; overflow:hidden; margin-top:0.75em;margin-bottom:0.75em; } aside.sidebar .actions a { float:left; text-decoration:none; font-weight:normal; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; width:32%; text-align:left;} aside.sidebar .actions a:hover{text-decoration:none;} aside.sidebar .empty {} /* Block: Account */ .block-account { margin-right:-5px!important; padding-right:5px; position:relative; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/account_sidebar_bg.png) right top no-repeat; } .block-account header{ background: #F9C500 url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/leftbgbtm.jpg)left bottom no-repeat; text-transform: uppercase; margin-bottom:0px;padding: 15px 20px 25px;} .block-account header h2 { background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/account_sidebar_marker.png) left 3px no-repeat;font: 400 18px 'Open Sans', sans-serif; padding:0 0 0 26px!important;color: #000; margin:0px;} /*.block-account header h2{ padding:0.93em 14px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/account_title_divider.png) left top repeat-y; }*/ .block-account li{ padding:11px 10px 11px 28px; font-size:12px; position:relative;border-bottom: 1px solid #CCCCCC;} .block-account li a {color:#494949 ;} /*.block-account li:hover { color:#fff !important;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png); display:block;} */.block-account li .current { background:none;} .block-account li:hover a { color:#fff !important;} .block-account li .marker{ position:absolute; left:5px; top:10px; width:15px; height:15px; background-color:#777; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/account_list_marker.png); background-repeat:no-repeat; background-position:5px 3px; } .block-account li:hover { color:#fff !important;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png);} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Vertical Nav */ /*aside.sidebar section.block-vertical-nav{} aside.sidebar section.block-vertical-nav header h2{} aside.sidebar section.block-vertical-nav .block-content li.level0 a{ text-decoration:none; display:block; background-position:0 8px; background-repeat:no-repeat; padding-left:12px; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; } aside.sidebar section.block-vertical-nav .block-content li.level0 a:hover{background-position:0 -132px;} aside.sidebar section.block-vertical-nav .block-content .closed-default{padding-left:0px;} aside.sidebar section.block-vertical-nav .block-content li.level0 ul li, aside.sidebar section.block-vertical-nav .block-content > ul > li.level0 > a{ padding-left:11px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; } aside.sidebar section.block-vertical-nav .block-content > ul > li.level0 > a{ background-repeat:no-repeat; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; } aside.sidebar section.block-vertical-nav .block-content li.level0 > a{} aside.sidebar section.block-vertical-nav .block-content li.level0 > ul{padding-left:14px;} aside.sidebar section.block-vertical-nav .block-content li.level0 a:hover{} aside.sidebar section.block-vertical-nav .block-content li.level0 a:hover span{text-decoration:none;} aside.sidebar section.block-vertical-nav .block-content li.level0 ul{}*/ /* Block: Categories */ #categories-accordion li.level-top.parent { position:relative;} /*#categories-accordion li.level-top a.level-top{ text-decoration:none; padding:0.58em 5px 0.58em 25px!important; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/sidebar_block_links_divider.gif) left bottom repeat-x; }*/ #categories-accordion li.level-top.last > a.level-top{background:none;} #categories-accordion li.level-top a.level-top:hover span{text-decoration:none;} #categories-accordion li.level0 > a{} #categories-accordion li.level-top.parent .btn-cat { display:none; position:absolute; left:2px; top:7px; width:15px; height:15px; cursor:pointer; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/category_markers.png); background-position:4px 6px; background-repeat:no-repeat; background-color:#dedede; } #categories-accordion li.level-top.parent:hover .btn-cat{background-position:4px -30px;} #categories-accordion li.level-top.parent:hover .btn-cat{} #categories-accordion li.level-top.parent .btn-cat.closed{background-position:4px -60px;} #categories-accordion li.level-top.parent ul.level0 > li{padding-bottom:0.16em;} #categories-accordion li.level-top.parent ul.level0 {padding:5px 0; position:relative; zoom:1;} #categories-accordion li.level-top.parent ul.level0 li{padding-left:26px; background-position:17px 9px;} #categories-accordion li.level-top.parent ul.level0 li li{padding-left:14px; background-position:5px 9px;} #categories-accordion li.level-top.parent ul.level0 li a{ background-position:left 8px; background-repeat:no-repeat; text-decoration:none; font-size:1em; line-height:1.5em; padding-left:12px; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; } #categories-accordion li.level-top.parent ul.level0 li a:hover{background-position:left -132px;} #categories-accordion li.level-top.parent ul.level0 li a:hover span{text-decoration:none;} #categories-accordion.closed-default li.level-top.parent ul.level0 { display: none;} /* Block: Layered Navigation */ aside.sidebar section.block-layered-nav {} aside.sidebar section.block-layered-nav header h2{} aside.sidebar section.block-layered-nav .block-subtitle{margin-bottom:0.75em;} aside.sidebar section.block-layered-nav .currently {} aside.sidebar section.block-layered-nav .currently li{padding-bottom:3px;} aside.sidebar section.block-layered-nav .currently .value, aside.sidebar section.block-layered-nav .currently .label{float:left;} aside.sidebar section.block-layered-nav .btn-remove { float:left; margin:2px 3px 0 0; } aside.sidebar section.block-layered-nav dl dt{font-size:1em; line-height:1.92em; font-weight:normal; display:none;} aside.sidebar section.block-layered-nav dl dd a{text-decoration:none; display:block;} aside.sidebar section.block-layered-nav dl dd a:hover{text-decoration:none;} aside.sidebar section.block-layered-nav dl dd{padding-left:0; line-height:1.83em;} aside.sidebar section.block-layered-nav dl dd .price{font-size:1em; line-height:1.83em; color:#8a8a8a; font-family: Arial, sans-serif;} aside.sidebar section.block-layered-nav .btn-remove{float:right;} aside.sidebar section.block-layered-nav .actions{padding-bottom:20px; padding-top:0;} .block-layered-nav dl#layered_navigation_accordion dt { cursor:pointer; font-size:1.09em; line-height:1.53em; background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/sidebar_block_links_divider.gif") repeat-x scroll left bottom transparent; padding:0.58em 5px 0.58em 0; } .block-layered-nav dl#layered_navigation_accordion dt span{ padding-left:24px; display:block; } .block-layered-nav dl#layered_navigation_accordion dt.last{background:none;} .block-layered-nav dl#layered_navigation_accordion dt:hover span{background-position:0 -69px;} .block-layered-nav dl#layered_navigation_accordion dt.closed span{background-position:0 -135px;} .block-layered-nav dl#layered_navigation_accordion.closed-default dd { display: none; } .block-layered-nav dl#layered_navigation_accordion.closed-default dd ol{padding:0 0 0.42em; background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/sidebar_block_links_divider.gif") repeat-x scroll left bottom transparent;} .block-layered-nav dl#layered_navigation_accordion dd{} .block-layered-nav dl#layered_navigation_accordion dd li{padding-left:42px;} /* Block: Wishlist */ aside.sidebar section.block-wishlist { position: relative;} aside.sidebar section.block-wishlist .block-content{padding-top:1.5em;} aside.sidebar section.block-wishlist li.item{ width:100%; overflow:hidden; padding-bottom:1.16em; border-bottom:1px solid #dedede; padding:0.42em 0 1em; } aside.sidebar section.block-wishlist li.item .product-image{float:left; border:1px solid #e5e5e5; margin-top:0.42em; padding:0; background-color:#f8f6f6;} aside.sidebar section.block-wishlist li.item .product-details{width:63%; float:right;} aside.sidebar section.block-wishlist li.item .product-details .product-name{margin-bottom:0;} aside.sidebar section.block-wishlist li.item .product-details .product-name a{font-size:1em; line-height:1.5em; text-transform:none; color:#515151;} aside.sidebar section.block-wishlist li.item .product-details .price-box{float:left; margin-right:22px;} aside.sidebar section.block-wishlist li.item .product-details .price-box.map-info{float:none;} aside.sidebar section.block-wishlist li.item .product-details .price-box .price{font-size:1em; font-weight:normal;} aside.sidebar section.block-wishlist li.item .product-details .btn-remove{ margin:2px 5px 0; background:url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/btn_remove_3.gif") no-repeat scroll 0 0 transparent; height:7px; width:7px; } aside.sidebar section.block-wishlist li.item .product-details .btn-remove:hover{background-color:transparent!important;} aside.sidebar section.block-wishlist li.item button{float:right;} aside.sidebar section.block-wishlist li.item.last{padding-bottom:0;} aside.sidebar section.block-wishlist .link-cart{font-size:1em; float:left;} aside.sidebar section.block-wishlist .link-cart:hover{color:#515151;} aside.sidebar section.block-wishlist .actions{border-top:none;} aside.sidebar section.block-wishlist .actions a{color:#515151; font-size:1em; margin-top:0;} aside.sidebar .title-marker{display:none;} #wishlist-slider .es-carousel-wrapper{ position:relative; } #wishlist-slider .es-carousel{ overflow:hidden; min-height:75px; } #wishlist-slider .es-carousel ul.carousel-ul{ margin: auto } #wishlist-slider .es-carousel ul.carousel-ul > li{ float:left; display:block; } #wishlist-slider .es-carousel ul.carousel-ul > li a.product-image{ display:block; } #wishlist-slider .es-carousel ul.carousel-ul li a.product-image img{ display:block; border:none; max-height:none; max-width:none; } .block-wishlist .prev, .block-wishlist .next{ position: absolute; display: block; width:15px; height:15px; text-indent:9999em; overflow: hidden; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/small_arr.png); background-repeat:no-repeat; background-color:#dedede; -moz-transition:none; -webkit-transition:none; -o-transition:none; cursor:pointer; } .block-wishlist .prev, .block-wishlist .next{ opacity:0; filter:alpha(opacity=0); -moz-transition: opacity 300ms ease, background-color 300ms ease; -webkit-transition: opacity 300ms ease, background-color 300ms ease; -o-transition: opacity 300ms ease, background-color 300ms ease; transition: opacity 300ms ease, background-color 300ms ease; } .block-wishlist:hover .prev, .block-wishlist:hover .next{opacity:1; filter:alpha(opacity=100);} .block-wishlist .prev { right:24px; top:19px; background-position:5px 4px; } .block-wishlist .prev:hover{background-position:5px -13px;} .block-wishlist .next{ right:8px; top:19px; background-position:-42px 4px; } .block-wishlist .next:hover{background-position:-42px -13px;} /* Block: Block List */ .block-list{} .block-list .block-content{} .block-list li.item{ padding:0.42em 0; width:100%; overflow:hidden; background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/sidebar_block_links_divider.gif") repeat-x scroll left bottom; } .block-list li.item.last{background:none;} .block-list li.item:first-child{padding-top:0;} .block-list li.item .product-name a{font-size:1.09em; line-height:1.45em;} /* Block: Compare Products */ .block-compare {} .block-compare li.item {} .block-compare li.item:first-child{padding-top:0;} .block-compare li.item .product-name{float:left; width:87%;} .block-compare li.item .btn-remove{margin-top:0;} .block-compare .actions{} .block-compare .actions a{ float:left!important; position:relative; /*padding: 3px 32px 3px 28px;*/ padding: 3px 0px 3px 27px; font-size:0.91em; } .block-compare .actions a:hover{color:#777;} .block-compare .actions a span.marker{ padding:0; position:absolute; left:0; top:0; display:block; width:21px; height:21px; -moz-border-radius:15px; border-radius:15px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/clear_marker.png); background-position:0 0; background-repeat:no-repeat; background-color:#dedede; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .block-compare .actions a:hover span.marker{background-position:0 -71px;} .block-compare .actions button{float:right;} .block-compare .actions button{position:relative;} .block-compare .actions button span{ color:#777; font-size:1em; line-height:1.45em; padding:3px 0 3px 23px; background:none; height:auto; } .block-compare .actions button span.marker{ padding:0; position:absolute; left:0; top:0; display:block; width:21px; height:21px; -moz-border-radius:15px; border-radius:15px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/compare_marker.png); background-position:0 1px; background-repeat:no-repeat; background-color:#dedede; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .block-compare .actions button:hover span.marker{background-position:0 -49px;} /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll .block-content{} .block-poll .block-subtitle{font-weight:bold; padding:0 0 1em 8px;} .block-poll li { padding:3px 0 3px 10px; width:100%; overflow:hidden; } .block-poll label {} .block-poll input.radio { float:left; margin:2px 5px 0 0; } .block-poll .label { display:block; float:left; width:80%; } .block-poll .answer{float:left; width:100%;} .block-poll .answer span{display:block; width:115px;} .block-poll .votes{float:right; width:65px; margin-top:-1.5em;} .block-poll .actions{border-top:1px solid #8a8a8a; margin-top:1.5em; text-align:left!important; padding-left:9px;} .block-poll .actions button{float:none;} .block-poll .actions button{position:relative;} .block-poll .actions button span{ color:#777; font-size:1em; line-height:1.45em; padding:3px 0 3px 28px; background:none; height:auto; } .block-poll .actions button span.marker{ padding:0; position:absolute; left:0; top:0; display:block; width:21px; height:21px; -moz-border-radius:15px; border-radius:15px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/poll_marker.png); background-position:0 3px; background-repeat:no-repeat; background-color:#dedede; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .block-poll .actions button:hover span.marker{background-position:0 -73px;} /* Block: Tags */ aside.sidebar .block-tags .block-content{} aside.sidebar .block-tags ul, aside.sidebar .block-tags li { display:inline; } aside.sidebar .block-tags .actions{text-align:left;} aside.sidebar .block-tags .actions a{margin-top:0;} aside.sidebar .block-tags .actions a{ float:none; display:block; position:relative; padding: 4px 0 5px 28px; font-size:0.91em; } aside.sidebar .block-tags .actions a:hover{color:#777;} aside.sidebar .block-tags .actions a span.marker{ padding:0; position:absolute; left:0; top:1px; display:block; width:21px; height:21px; -moz-border-radius:15px; border-radius:15px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/tags_marker.png); background-position:0 0; background-repeat:no-repeat; background-color:#dedede; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } aside.sidebar .block-tags .actions a:hover span.marker{background-position:0 -73px;} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:0.42em 0; width:100%; overflow:hidden; } .block-reorder input.checkbox { float:left; margin:0.27em 0 0; } .block-reorder .product-name { margin-left:10px; float:left; width:80%; } .block-reorder .block-content .actions a{margin-top:6px;} /* Block: Banner */ .block-banner {} .block-banner .block-content { padding: 0; text-align:center; } /* Block: Login */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:0.75em 0 1.5em; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Category Page ========================================================================= */ .category-title{margin-bottom:0;} .category-title h1, .category-title h2{color:#fff;} .category-title.no-desc{margin-bottom:0;} .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; display:none; } .category-image img {} .category-description{margin:0 0 0.53em; min-height:32px; color:#f4f4f4; font-size:1.33em; line-height:1em; text-transform:uppercase;} .category-products {} span.label-new { position:absolute; left:0; top:0; width:52px; height:48px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/new01_small.png) 0 0 no-repeat; z-index:9; } .my-account .home-slider li span.label-new {top: 22px;} .my-account .home-slider li span.image-box { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/usa_small.png") no-repeat !important; height: 26px; right: 30px; top: 25px; width: 42px; position:absolute; z-index:222; } .catalog-product-view span.label-new-view { width:85px; height:78px;background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/new01.png) 0 0 no-repeat;z-index:9; position:absolute;left:0;top:0;} .catalog-product-view span.label-new { top:13px;} .catalog-category-view .wrapper-container, .catalog-product-view .wrapper-container{padding-top:150px; position:relative;} .catalog-product-view .breadcrumbs-wrapper, .catalogsearch-result-index .breadcrumbs-wrapper, .catalog-category-view .breadcrumbs-wrapper{position:absolute; z-index:4; width:100%; top:170px;} .catalog-product-view .category-wrapper, .catalog-category-view .category-wrapper { position:relative; margin-top:0px; z-index:3; background-position:center top; background-color:#FFF; background-repeat:no-repeat; } .catalog-product-view .category-wrapper .category-title { padding-top:54px; } .catalog-category-view .category-wrapper .category-title{ padding-top:77px; } .catalogsearch-result-index .category-wrapper .category-title { padding-top:77px; } .one-col-page .category-wrapper .prefix_3{padding-left:0;} .breadcrumbs-wrapper{} .catalog-product-view .sidebar, .catalog-category-view .sidebar{position:relative; margin-top:-129px; z-index:3;} .category-description { display:none;} .catalogsearch-result-index .note-msg { margin-top:20px;} .catalogsearch-result-index .accordion { margin-top:0px;} .catalogsearch-result-index .sidebar {position:relative; margin-top:-129px; z-index:3;} /* View Type: Grid */ .products-grid { clear:both; list-style:none !important; padding: 0 !important; margin: 0 ; position:relative; overflow:visible!important; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; padding:0 ; position:relative; margin-bottom:18px;} .products-grid .product-image { position:relative; display:block; padding:0; text-align:center; margin:0 0 14px; } .products-grid .product-image img{width:100%;} .products-grid .product-name{text-align:left; font-weight:700; font-size:14px; text-transform:uppercase;} .products-grid .product-name a {font-weight:600;} .products-grid .item p {text-align:left; font-weight:400; font-size:12px; text-transform:uppercase; line-height:16px; margin:0px;} .products-grid .item p.availability {text-align:left; font-weight:400; font-size:12px; text-transform:capitalize;} .products-grid .item p.out-of-stock span { background:#f0b310; padding: 0 2px;} .products-grid .item .price-box { clear:both; margin-top:10px; float:left; width:55%; } .products-grid .item .price-box span span { font-size:18px; color:#808080; font-weight:normal;font-family: 'Open Sans', Arial, sans-serif} .mini-products-list-related .out-of-stock, .mini-products-list-related .low-stock { color:#ff5e00 !important;} .products-grid .item .price-box .old-price {margin-top:-5px; } .products-grid .item .price-box .price-label { display:none;} .price-box .old-price .price { font-size:12px; color:#808080; line-height:14px; } .price-box .special-price .price { color: #000000; font-family: Open Sans; font-size: 18px; font-weight: normal; line-height: 18px;} .products-grid .info-box{ position:absolute; right:2px; top:2px; width:80px; height:80px; background-color:rgba(214, 214, 214, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6d6d6d6,endColorstr=#E6d6d6d6); zoom: 1; -moz-border-radius:45px; border-radius:45px; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .products-grid .info-box .price-box{ margin:0; float:left; position:absolute; left:14px; top:31px; width:53px; text-align:center; -moz-transition:opacity 300ms ease; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease; } .products-grid li.item .price-box .minimal-price{margin-left:-3px; margin-top:-8px;} .products-grid .info-box .details{ opacity:0; filter: alpha(opacity=0); position:absolute; left:5px; top:31px; color:#fff; text-transform:uppercase; font-size:1em; line-height:1.5em; -moz-transition:opacity 300ms ease; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease; cursor:pointer; } .products-grid .info-box .details a{color:#fff; padding:30px 13px 32px;} .products-grid li.item:hover .info-box{ background-color:rgba(32, 91, 145, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC205b91,endColorstr=#CC205b91); zoom: 1; } .products-grid li.item:hover .info-box .price-box{ opacity:0; filter: alpha(opacity=0); -moz-transition:opacity 100ms ease; -webkit-transition:opacity 100ms ease; -o-transition:opacity 100ms ease; transition:opacity 100ms ease; } .products-grid li.item:hover .info-box .details{ opacity:1; filter: alpha(opacity=100); } .products-grid .price-box .minimal-price-link{display:none;} .products-grid .price-box.map-info a{display:block;} .products-grid .ratings{float:none; margin:0 auto 6px; width:45px; padding-bottom:6px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/rating_border.gif) center bottom no-repeat;} .products-grid .ratings .rating-box{display:block; float:none; margin-bottom:0.42em; margin-right:0;} .products-grid .ratings .amount a{text-align:right; float:right;} .products-grid .availability {} .products-grid .actions{text-align:center;} .products-grid .actions button{} .products-grid .actions button span{ padding:0; background:none; height:auto; } .products-grid .actions button span span{ font-size:1.16em; line-height:1.57em; color:#777; padding-right:15px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/add_to_cart_button_marker.gif) right 7px no-repeat; } .products-grid .add-to-links {float:left; padding-right:12px; padding-bottom:1em;} .products-grid .add-to-links li { display:block; } .products-grid .add-to-links .separator { display:none; margin:0 2px; } .products-grid .grid-desc{padding-top:0.75em;} .catalog-product-view .products-grid .item .price-box { width:100%; } .catalog-product-view .products-grid .item .price-box span span { font-size: 16px;} /* View Type: List */ .products-list li.item { padding:0 0 4.5em; position:relative;} .products-list li.item.last { border-bottom:0; } .products-list .product-image { display:block; position:relative; text-align:center; border:1px solid #e5e5e5; padding:0; margin:0; } .products-list .product-shop {} .products-list .product-name {margin-bottom:1.16em;} .products-list .product-name a{font-weight:normal;} .products-list .price-box {margin:0 0 1em;} .products-list .price-box .price{font-size:2em; font-weight:100;} .products-list .minimal-price-link .price{font-size:1em;} .products-list .price-box.map-info a{display:inline-block; margin-top:5px;} .products-list .ratings{margin-bottom:0.75em;} .products-list .ratings .rating-box{float:none; margin-bottom:5px;} .products-list .ratings .rating-links{font-size:0.9em;} .products-list .availability { float:right; margin:0; padding:3px 0 3px 30px; font-weight:normal; color:#8a8a8a; font-size:0.91em; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/out_of_stock.png) left 3px no-repeat;} .products-list .desc { clear:both; padding:0; margin:0 0 1.83em; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links {float:left;} .products-list .add-to-links li { display:inline-block; margin-right:17px;} .products-list .add-to-links li a{} .products-list .add-to-links .separator { display:none; margin:0 2px; } .products-list button{float:left; margin-right:46px;} .products-list button span{padding:0!important; background:none!important;} .products-list button span span{ text-transform:uppercase; color:#777; font-size:1.16em; line-height:1.57em; padding-right:12px!important; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/add_to_cart_button_marker.gif) right 7px no-repeat!important; } .products-list li.item .product-img-box, .products-grid li.item .product-img-box {position:relative; display:block;} .products-list li.item .product-image span.image-box, .products-grid li.item .product-image span.image-box, .products-grid li.item .product-img-box span.image-box, .product-view .product-img-box span.image-box, .catalog-product-view span.image-box { position:absolute; width:42px; height:26px; right:10px; top:10px; opacity:1; z-index:2; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/usa_small.png) no-repeat!important; } .catalog-product-view span.image-box { width:35px; right: 25px; top: 20px; height:21px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/usa_small1.png) no-repeat!important; } .catalog-product-view .product-view .product-img-box span.image-box-view { width:75px; height:45px;position:absolute; right:10px; top:10px; opacity:1; z-index:2; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/usa.png) no-repeat!important;} .products-list .product-image .hover-box, .products-grid .product-image .hover-box{overflow:hidden; position:relative;} .products-list li.item:hover .product-image span.image-box, .products-grid li.item:hover .product-image span.image-box{opacity:0.8;} .products-list li.item .fancybox, .products-grid li.item .fancybox{position:absolute; left:0; top:12px; opacity: 0;} .products-list li.item:hover .fancybox, .products-grid li.item:hover .fancybox{position:absolute; left:10%; opacity: 1;} .products-grid.small-grid li.item .product-info-box{ position:absolute; width:47px; height:47px; right:5px; top:42%; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/info_bg.png) left top no-repeat; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; opacity: 0; } .products-grid.small-grid li.item:hover .product-info-box{right:61px; opacity: 1;} /* Small Grid */ .products-grid.small-grid li.item { float: left; margin-left: 0px; margin-right: 19px; } .products-grid.small-grid li.item.alpha { margin-left: 0 !important;} .products-grid.small-grid li.item.omega { margin-right: 0 !important;} .products-grid.small-grid li.item .grid-indent{padding:0;} .products-grid.small-grid .price-box{float:none; margin-bottom:5px;} .products-grid.small-grid .ratings{float:none;} .products-grid.small-grid .ratings .rating-box{float:none;} .products-grid.small-grid .ratings .amount{float:none;} .products-grid.small-grid .ratings .amount a{float:none;} .products-grid.small-grid li.item .fancybox{} .products-grid.small-grid li.item .add-to-links li { float: none; display: block;} .products-grid.small-grid li.item .add-to-links .separator{ display: none;} .products-grid.small-grid span.label-new{ position:absolute; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/label_new_small.png) 0 0 no-repeat; z-index:9; } .products-grid.small-grid .info-box{ width:60px; height:60px; } .products-grid.small-grid .info-box .price-box{top:22px; left:3px;} .products-grid.small-grid .info-box .price-box .price{font-size:1em;} .products-grid.small-grid .info-box .details{top:22px; left:0;} .products-grid.small-grid .info-box .details a{padding:15px 7px;} .products-grid.small-grid .product-name{font-size:1.09em;} /* Large Grid */ .products-grid.large-grid li.item { width:348px; float: left; margin-left: 15px; margin-right: 15px; } .products-grid.large-grid li.item.alpha { margin-left: 0 !important;} .products-grid.large-grid li.item.omega { margin-right: 0 !important;} .products-grid.large-grid li.item .grid-indent{padding:0;} .products-grid li.item .hover-image, .products-list li.item .hover-image { position:absolute; max-width:100%; left:0; top:0; opacity: 0; filter: alpha(opacity = 0); -webkit-transition:opacity 150ms ease; -moz-transition:opacity 150ms ease; -o-transition:opacity 150ms ease; -ms-transition:opacity 150ms ease; transition:opacity 150ms ease; } .products-grid li.item:hover span.hover-image, .products-list li.item:hover span.hover-image { opacity: 1; filter: alpha(opacity = 100);} /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:0.91em; line-height:1.25; margin:0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:2px 0 0; } .ratings .rating-links .separator { margin:0 2px; } .ratings .rating-links a{text-decoration:none;} .ratings .rating-links a:hover{text-decoration:none;} .ratings dt {} .ratings dd {} .rating-box { width:45px; height:7px; font-size:0; line-height:0; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:7px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:10px; margin-top:1px;} .ratings .amount {} .ratings-table{margin:0.75em 0 1.5em;} .ratings-table th, .ratings-table td { font-size:12px; line-height:1.15; padding:3px 0; } .ratings-table th { text-align:left; font-weight:normal; padding-right:8px; } .ratings-table .rating-box { width:45px; height:7px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/bkg_rating_2.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; margin-top:3px; } .ratings-table .rating-box .rating { height:7px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/bkg_rating_2.gif) 0 100% repeat-x; } /* Availability */ .availability { margin:0; } .availability.in-stock span {} .availability-only { margin:0 0 7px; } .availability-only a { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { white-space:nowrap !important; color:#575757; } .col-main .price{font-size:14px; line-height:1.53em;} .price-box {} .price-box .price { font-weight:bold; } /* Regular price */ .regular-price {} .regular-price .price { font-weight:normal; } /* Old price */ .old-price {} .old-price span{ display: inline-block; line-height:1em; } .old-price .price-label { white-space:nowrap; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price {} .special-price span{ display: inline-block; line-height:34px; } .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label{line-height:2.3em;} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .bundle-box{width:100%; overflow:hidden; margin-bottom:15px;} .price-box-bundle {} .price-box-bundle .price-label{line-height:2.4em;} .price-box-bundle .price-box{float:none; padding-right:15px!important;} /********** Product Prices > */ /* Tier Prices */ .tier-prices{padding:0 0 1.16em; color:#000;} .tier-prices .price { font-weight:normal; line-height:1.2em;} .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links {font-size:13px;} .add-to-links li { width:134px; height:25px; text-align:center; background:#aeaeae; text-transform:uppercase; margin-right:17px; } .product-bottom-box .add-to-links li.last { margin-right:0px;} .add-to-links li a{font-weight:normal; line-height:25px; color:#fff;padding-left:15px; display:block;} .add-to-links .separator { display:none; } .add-to-links li a.saved-later {position:relative;} .add-to-links li a.saved-later span.marker{ background:url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/save_icon.png") left top no-repeat; display:block; height:18px; left:35px; padding:0; position:absolute; top:5px; transition:background-color 300ms ease 0s; width: 21px; } .add-to-links li a.link-wishlist:hover span.marker{ background-position: 5px -24px; } .add-to-links li a.compare-product{position:relative;} .add-to-links li a.compare-product span.marker{ background:url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/compare_icon.png") left 1px no-repeat; display:block; height:18px; left:24px; padding:0; position:absolute; top:4px; transition:background-color 300ms ease 0s; width:21px; } .add-to-links li a.link-compare:hover span.marker{ background-position: 0 -49px; } .add-to-links li a.print-page {position:relative;} .add-to-links li a.print-page span.marker{ background:url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/print_icon.png") left 1px no-repeat; display:block; height:18px; left:33px; padding:0; position:absolute; top:4px; transition:background-color 300ms ease 0s; width:21px; } .add-to-links li:hover {background:#fac600; } .add-to-links li:hover a { color:#000; } .add-to-links li:hover {background:#fac600; } .add-to-links li:hover {background:#fac600; } .add-to-links li:hover a.compare-product span.marker{ background:url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/compare_price_icon.png") left 1px no-repeat;} .add-to-links li:hover a.print-page span.marker{ background:url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/print_page_icon.png") left 1px no-repeat;} .add-to-links li:hover a.saved-later span.marker{ background:url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/save_icon_h.png") left 1px no-repeat;} /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; margin-top:7px; display:none;} .add-to-cart .qty { float:left; margin-top:0; padding:0px 5px; font-size:14px; color:#777; width:20px; text-align:center;} .add-to-cart button.button { float:left; margin-left:15px; margin-top:4px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box {margin-bottom: 1.5em;} .add-to-box .add-to-cart { margin-top:15px; } .add-to-box .add-to-cart button{ float:right; margin-right:20px;} /*.add-to-box .add-to-cart button span{ padding:0; height:auto; background:none; } .add-to-box .add-to-cart button span span{ font-size:1.16em; color:#777; text-transform:uppercase; padding-right:12px; background:url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/add_to_cart_button_marker.gif") no-repeat scroll right 6px; }*/ .add-to-box .or { float:left; margin:7px 10px 0; } .add-to-box .add-to-links { float:left; } .add-to-box .add-to-links li{display:block;} .catalog-product-view .category-wrapper .grid_12{ display:none; padding-bottom:18px; padding-top:76px; } .catalog-product-view .category-wrapper .grid_12 h1{ font-size: 2em; font-weight: bold; line-height: 1.5em; margin: 0; padding: 0; text-transform: uppercase; color:#fff; } .product-view {position:relative; background:#eff2f2; z-index:3; margin-top:-100px;/* top:-100px;*/} .product-view > .product-name{margin:0.9em 0 3.93em;} .product-view > .product-name h2{ font-size:1.5em; line-height:1.5em; color:#fff; text-transform:uppercase; font-weight:bold; margin-bottom:0; } .product-view .product-prev, .product-view .product-next{ top:0; z-index:8; position: absolute; display: block; width:40px; height:40px; text-indent:100%; overflow:hidden; white-space: nowrap; background-image: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/slider_buttons_medium.png"); background-color:#dadada; background-position:0 0; background-repeat:no-repeat; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:0; cursor:pointer; -moz-border-radius:22px; border-radius:22px; background-position: 15px 14px; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .product-view .product-next .prev-next-divider{display:none;} .product-view .product-prev{ right:41px; } .product-view .product-prev:hover{ background-position: 15px -36px; } .product-view .product-next{ right:0; background-position: -61px 14px; } .product-view .product-next:hover{ background-position:-61px -36px; } .product-view .addthis_toolbox .addthis_button_pinterest_pinit{ clear:both; margin-top:18px; } .product-view .product-img-box .product-image .cloud-zoom img{width:100%;} .product-view .product-img-box #wrap{z-index:7!important; padding:0!important; background-color:#f8f6f6!important;} .product-view .bundled-price{display:none;} .product-view .product-shop .product-name{padding-bottom:0.75em; border-bottom:1px solid #989898;} .product-view .product-shop .product-box{padding-bottom:0;} .product-view .product-shop .product-box .ratings{float:left; margin-bottom:0.75em;} .product-view .product-shop .product-box .ratings .rating-box{margin-bottom:5px; margin-top:0; float:none; display:block;} .product-view .product-shop .product-box .ratings .rating-links{float:left; margin-top:0; font-size:0.91em;} .product-view .product-shop .product-box .ratings .rating-links a{display:inline;} .product-view .product-shop .product-box .ratings .rating-links .separator{display:inline;} .product-view .product-shop .product-box .no-rating{float:left; padding-top:5px;} .product-view .product-shop .product-box .availability{float:left; font-size:14px; padding:10px 0 5px 00px; color:#000 !important; text-transform:uppercase;} .product-view .product-shop p{margin-bottom:0;} .product-view .product-shop .price-box{padding:0; margin:0 0; font-size:1.28em; line-height:1.44em; float:left;} .product-view .product-shop .price-box .price{font-size:1.6em; line-height:1.5em; font-weight:normal;} .product-view .product-shop .short-description{padding:0 0 0;} .product-view .product-shop .short-description h2{display:none;} .product-view .product-shop .product-bottom-box{ padding:0 0 1.5em; border:none; /*margin-bottom:1.16em;*/ } .product-view .product-shop .product-bottom-box .add-to-links{float:left;} .product-view .product-shop .product-bottom-box .add-to-links li{display:inline-block; } .product-view .product-shop .product-bottom-box .email-friend{float:left;} .product-view .product-shop .product-bottom-box .email-friend a{ padding:3px 0 3px 28px; position:relative; } .product-view .product-shop .product-bottom-box .email-friend a span.marker{ background-color: #DEDEDE; background-image: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/mail_marker.png"); background-position: 6px 7px; background-repeat: no-repeat; border-radius: 15px 15px 15px 15px; display: block; height: 21px; left: 0; padding: 0; position: absolute; top: 0; transition: background-color 300ms ease 0s; width: 21px; } .product-view .product-shop .product-bottom-box .email-friend a:hover span.marker{background-position:6px -25px;} .product-view .write-review{margin-bottom:2.58em;} .product-view .write-review p{ display:block; font-style:italic; font-size:1.5em; line-height:1.44em; font-weight:100; margin-bottom:0.5em; } .product-view .product-type-block{border-bottom:none;}/*border-bottom:1px solid #E5E5E5;*/ .product-view .product-collateral{padding-top:3em;} .product-view .product-shop .email-friend{margin-bottom:0.83em;} .product-essential{padding-bottom:20px; position:relative;} .product-collateral .box-collateral{padding:0.75em 0 1.5em; margin-bottom:0; font-size:1em; line-height:1.5em;} .product-collateral .products-name { width:445px; } .product-collateral h2{margin-bottom:0; font-size:1.5em; font-weight:normal; } .review-product-list .product-image{border: 1px solid #DADADA;} .review-product-list .product-view .pager .limiter{padding:10px 0;} /* Add to cart and Cart/Wishlist Quantity decrease/increase buttons */ .my-wishlist input.quantity-decrease, .my-wishlist input.quantity-increase, .add-to-cart input.quantity-decrease, .add-to-cart input.quantity-increase, .cart-table input.quantity-decrease, .cart-table input.quantity-increase{ float: left; width:16px; height:16px; border:none; padding:0px; margin:10px 5px; text-indent:125%; overflow:hidden; white-space:nowrap; cursor:pointer; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/small_arr.png) left top no-repeat; background-repeat:no-repeat; background-color:#aeaeae; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .my-wishlist input.quantity-decrease, .cart-table input.quantity-decrease, .add-to-cart input.quantity-decrease{background-position:6px 4px; margin-left:0; margin-right:0;} .my-wishlist input.quantity-decrease:hover, .cart-table input.quantity-decrease:hover, .add-to-cart input.quantity-decrease:hover{background-position:6px -12px;} .my-wishlist input.quantity-increase, .cart-table input.quantity-increase, .add-to-cart input.quantity-increase{background-position:-41px 4px; margin-left:0;} .my-wishlist input.quantity-increase:hover, .cart-table input.quantity-increase:hover, .add-to-cart input.quantity-increase:hover{background-position:-41px -12px;} .cart-table .quantity-box input { border-radius:0 !important;} /* Product Zoom */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { overflow:hidden; top:0!important; margin:0 0 0 0; } .productpage_small .cloud-zoom-big{ width:100%!important; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } .parent-zoom img{ -webkit-transition-property: opacity; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; cursor: cell; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; border: 0; } .product-view .mousetrap{ height:100%!important; width:100%!important; } /* More Views */ .more-views{padding-top:1.5em; margin-right:-15px; margin-left:-15px; padding-left:15px; padding-right:15px; position:relative;} .more-views h2{display:none;} .more-views li { float:left; margin-left:0px; margin-bottom:0.75em;} .more-views #more-views-slider{min-height:100px;} .more-views #more-views-slider li a{margin-right:14px;} .more-views li a {padding:0; background-color:#f8f6f6; display:block; width:81px;} .more-views li a img{width:100%; } .more-views .no-slider li{margin:0 15px 9px 0;} .more-views li .video-thumb { height:81px !important;} .more-views li .video-thumb img { height:81px !important;margin-top:0 !important;} .video-gallery-links li a.video-thumb span { margin:24px 0 0 24px !important} .more-views-vedio {padding-top:1.5em; } .more-views-vedio h2 { padding-bottom:10px;} .productpage_small .more-views #more-views-slider li a{margin-right:14px; width:85px;} .productpage_large .more-views #more-views-slider{min-height:117px;} .productpage_large .more-views #more-views-slider li{width:112px;} .productpage_extralarge .more-views #more-views-slider{min-height:108px;} .productpage_extralarge .more-views #more-views-slider li a{width:89px; margin-right:14px;} .product-essential .product-image{position:relative;} .swathes-images .product-image a {cursor: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/magnifying.png"), auto;} .more-views .no-slider li a {cursor: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/magnifying.png"), auto;} .more-views .prev, .more-views .next{ position:absolute; display: block; width:32px; height:32px; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:0; cursor:pointer; z-index: 999; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/more_views_arr.png); background-repeat:no-repeat; background-color:rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCb84040,endColorstr=#CCb84040); zoom: 1; -moz-border-radius:17px; border-radius:17px; } .more-views .prev, .more-views .next{opacity:0; filter:alpha(opacity=0); -moz-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;} .more-views:hover .prev, .more-views:hover .next{opacity:1; filter:alpha(opacity=100);} .more-views .prev { left:0; top:58%; margin-top:-16px; background-position:12px 11px; } .more-views .prev:hover{} .more-views .next{ right:0; top:58%; margin-top:-16px; background-position:-52px 11px; } .more-views .next:hover{} /* Block: Related */ .block-related{position:relative;} .block-related header{} .block-related header h2{ border-bottom: 1px solid #DEDEDE; color: #444444; font-size: 1.33em; font-weight: normal; line-height: 1.5em; margin-bottom: 1.5em; padding: 0 0 0.87em; text-transform: uppercase; } .block-related .block-content{padding:0; overflow:hidden; width:100%;} .block-related .block-content .block-subtitle{padding-bottom:3.75em; margin-bottom:0;} .block-related .block-content .block-subtitle a{color:#000;} .block-related .price-box{margin-bottom:10px;} .block-related li.item{float:left; width:242px;} .block-related li.item .product{padding-right:30px; position:relative;} .block-related li.item .product-image{width:100%;} .block-related li.item .product-image img{width:100%; height:auto;} .block-related li .related-checkbox{position:absolute; right:0; top:0;} .block-related .product-image { display:inline-block; float:none; margin:0 auto 0.75em; } .block-content .mini-products-list li { width:91% !important; margin-top:20px;} .mini-products-list li a.product-image { float:left; width:75px !important; margin-right:11px; margin-bottom:10px;} .mini-products-list li .product-details { float:left; width:170px;} .mini-products-list li .product-details a { font-size:16px; text-transform:uppercase; color:#000;} .block-related .product-name {margin-bottom:0!important; border:none!important;} .block-related .product-name a{font-size:1em; line-height:1.5em;} .block-related .product .product-details { margin:0; position:relative; float:left; width:164px;} .block-related .product .product-details .product-name {float:none; padding-right:25px; margin-bottom:0.57em!important; font-size:14px; text-transform:uppercase; color:#808080;} .block-related .product .product-details input.checkbox {float:right;} .block-related .product .product-details .price-box {clear: both; float:none; margin-bottom:0.42em;} .block-related .product .product-details .price-box .price-label{font-size:1em; font-weight:normal; line-height:1.83em;} .block-related .product .product-details .price-box .price{} .block-related .product .product-details .link-wishlist{ font-weight: normal; line-height: 1.63em; padding: 3px 0 3px 28px; position:relative; text-indent:-10000px; display:block; } .block-related .product .product-details .link-wishlist span.marker{ background-color: #DEDEDE; background-image: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/wishlist_marker.png"); background-position: 5px 7px; background-repeat: no-repeat; border-radius: 15px 15px 15px 15px; display: block; height: 21px; left: 0; padding: 0; position: absolute; top: 0; transition: background-color 300ms ease 0s; width: 21px; } .block-related .product .product-details .link-wishlist:hover span.marker{ background-position: 5px -24px; } .block-related .info-box{ position:absolute; right:7px; top:-32px; width:80px; height:80px; background-color:rgba(214, 214, 214, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6d6d6d6,endColorstr=#E6d6d6d6); zoom: 1; -moz-border-radius:45px; border-radius:45px; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .block-related .info-box .price-box{ margin:0; float:left; position:absolute; left:14px; top:31px; -moz-transition:opacity 300ms ease; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease; } .block-related .info-box .price-box .price-from, .block-related .info-box .price-box .price-to{font-size:0.84em;} .block-related .info-box .price-box .price-from .price-label, .block-related .info-box .price-box .price-to .price-label{text-align:center; display:block;} .block-related .info-box .price-box .price-from .price, .block-related .info-box .price-box .price-to .price{font-size:1em;} .block-related .info-box .price-box .price-from{margin-top:-26px; margin-bottom:0;} .block-related .info-box .price-box .price-to{margin-top:-5px;} .block-related .info-box .price-box .minimal-price{ margin-left:-3px; margin-top:-8px; } .block-related .info-box .details{ opacity:0; filter: alpha(opacity=0); position:absolute; left:17px; top:31px; color:#fff; text-transform:uppercase; font-size:1em; line-height:1.5em; -moz-transition:opacity 300ms ease; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease; cursor:pointer; } .block-related .info-box .details a{color:#fff;} .block-related li.item:hover .info-box{ background-color:rgba(32, 91, 145, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC205b91,endColorstr=#CC205b91); zoom: 1; } .block-related li.item:hover .info-box .price-box{ opacity:0; filter: alpha(opacity=0); -moz-transition:opacity 100ms ease; -webkit-transition:opacity 100ms ease; -o-transition:opacity 100ms ease; transition:opacity 100ms ease; } .block-related li.item:hover .info-box .details{ opacity:1; filter: alpha(opacity=100); } .block-related ul {} .block-related #block-related-slider{height:322px; overflow:visible!important;} .block-related .prev, .block-related .next { position: absolute; display: block; width:40px; height:40px; z-index: 999; text-indent:100%; white-space: nowrap; background-position:0 0; background-repeat:no-repeat; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:0; cursor:pointer; background-color:#dadada; -moz-border-radius:22px; border-radius:22px; } .block-related .prev { right:41px; left:auto; top:-8px; background-position: 15px 14px; -moz-transition:background-color 300ms ease, opacity 300ms; -webkit-transition:background-color 300ms ease, opacity 300ms; -o-transition:background-color 300ms ease, opacity 300ms; transition:background-color 300ms ease, opacity 300ms; } .block-related .prev:hover{background-position: 15px -36px;} .block-related .next{ right:0; top:-8px; background-position: -61px 14px; -moz-transition:background-color 300ms ease, opacity 300ms; -webkit-transition:background-color 300ms ease, opacity 300ms; -o-transition:background-color 300ms ease, opacity 300ms; transition:background-color 300ms ease, opacity 300ms; } .block-related .next:hover{background-position:-61px -36px;} .block-related{} .block-related .prev, .block-related .next{ opacity:0; filter: alpha(opacity=0); background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/slider_buttons_medium.png); } .block-related:hover .prev, .block-related:hover .next{opacity:1; filter: alpha(opacity=100);} .block-related:hover .prev{} .block-related:hover .next{} /* Product Options */ .product-options { } .product-options dt label{font-weight:bold; color:#605d5d; font-size:0.91em;} .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; float:right; display:none; } dt label.required em { float:right;color:#f00;} .catalog-product-view dt label.required em { display:none;} .product-options-bottom { padding:0px; border:1px solid #e7e7e7; background-color:#fafafa; border-top:0; } .product-options-bottom .add-to-cart{padding-bottom:13px;} .product-options-bottom .price-as-configured .price-label{line-height:1.7em;} .product-shop .product-options-bottom .price-as-configured .price-label{line-height:2.5em;} .product-options-bottom .price-box { margin:0 0 14px; padding:0!important; font-size:1.28em; line-height:1.44em;} .product-options-bottom .add-to-cart label{display:none;} .product-options-bottom .add-to-cart button{margin-top:0;} .product-options-bottom .add-to-cart .paypal-logo{ padding-top:0.75em; text-align: left; } /* Grouped Product */ .product-view .grouped-items-table {} /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} /* Block: Upsell */ .product-view .box-up-sell {} .product-view .box-up-sell .products-grid li.item {width:121px; padding-bottom:1.5em;} .product-view .box-up-sell .products-grid .product-image{margin-bottom:9px;} .product-view .box-up-sell .products-grid .product-name{padding-bottom:0; border:none; text-align:left;} .product-view .box-up-sell .products-grid .product-name a{font-size:0.84em;} .product-view .box-up-sell .products-grid .price-box{float:none; margin-bottom:0.75em;} .product-view .box-up-sell .products-grid .price-box .price{font-weight:normal;} .product-view .box-up-sell .products-grid .ratings{margin:0; width:auto; background:none;} .product-view .box-up-sell .products-grid .ratings .rating-box{float:none; margin:0 0 5px;} .product-view .box-up-sell .products-grid .ratings .rating-links{text-align:left;} .product-view .box-up-sell .products-grid .ratings .rating-links a{display:block;} .product-view .box-up-sell .products-grid .ratings .rating-links .separator{display:none;} /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags h3{margin-bottom:5px;} .product-view .box-tags .product-tags{margin-bottom:10px;} .product-view .box-tags .product-tags li{padding-right:5px;} .product-view .box-tags .form-add label {display:block; margin-bottom:5px;} .product-view .box-tags .form-add .input-box { float:left; width:500px; margin:0 0 9px; } .product-view .box-tags .form-add input.input-text{width:96%; max-width:99%; padding: 6px;} .product-view .box-tags p { clear:both; margin-top:10px;} .product-view .box-tags ul.product-tags li { display: inline;} /* Block: Reviews */ .catalog-product-view .box-reviews {padding:1.5em 0 0.75em 0; background-color: #fff;} .catalog-product-view .box-reviews h2{ font-size:1.33em; font-weight:normal; line-height:1.5em; padding:0 0 0.87em; border-bottom:1px solid #dedede; text-transform:uppercase; margin-bottom:1.5em; color:#444; } .catalog-product-view .box-reviews .data-table{margin-top:1.5em;} .catalog-product-view .box-reviews .data-table thead{ background-color:#777777; } .catalog-product-view .box-reviews .data-table thead th { background:none; border:none;} .catalog-product-view .box-reviews .data-table thead th span{text-indent:100%; white-space:nowrap; overflow:hidden; width:41px; margin:0 auto; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/review_stars.png); background-repeat:no-repeat;} .catalog-product-view .box-reviews .data-table thead th span.one-star{background-position:center 3px;} .catalog-product-view .box-reviews .data-table thead th span.two-stars{background-position:center -34px;} .catalog-product-view .box-reviews .data-table thead th span.three-stars{background-position:center -70px;} .catalog-product-view .box-reviews .data-table thead th span.four-stars{background-position:center -104px;} .catalog-product-view .box-reviews .data-table thead th span.five-stars{background-position:center -136px;} .catalog-product-view .box-reviews .data-table th { text-align: left; background:none;} .catalog-product-view .box-reviews .data-table td { text-align: center; padding:1.16em;} .catalog-product-view .box-reviews .data-table td input.radio { margin: 0;} .catalog-product-view .box-reviews .data-table tbody th{padding:1.16em 1.16em 1.16em 2em; font-size:1em;} .catalog-product-view .box-reviews .form-add {} .catalog-product-view .box-reviews .form-add h3{font-size:1em; font-weight:normal;} .catalog-product-view .box-reviews .form-add h3 span{color:#000;} .catalog-product-view .box-reviews .form-add h4{font-weight:normal;} .catalog-product-view .box-reviews .form-add .form-list{margin-top:3em;} .catalog-product-view .box-reviews .form-add .form-list label{color:#777;} .catalog-product-view .box-reviews .form-add .form-list li{margin-bottom:0; padding:0 0 0.75em;} .catalog-product-view .box-reviews .form-add .form-list .input-box { width: 100%;} .catalog-product-view .box-reviews .form-add .form-list input, .catalog-product-view .box-reviews .form-add .form-list textarea { width: 97% !important; padding:6px;} .catalog-product-view .box-reviews .pager { overflow: hidden;} .catalog-product-view .box-reviews .pager .limiter { float: right;} .catalog-product-view .box-reviews ul li { padding:1.16em 0 1.16em 12px; margin-bottom:3em;} .catalog-product-view .box-reviews ul li.even { background-color: #fafafa;} .catalog-product-view .box-reviews ul li h6 { font-size: 1.16em; color: #777777; font-weight: bold; padding: 0; margin-bottom:0.92em; text-transform:uppercase;} .catalog-product-view .box-reviews ul li h6 a { font-size: 1em; color: #777777; font-weight: bold;} .catalog-product-view .box-reviews ul li small { display: block; margin-bottom: 0.83em; font-style: italic; font-size:0.91em;} .catalog-product-view .box-reviews ul li small span{padding-right:5px; color:#000;} .catalog-product-view .box-reviews ul.form-list li { padding: 0.75em 0 0.75em 0;} .catalog-product-view .box-reviews .form-add{margin-top:0;} .catalog-product-view .box-reviews .full-review{float:right; display:block; cursor:pointer;} /* Send a Friend */ .send-friend {} /* Product Collateral Accordion */ .product-collateral#collateral-accordion {margin-bottom:20px;} .product-collateral#collateral-accordion h2 { clear:both; padding-top:20px; font:400 20px/36px 'museo-slab',serif ; text-transform:uppercase; cursor: pointer; border-bottom: 1px dotted #a1a1a1; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/tab_close.png) right bottom no-repeat; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .product-collateral#collateral-accordion h2:hover, .product-collateral#collateral-accordion h2.active{color:#181d23;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/tab_open.png) right bottom no-repeat;} .product-collateral#collateral-accordion h2:first-child{margin-top:0;} .product-collateral#collateral-accordion .box-collateral{} #collateral-accordion.product-collateral .form-add h2 { background:none; font-size:18px; border:none;} #collateral-accordion.product-collateral .form-add .form-list .input-box { width:95%;} #collateral-accordion.product-collateral .form-add .form-list textarea { width:100%;} .product-collateral .form-add .form-list .input-box textarea { width:100%;} .product-dimensions h1 { clear:both; font-size:16px; font-weight:500; line-height:24px; text-transform:uppercase; margin-top:16px; float:left; width:100%;} .product-dimensions ul { list-style:none;} .product-dimensions li { font-size:14px; line-height:26px; color:#808080;} .product-dimensions li b { clear:both; font-weight: 600; width:50%; color:#494949; float:left;} .product-dimensions-first ul { list-style:none; margin-top:10px;} .product-dimensions-first ul li {font-size:16px; line-height:24px;} .product-dimensions-first li div { float:left; width:50%; color:#000000; text-transform:uppercase;font-weight:500;} .product-dimensions-first li div.detail { float:left;font-size:14px; line-height:20px; padding-bottom:4px;color:#808080;width:50%; text-transform:none;font-weight:400;} /* Meigee Tabs */ .meigee-tabs { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/tabs_bg.jpg) left top repeat-x #fafafa; border:1px solid #e9e9e9; width:auto; overflow:hidden; margin: 0!important; padding:0!important; } .meigee-tabs li{ float:left; list-style:none; height:25px; overflow:hidden; padding:1em 0; cursor:pointer; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .meigee-tabs li:hover, .meigee-tabs li.active{position:relative; margin-left:-1px; padding-left:1px;} .meigee-tabs li:hover a, .meigee-tabs li.active a{border-right:none; color:#fff; padding-right:24px;} .meigee-tabs li.first { border-left:0; } .meigee-tabs li.last { border-right:0; } .meigee-tabs a{ display:block; padding:3px 23px; font-size:1em; line-height:1.5em; border-right:1px solid #cfcfcf; font-weight:normal; position:relative; overflow:hidden; height:18px; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; } .meigee-tabs li.last a{border-right:none;} .meigee-tabs a:hover{color:#fff;} .meigee-tabs li.active a, .meigee-tabs li.active a:hover{ color:#fff; } .meigee-tabs-content{ padding:1.83em 32px 1.83em 25px; border:1px solid #e9e9e9; border-top:none; margin-bottom:2.58em; } .meigee-tabs-content h2 { display:none; } .meigee-tabs-content .box-collateral{padding: 0;} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name {font-weight:normal; margin-bottom:5px; font-size:1.33em; line-height:1.5em;} .product-name a {font-weight:normal; text-decoration:none; color:#444;} .product-name a:hover{text-decoration:none;} /* Product Tags */ .tags-list{margin:0;} .tags-list li { display:inline; } .tags-list li a{color:#8a8a8a; padding:0 5px;} .tags-list li a:hover{color:#000;} /* Advanced Search */ .advanced-search {} .advanced-search ul li label{float:none;} .advanced-search-amount {padding:10px 0 5px;} .advanced-search-summary {padding:10px 0 15px;} /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} .cms-home .meigee-tabs-content{padding-bottom:26px;} .cms-home .wrapper-container{padding-top:160px;} .cms-home .wrapper-container.one-col-page > .container_12{width:100%;} .cms-home .wrapper-container.one-col-page > .container_12 .main-container > .grid_12{width:100%; margin:0;} .cms-home .wrapper-container .std .page-title{ margin-bottom:2.34em; } .cms-home .wrapper-container .std .page-title h1{} .cms-home .wrapper-container .std .page-title h3{ color:#777; font-size:1.33em; line-height:1.5em; padding-bottom:0.75em; border-bottom:1px solid #dedede; text-transform:uppercase; font-weight:100; margin-top: -0.31px; margin-bottom:0; } .cms-home .wrapper-container .home-container-2{ padding-top:0.75em; } .cms-home .wrapper-container .home-container-2 .products-grid.widget-grid{margin-bottom:1.5em;} .home-container-2 .products-grid.widget-grid li.grid_3.item{width:215px;} .grid-text-box h2{color:#444; font-size:2em; line-height:1.5em; text-transform:uppercase; font-weight:bold; margin-bottom:0;} .grid-text-box h3{text-transform:uppercase; font-size:1.33em; line-height:1.5em; padding-bottom:0.875em; border-bottom:1px solid #e5e5e5; margin-bottom:0.875em; font-weight:normal;} .grid-text-box button span{ padding:0!important; background:none!important; height:auto!important; } .grid-text-box button span span{ font-size:1.16em; line-height:1.57em; color:#777; padding-right:15px!important; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/add_to_cart_button_marker.gif) right 7px no-repeat!important; } .grid-text-box button:hover span span{color:#777;} /*.popup-open-register { padding-top:0px;} .popup-open-register .main-container { margin-top:0px;} .cms-home .popup-open-register {padding-top:10px;}*/ /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px 0 0; } .page-sitemap .links a{text-decoration:none; position:relative; color:#8e8f91; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .page-sitemap .links a:hover{text-decoration:none; color:#aa2118;} .page-sitemap .sitemap { margin: 0.75em 12px 0.75em; } .page-sitemap .sitemap a {} .page-sitemap .sitemap li { margin:0.25em 0; } .page-sitemap .sitemap li.level-0 { margin:0.75em 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager .pages{padding-top:0;} .sales-guest-form .col-main .block-content .form-alt li{padding-bottom:9px; width:100%; overflow:hidden;} .sales-guest-form .col-main .block-content .guest-select{width:100%;} /* RSS */ .rss-title h1 { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} .cart .page-title h1{border-bottom:none; padding-top:5px;} .cart .cart-price .price{font-size:1.33em; line-height:1.5em;} /* Shopping Cart Accordion */ #cart-accordion h3.accordion-title { cursor: pointer; background:#F2F2F3; border:1px solid #D8D8DA; padding: 3px; margin-bottom: 1px; } #cart-accordion .accordion-content { padding:0; margin-bottom:0; } #cart-accordion .accordion-content h2, #cart-accordion .accordion-content h3 { display: none; } /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 0 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart ========================================================================= */ .cart {} .cart .page-title{margin-bottom:0;} /* Shopping Cart Accordion */ #cart-accordion h3.accordion-title{ cursor: pointer; padding: 0.75em 24px; margin-bottom:0; font-weight:normal; background:#fff; border:1px solid #dedede; border-bottom:none; font-size:1em; line-height:1.5em; color:#777; -moz-transition: background-color 600ms ease; -webkit-transition: background-color 600ms ease; -o-transition: background-color 600ms ease; transition: background-color 600ms ease; } #cart-accordion h3.accordion-title:hover, #cart-accordion h3.accordion-title.active{color:#fff;} #cart-accordion h3.accordion-title span{ -moz-transition: padding-left 300ms ease; -webkit-transition: padding-left 300ms ease; -o-transition: padding-left 300ms ease; transition: padding-left 300ms ease; } #cart-accordion h3.accordion-title:hover span, #cart-accordion h3.accordion-title.active span{} #cart-accordion .accordion-content { padding:0; } #cart-accordion .accordion-content h2 { } /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .checkout-types li { float:left; margin:0 0 0 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 0 8px 0; text-align:center; line-height:1.0; font-size:11px; } .cart .checkout-types li button > span{ display: block; text-transform: uppercase; text-decoration: none; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/register.jpg) left top repeat-x; float: none; width: 230px; height:50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .cart .checkout-types li button:hover span, .cart .checkout-types li button > span:hover {background:#aeaeae;} .cart .checkout-types li button span span{ padding:15px; font-size: 18px; color: #000000; background:none; } /* Shopping Cart Table */ .cart-table th{} .cart-table td{} .cart-table .link-wishlist, .cart-table .btn-remove2, .my-wishlist .btn-remove2, .cart-table .cart-edit, .my-wishlist .link-edit { background-color: #e6e6e6; background-image: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/wishlist_marker.png"); background-position: 11px 12px; background-repeat: no-repeat; -moz-border-radius:15px; width:36px; height:36px; margin-top:-5px; padding: 0; top: 0; transition: background-color 300ms ease 0s; text-indent:-10000px; margin-bottom:0.75em; float:left; } .cart-table .link-wishlist:hover{ background-position:11px -38px; } .my-wishlist .table-buttons { margin-top:5px;} .cart-table .cart-edit, .my-wishlist .link-edit { background-image: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/edit_marker.png"); background-position: 11px 11px; } .cart-table .cart-edit:hover, .my-wishlist .link-edit:hover{ background-position: 11px -38px; } .cart-table .btn-remove2, .my-wishlist .btn-remove2 { clear:both; background-image: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/trash_marker.png"); background-position: 11px 10px; } .cart-table .btn-remove2:hover, .my-wishlist .btn-remove2:hover{ background-position: 11px -36px; } .cart-table .item-msg { font-size:10px; } .cart-table .buttons-row .buttons button.button { margin-right: 9px;background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn1_arrow.png) left bottom no-repeat; padding-bottom:8px;} .cart-table .buttons-row .buttons button.button.btn-update, .cart-table .buttons-row .buttons button.button.btn-clear{float:left;} .cart-table .buttons-row .btn-continue{float:right; margin:0!important;} .cart-table .buttons-row .btn-continue > span{padding-left:10px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/shopping_btn_bg.png) left top no-repeat;} .cart-table .buttons-row .btn-continue span span{ height: 24px; padding-left: 15px; padding-top: 7px; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; } .cart-table .buttons-row .btn-continue:hover span{ background-position:0 -35px; } .cart-table .buttons-row .btn-continue:hover span span{ background-color:#444!important; } .cart-table .btn-continue{margin-right:5px;} .cart-table .quantity-box {width:73px; position:relative;} .cart-table .quantity-box .quantity-increase, .cart-table .quantity-box .quantity-decrease {border: medium none; cursor: pointer; height: 8px; overflow: hidden; padding: 0; text-indent:10px; white-space: nowrap; width: 8px; margin-left: 0; margin-right: 0; transition: background-color 300ms ease 0s;} .cart-table .quantity-box .quantity-decrease {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px 0px;position: absolute;right: 9px;top: -1px;} .cart-table .quantity-box .quantity-increase {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px -8px;position: absolute;right: 9px;top: 7px;} .cart-table .quantity-box .quantity-increase:hover { background-position: -8px -8px;} .cart-table .quantity-box .quantity-decrease:hover { background-position: -8px 0px;} .cart-table .quantity-box input.qty { width: 52px !important; height:30px !important; text-align:left;color: #595e6b;float: left;font-size: 14px;margin-top: 0 8px;padding:0 8px;} .cart-table .qty{ width: 34px !important; height:34px !important; border:1px solid #aeaeae; text-align:center; color: #595e6b; float: left; font-size: 14px; margin-top: 0; padding:0; } .cart-table tfoot td{background-color:#efefef; padding-right:0;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:0; margin-top:27px;} .cart .cart-collaterals .col2-set { float:left; width:700px; } .cart .crosssell{padding-top:4.25em;} .cart .crosssell h2{ font-size:2em; line-height:1.5em; color:#444; font-weight:bold; text-transform:uppercase; margin-bottom:0; } .cart .crosssell h3{ font-size:1.33em; line-height:1.5em; color:#777; text-transform:uppercase; font-weight:normal; margin-top:-5px; margin-bottom:1.5em; padding-bottom:0.57em; border-bottom:1px solid #dedede; } .cart .crosssell li.item { padding:0 0; margin-right:22px; } .cart .crosssell .product-image { display:block; margin-bottom:1.5em;} .cart .crosssell .product-details {} .cart .crosssell .product-details .product-name{border:none; margin:0; padding:0;} .cart .crosssell .product-details h3.product-name{text-transform:none!important;} .cart .crosssell .product-details h3.product-name a{ font-size:1em; line-height:1.5em; font-weight:normal; } .cart .crosssell li.item .price-box{margin-bottom:9px;} .cart .crosssell li.item .price-box .minimal-price{ margin-left:-2px; margin-top:-9px; position:relative; } .cart .crosssell .info-box .price-box .price-from, .cart .crosssell .info-box .price-box .price-to{font-size:0.84em;} .cart .crosssell .info-box .price-box .price-from .price-label, .cart .crosssell .info-box .price-box .price-to .price-label{text-align:center; display:block;} .cart .crosssell .info-box .price-box .price-from .price, .cart .crosssell .info-box .price-box .price-to .price{font-size:1em;} .cart .crosssell .info-box .price-box .price-from{margin-top:-26px; margin-bottom:0;} .cart .crosssell .info-box .price-box .price-to{margin-top:-5px;} .cart .crosssell .info-box .price-box .minimal-price{ margin-left:-3px; margin-top:-8px; } .cart .crosssell li.item button{margin-bottom:9px;} .cart .crosssell li.item button span{ padding:0; background:none; height:auto; } .cart .crosssell li.item button span span{ font-size:1.16em; line-height:1.57em; color:#777; padding-right:15px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/add_to_cart_button_marker.gif) right 8px no-repeat; } .cart .crosssell li.item .add-to-links li{display:block;} .cart .crosssell .info-box{ position:absolute; right:-15px; top:-19px; width:80px; height:80px; background-color:rgba(214, 214, 214, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6d6d6d6,endColorstr=#E6d6d6d6); zoom: 1; -moz-border-radius:45px; border-radius:45px; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .cart .crosssell .info-box .price-box{ margin:0; float:left; position:absolute; left:14px; top:31px; -moz-transition:opacity 300ms ease; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease; } .cart .crosssell .info-box .details{ opacity:0; filter: alpha(opacity=0); position:absolute; left:17px; top:31px; color:#fff; text-transform:uppercase; font-size:1em; line-height:1.5em; -moz-transition:opacity 300ms ease; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease; cursor:pointer; } .cart .crosssell .info-box .details a{color:#fff;} .cart .crosssell li.item:hover .info-box{ background-color:rgba(32, 91, 145, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC205b91,endColorstr=#CC205b91); zoom: 1; } .cart .crosssell li.item:hover .info-box .price-box{ opacity:0; filter: alpha(opacity=0); -moz-transition:opacity 100ms ease; -webkit-transition:opacity 100ms ease; -o-transition:opacity 100ms ease; transition:opacity 100ms ease; } .cart .crosssell li.item:hover .info-box .details{ opacity:1; filter: alpha(opacity=100); } .cart .crosssell .add-to-links li{float:left;} .cart .crosssell .add-to-links li a{text-indent:-10000px; display:block; float:left; padding-left:4px; width:21px; height:21px;} #cart-accordion #crosssell-products-list{} #cart-accordion .crosssell{padding:1.5em 9px 1.5em 22px; background-color:#EFEFEF;} #cart-accordion .crosssell li.item{float:left; margin-bottom:0; margin-top:0; margin-right:14px; padding:0;} #cart-accordion .crosssell .product-image{float:none;} #cart-accordion .crosssell .product-details{width:auto; float:none;} #cart-accordion .crosssell .product-details .product-name{display:block;} #cart-accordion .crosssell .info-box{ right:-9px; top:-13px; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { padding:0 23px 0 0px; } .cart .discount h2, .cart .shipping h2{ font-size:14px; color:#000; text-transform:uppercase; margin-bottom:18px; } .cart .discount p, .cart .shipping p{margin-bottom:1.5em;color:#575757;} .cart .discount{margin-bottom:18px; padding-right:12px;} .cart .discount .discount-form {overflow: hidden;} .cart .discount label { display:block; margin: 0 0 10px 0; color:#575757; } .cart .discount .input-box{ float:left;} .cart .discount .input-box input{width:255px;} .cart .discount .buttons-set {clear:both; text-align:left; padding: 0; margin: 0;} .cart .discount .buttons-set button{margin:10px 0 0; float:right;background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn1_arrow.png) left bottom no-repeat; padding-bottom:8px;} #cart-accordion .discount{margin-bottom:0;} .cart .shipping .form-list{margin:9px 0;} .cart .shipping .form-list label{color:##575757;} .cart .shipping .form-list select{width:257px;} .cart .shipping .form-list input{width:251px;} .cart .shipping .sp-methods{margin:9px 0;} .cart .shipping .buttons-set {clear:none; float:none; padding: 0; margin: 0;} .cart .shipping .buttons-set button { float:right; margin:0 4px 0 0; } #co-payment-form .sp-methods { position:relative;} #co-payment-form .other_payment {bottom: -9px; left: 72px; position: absolute;} /* Shopping Cart Totals */ .cart .totals { float:right; margin-top:0px; background:#fff;} .cart .totals-border{/*border:1px solid #e6e6e6;*/} .cart .totals-border .totals-title{text-transform:uppercase; color:#fff; font-size:18px; text-align:center;line-height: 18px;padding: 16px 0px;background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png"); font-family: 'Open Sans', 'sans-serif'; font-weight:600;} .cart .totals-wrapper{padding:2.58em 36px 0;} .cart .totals table .a-right { font-size:14px; line-height: 22px;padding-bottom: 5px; color:#16479b; text-transform:uppercase;font-family: 'Open Sans', 'sans-serif'; } .cart .totals table tfoot .a-right { font-size:16px; line-height:20px; } .cart .totals table tfoot .price { font-size:18px; line-height:20px; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:4px; } .cart .totals table th { font-weight:bold; } .cart .totals table tfoot th {} .cart .totals table .price { color:#595e6b; font-family: 'Open Sans', 'sans-serif'; float:left;} .cart .totals .checkout-types{text-align:center; float:none; padding:0px 0 9px;} .cart .totals .checkout-types li{padding-bottom:0.75em; float:none; margin:0;} .cart .totals .checkout-types li a{color:#000; font-size:13px;font-family: 'Open Sans', 'sans-serif'; text-decoration:underline; display:block;} .cart .totals .checkout-types li a:hover{text-decoration:none;} .cart .totals .checkout-types .paypal-logo{margin-bottom:0;} .cart .totals .checkout-types li button > span{ /* height:56px; padding-left:51px; background-position: 14px 20px; */} .cart .totals .checkout-types li button span span{ padding:14px 0 0 27px; font-size:16px; } .accordion-content .discount, .accordion-content .shipping, .accordion-content .crosssell{border-bottom:none;} /**/ .cart .totals.totals-accordion { float: none; overflow:hidden; border:1px solid #e5e5e5; padding:1.25em 24px 0.42em; } .cart .totals.totals-accordion .checkout-types { float:left; padding-top:0;} .cart .totals.totals-accordion .checkout-types li { padding-left:0; float:none; text-align:left; } .cart .totals.totals-accordion .checkout-types li .paypal-logo .paypal-or{margin:0 88px 0 0;} .cart .totals.totals-accordion .checkout-types li a{ font-size:1.16em; line-height:1.57em; font-weight:normal; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .cart .totals.totals-accordion table { width:auto !important; float:right; position:relative; margin:0; font-size:1.16em; line-height:1.57em; color:#8a8a8a; } /* Options Tool Tip */ .checkout-cart-index .item-options dt { font-weight: bold; float:left; margin-right:5px;padding-left: 0 !important;} .item-options dt { font-weight: bold; text-align:center;} .checkout-onepage-index .item-options dt { float:left; padding-right:10px;} .item-options dt span { font-weight: normal;margin-left: 5px;} .cart-cell .details { padding: 5px 0 2px 0px;} /*.item-options dt, .item-options dd { font-style:italic; }*/ .truncated { padding-top: 10px; text-align:center; } .truncated .truncated_full_value { } .truncated .truncated_full_value .item-options {} .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; text-align:center; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .item-options dl { text-align:left;} .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:180px; margin-right:10px; } .sp-methods select.year { width:110px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait{ color: #000000; font-size: 1.18em; font-weight: bold; position: absolute; top: 50%; left: 50%; padding: 28px; margin: -34px 0 0 -90px; border: 5px solid #DDD; background: #fff; white-space: nowrap; z-index: 9999; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px;display:inline-block;font-size: 13px;margin-top: 10px;} /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { clear:both;padding:5px 0;} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; margin-bottom:9px;} .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .inner-box{padding:0.75em;} .gift-messages-form .form-list .field{width:290px;} .gift-messages-form .form-list li.wide textarea{width:544px;} .gift-messages-form .details .form-list .field{width:220px;} .gift-messages-form .details .form-list .field input{width:210px;} .gift-messages-form .details .form-list li.wide textarea{width:430px;} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ .info-set {} /********** Common Checkout Styles > */ /* One Page Checkout */ aside.sidebar section.block-progress {} #checkout-progress-wrapper .block-progress .block-title {border:none; font-family:'Open Sans',serif; text-align:center; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png) left top; position:relative; overflow:hidden; padding:15px 0 8px; text-transform:uppercase; margin-bottom:1px;} #checkout-progress-wrapper .block-progress .block-title h2{color:#fff; position:relative; z-index: 9; font-size:16px; font-weight:400;} #checkout-progress-wrapper .block-progress .block-content{ padding:0px; background:none;} #checkout-progress-wrapper .block-progress dt{font-size: 14px;line-height: 18px;padding: 17px 10px 17px 36px;margin:0;} #checkout-progress-wrapper .block-progress dt div{padding-left:12px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/opc_progress_marker.png); background-position:left 8px; background-repeat:no-repeat;} #checkout-progress-wrapper .block-progress dt a{color:#605d5d;} #checkout-progress-wrapper .block-progress dt a:hover{color:#fff;} #checkout-progress-wrapper .block-progress dd{padding:0.38em 5px 0.38em 36px; font-size:1.09em; line-height:1.53em;} #checkout-progress-wrapper .block-progress dt, #checkout-progress-wrapper .block-progress dd{ background:#CDCDCD; margin-bottom:1px;} #checkout-progress-wrapper .block-progress dt{} .checkout-onepage-index .page-title{ font-size:18px;} .opc { border-bottom:1px solid #e5e5e5; position:relative; } .opc li.section {border:0; } .opc .field{width:345px;} .opc .field input.input-text{width:303px;} .opc .field-2, .opc .name-lastname{width:331px; float:left;} .opc .field-2 input.input-text, .opc .name-lastname input.input-text{width:325px;} .opc .form-list .name-middlename{width:146px;} .opc .form-list .name-middlename input.input-text{width:105px;} .opc .form-list .field select, .opc .form-list .field-2 select{width:330px;} .opc .form-list li.wide input.input-text{width:669px;} .opc input.radio{margin-bottom: 5px;margin-top: 0;} .opc .gift-messages-form input.input-text {width:254px;} .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .step-title { background-color:#aeaeae; padding:0; text-align:right; position:relative; margin-bottom:1px;} .opc .step-title h2 { float:left; margin-bottom:0; text-transform:uppercase; font-size:16px; line-height:1.53em; color:#fff; padding:14px 0; } .opc .step-title a { display:none; float:right; } .opc .step-title .number{ background:#cdcdcd; float:left; margin-right:18px; font-size:16px; font-weight:400; padding:19px 22px 20px; width:auto; height:auto;text-indent:0; } .opc .step-title .title-box{z-index:9; position:relative;} .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .allow .step-title .number{ width:53px; height:53px; background-color:#FAC600; padding:0; text-indent:10000px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/checkout_allow_marker.png); background-position:21px 20px; background-repeat:no-repeat; } .opc .active {} aside.sidebar section.block-progress header{border:none; } aside.sidebar section.block-progress header h2{color:#fff; position:relative; z-index: 9; font-size:16px; font-weight:400;} .opc .active .step-title {cursor:default;font-family:'Open Sans',serif; text-align:center; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png) left top; position:relative; overflow:hidden; } .opc .active .step-title h2{color:#fff; font-size:16px;} .opc .active .step-title .number{color:#000; background: #fac600;padding:19px 22px 20px; width:auto; height:auto;text-indent:0;} /*.opc .active .step-title a { display:none; }*/ .opc .step { padding:1.33em 20px 1.34em 20px; position:relative;} .opc .step .tool-tip { right:10px; } .opc .step h3 { border-bottom: 1px solid #CFCFCF;color: #181D23;font-family: Open Sans !important;font-size: 14px;font-weight: 400; line-height: 1.5em; margin-bottom:12px !important;padding-bottom: 12px;text-transform: uppercase;} .opc .step .form-list{padding:0 0 ; /*margin-bottom:1.5em; border-bottom:1px solid #e6e6e6;*/} .opc .step h4{color:#5f554b;} .opc .order-review {} .opc .order-review .authentication {} .opc .order-review .warning-message {} .opc .sp-methods dt, .opc .sp-methods dd{padding-bottom:0.75em;} #checkout-step-login ul.ul{padding-left:14px;} #checkout-step-login ul.ul li{ padding-left:11px; padding-bottom:0.42em; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/checkout_list_marker.png) left 7px no-repeat; } #checkout-step-login .buttons-set{border-top:1px solid #cfcfcf; padding:0.75em 0 1.5em;} #checkout-step-login .buttons-set button{float:left; margin:0 15px 0 0;} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0 30px; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; margin-bottom:1em;} .multiple-checkout .grand-total big {margin-bottom:10px; display:block; font-size:1em; line-height:1.44em;} .multiple-checkout .grand-total .price {font-size:1em; line-height:1.44em;} .multiple-checkout .gift-messages-form .form-list .field{width:210px;} .multiple-checkout .gift-messages-form .form-list .field input{width:195px;} .multiple-checkout .gift-messages-form .form-list li.wide textarea{width:76%;} .multiple-checkout .gift-messages-form .details .form-list .field{width:160px;} .multiple-checkout .gift-messages-form .details .form-list .field input{width:145px;} .multiple-checkout .gift-messages-form .details .form-list li.wide textarea{width:305px;} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users { width:470px !important;} .account-login .registered-users { width:470px !important;} .account-login .new-users .content, .account-login .registered-users .content{ background:#fff; padding:0 26px 1em 21px; } .account-login .new-users .content h2, .account-login .registered-users .content h2{ font-weight:600; font-size:14px; line-height:1.57em; color:#444; text-transform:uppercase; padding:9px 23px; margin:0 -26px 1em -23px; position:relative; background-color:#fac600; } .account-login .new-users .content p{line-height:20px;} .account-login .registered-users .content .buttons-set{padding-left:0;} .account-login .registered-users .content .buttons-set button{float:left; margin-right:12px; margin-left:0;} .account-login .registered-users .content .buttons-set a{float:left; margin-top:5px; color:#999; clear:both; margin-top:15px;} .account-login .registered-users .content .form-list li .input-box, .account-login .registered-users .content .form-list li .input-box input{width:100%; margin-top:4px;} .account-create {} .account-login .form-list li, .account-login .required { margin:20px 0 0;} .customer-account-login .messages { left: -2px; top:-10px; height:54px; overflow:hidden;} .customer-account-login .error-msg {background-color: #5f554b;color: #fff} /* Account Login/Create Pages ===================================== ======================= */ /* Captcha */ .captcha-note {} .captcha-image { float:left; position:relative; } .captcha-img { border:1px solid #ccc; } .registered-users .captcha-image {} #checkout-step-login .captcha-image {} #checkout-step-login .buttons-set .f-left{margin-top:4px;} .captcha-reload { position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label {} .remember-me-popup {} .remember-me-popup h3 {} .remember-me-popup .remember-me-popup-head {} .remember-me-popup .remember-me-popup-head .remember-me-popup-close {} .remember-me-popup .remember-me-popup-body {} .remember-me-popup .remember-me-popup-body a {} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .customer-account-index aside.sidebar section .block-content { padding: 0 10px;} .my-account .title-buttons .link-rss { float:none; margin:0; } .customer-address-index .addresses-list { background:#fff; padding:15px;} .customer-address-index .addresses-list .grid_3 {width: 300px;} .my-account .addresses-list li.item{padding-bottom:1.25em;} .my-account .my-tag-edit{margin-bottom:10px;} .my-account .my-tag-edit a.btn-remove{float:left; margin-right:5px;} .my-account #my-tags-table button{margin-bottom:10px;} .my-account .pager .limiter{float:left;} .my-account .pager .pages{float:right; padding-top:0;} .my-account .rating-links { display: none;} /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg { background:#fff; padding:0 23px 1.5em 21px; line-height:1.8em; margin-bottom:1.5em; } .dashboard .welcome-msg .hello{ font-size:1.16em; line-height:1.57em; color:#444; text-transform:uppercase; padding:1em 23px; margin:0 -23px 1em; position:relative; } .dashboard h2 { } .dashboard .data-table{margin:0.75em 0 1.25em;} .dashboard .col2-set{padding:10px 0 15px;} .dashboard .box-title, .dashboard .box-head{width:100%; overflow:hidden; margin:0.75em 0 0;} .dashboard .box-title h2, .dashboard .box-title h3, .dashboard .box-head h2, .dashboard .box-head h3{float:left;} .dashboard .box-title h2, .dashboard .box-head h2{color: #000;font: 100 24px/30px 'museo-slab',serif !important; text-transform:uppercase;} .dashboard .box-content h4{font-size: 1em;} .dashboard .box-title a, .dashboard .box-head a{float:right; text-decoration:none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;color:#000;} .dashboard .box-title a:hover, .dashboard .box-head a:hover {color:#fac600} .dashboard .box-content address a{margin-top:5px; display:block; width:77px;} .dashboard .container_12 .grid_5, .dashboard .container_12 .grid_4 {width: 48% !important;} .important-notice strong { font-weight:900;} /* Block: Recent Orders */ .dashboard .box-recent { margin:0.75em 0; } /* Block: Account Information */ .dashboard .box-info {} .dashboard .box-info .box{ background:#fff; padding:0 23px 1.5em 21px; margin-bottom:1.5em; min-height: 108px; } .dashboard .box-info .box p{margin-bottom:0;} .dashboard .box-info .box-title{ font-size:1.16em; line-height:1.57em; color:#444; text-transform:uppercase; padding:1em 23px; margin:0 -23px 1em; position:relative; } .dashboard .box-info .box-title h3{ font-size:1.14em; line-height:1.5em; text-transform:none; margin-bottom:0; } .dashboard .box-info .box-title a{ font-size:0.78em; line-height:1.45em; margin-top:4px; display:block; } /* Block: Reviews */ .dashboard .box-reviews{padding-bottom:15px;} .dashboard .box-reviews li{padding-bottom:1.5em;} .dashboard .box-reviews .number { float:left; font-size:1em; font-weight:bold; line-height:1; color:#909090; margin:3px -20px 0 0; padding:2px 3px; } .dashboard .box-reviews .details { margin-left:20px; } .dashboard .box-reviews .details .ratings strong{float:none; display:block; margin-bottom:0.27em;} .dashboard .box-reviews .details .ratings .rating-box{float:none;} /* Block: Tags */ .dashboard .box-tags li{padding-bottom:20px;} .dashboard .box-tags .number { float:left; font-size:1em; font-weight:bold; line-height:1; color:#909090; margin:3px -20px 0 0; padding:2px 3px; } .dashboard .box-tags .details { margin-left:20px; } .dashboard .box-tags .details .tags li{display:inline;} /********** Dashboard > */ /* My Wishlist */ .my-wishlist .page-title{border-bottom:none;} .my-wishlist .page-title h1{padding-bottom:0;} .my-wishlist .data-table{margin-bottom:0; background:#fff;} .my-wishlist .data-table .product-name{margin-bottom:5px;} .my-wishlist .data-table .quantity-decrease{float:left;} .my-wishlist .data-table .quantity-increase{float:left;} .my-wishlist .data-table .qty{width: 34px !important; height:34px !important; border:1px solid #aeaeae; text-align:center; color: #595e6b; float: left; font-size: 14px; margin-top: 0; padding:0; } .my-wishlist .data-table p { padding-bottom:0;} .my-wishlist .data-table .description{display:none;} .my-wishlist .data-table textarea{width:90%; min-height:100px; margin-top:15px;} .my-wishlist .wishlist-input-box {width:73px; margin:0 auto; position:relative;} .my-wishlist .wishlist-input-box .quantity-increase, .my-wishlist .wishlist-input-box .quantity-decrease {border: medium none; cursor: pointer; height: 8px; overflow: hidden; padding: 0; text-indent:10px; white-space: nowrap; width: 8px; margin-left: 0; margin-right: 0; transition: background-color 300ms ease 0s;} .my-wishlist .wishlist-input-box .quantity-decrease {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px 0px;position: absolute;right: 9px;top: -1px;} .my-wishlist .wishlist-input-box .quantity-increase {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px -8px;position: absolute;right: 9px;top: 7px;} .my-wishlist .wishlist-input-box .quantity-increase:hover { background-position: -8px 0px;} .my-wishlist .wishlist-input-box .quantity-decrease:hover {background-position: -8px -8px;} .my-wishlist .wishlist-input-box input.qty { width: 52px !important; height:30px !important; text-align:left;color: #595e6b;float: left;font-size: 14px;margin-top: 0 8px;padding:0 8px;} .my-wishlist .data-table .price-box{margin-bottom:0.75em; padding-top:1.08em;} .my-wishlist .data-table .price-box .price{font-size:1.5em; line-height:1.44em;} .my-wishlist .data-table .price-box.map-info a{display:block;} .my-wishlist .data-table button{margin:0.75em 0;} .my-wishlist .buttons-set{ /* border:1px solid #e5e5e5; border-top:none;*/ padding:1.5em 21px; margin-top:0; background-color:#fff; } .my-wishlist .buttons-set .btn-update{float:right;} .my-wishlist .buttons-set .btn-add, .my-wishlist .buttons-set .btn-share {float:left;margin-right: 9px;background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn1_arrow.png) left bottom no-repeat; padding-bottom:8px;} .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span {border-radius:0px;background: #aeaeae !important;font-weight: normal;color: #fff !important;} .my-wishlist .buttons-set .btn-add span span, .my-wishlist .buttons-set .btn-share span span { padding:9px 20px 8px;} .my-wishlist .buttons-set .btn-update { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn2_arrow.png) left bottom no-repeat; padding-bottom:8px;} .my-wishlist .buttons-set .btn-update span{background: #fac600 !important;color: #000 !important; padding-left:0px; font-size:14px;} .my-wishlist .buttons-set .btn-update span span { padding:9px 20px 8px; height:auto;} .buttons-set .wishlist-clear-all { float:left; margin-top:11px;} .buttons-set .wishlist-clear-all a { height:23px; text-transform:uppercase} .buttons-set .wishlist-continue-shopping { float:right; margin-top:11px;} .buttons-set .wishlist-continue-shopping a { height:23px; text-transform:uppercase} .my-wishlist .buttons-set .btn-add:hover, .my-wishlist .buttons-set .btn-share:hover { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn2_arrow.png) left bottom no-repeat;} .my-wishlist .buttons-set .btn-add:hover span, .my-wishlist .buttons-set .btn-share:hover span{background: #fac600 !important;color: #000 !important;} .my-wishlist .buttons-set .btn-update:hover { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn1_arrow.png) left bottom no-repeat;} .my-wishlist .buttons-set .btn-update:hover span{background: #aeaeae !important;color: #fff !important;} /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info li.current{color:#000;} .order-info dt { font-weight:bold; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print{padding:20px;} .page-print h2, .page-print h3{margin-top:15px;} .page-print .print-head {padding-bottom:20px;} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print .col2-set{padding:15px 0;} /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Reviews */ .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; margin-bottom:10px; } .product-review .product-img-box .ratings .rating-links a{display:block;} .product-review .product-img-box .ratings .rating-links .separator{display:none;} .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .price-box.map-info .price{padding-right:10px;} .product-view .product-shop .price-box.map-info{} .product-view .product-shop .price-box.map-info a{padding:5px 5px 0; display:inline-block;} .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#f5f5f5; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:0; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:5px 0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ #footer{padding:0; width:100%; overflow:hidden; background:#181d23;} #footer p { text-align:left; } #footer address{float:none;} #footer ul {float:left;} #footer ul li{padding:0; float:left;} #footer ul li a{text-decoration:none; line-height:1.5em; display: inline;} #footer ul li a:hover{text-decoration:none;} #footer .top-footer-block ul li{ padding:1.5em 0; float:left; position:relative; margin:0 0 0 -1px; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; cursor:pointer; } #footer .top-footer-block ul li a{ text-decoration:none; font-size:0.91em; line-height:1.45em; display:block; padding:0 16px; border-right:1px solid #cccccc; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; } #footer .top-footer-block ul li:hover a{color:#fff; border:none; padding-right:17px;} #footer .top-footer-block ul.links li.last a{border-right:none; padding-right:16px;} #footer .form-language, #footer .form-currency, #footer .flags-divider{float:right; margin-top:0.91em;} #footer .form-language label, #footer .form-currency label{float:left; margin-top:5px;} #footer .form-language label{margin-right:10px;} #footer .form-language select{margin-top:3px;} #footer .form-language a{margin-right:9px; margin-top:7px; float:left;} #footer .form-language a img{margin-top:3px;} #footer .flags-divider{width:1px; height:28px; background-color:#cecece; margin-left:9px; margin-right:9px;} #footer .form-currency label{margin-top:5px; margin-right:3px;} #footer .form-currency select{ margin-left:5px; margin-top:4px; } #footer .form-currency a{ display:block; width:16px; height:16px; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; display:inline-block; margin-top:6px; margin-left:6px; background-position:0 3px; background-repeat:no-repeat; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } #footer .form-currency a:hover{background-position:left -26px;} #footer .form-currency .eur{background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/curr/EUR.png);} #footer .form-currency .gbp{background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/curr/GBP.png);} #footer .form-currency .usd{background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/curr/USD.png);} #footer .form-currency span{display:none;} /*#footer .footer-main-block .custom-footer-content ul { float: none;} #footer .footer-main-block .custom-footer-content ul li{ display:block; float:none; padding-left:0; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } #footer .footer-main-block .custom-footer-content ul li:hover {background-color:#f5f5f5;} #footer .footer-main-block .custom-footer-content ul li a:before{ content: '\00B7'; padding-right: 7px; font-size: 24px; }*/ #footer .footer-main-block .custom-footer-content ul li a:hover:before{ color: #f5f5f5; } #footer .footer-main-block .custom-footer-content ul li a { line-height:1.8em; } #footer .block-social{margin-bottom:1.33em;} /* Block: Subscribe */ #footer .block-subscribe{margin-bottom:1.16em;} #footer .block-subscribe h3{display:none;} #footer .block-subscribe label{ margin-bottom:0.42em; display:none;} #footer .block-subscribe .input-box{padding:0; margin-bottom:0.42em;background-color:#FFF;} #footer .block-subscribe .input-box input{ float:left; width:85%; padding:0; border:none; font-size:11px; line-height:16px; color:#979797; } #footer .block-subscribe .input-box button{float:right;} #footer .block-subscribe .input-box button span{ color:#777; text-transform:uppercase!important; font-size:11px; padding:0; background:none; height:auto; font-weight:bold; } #footer .block-subscribe .validation-advice{padding-top:0.42em; background-position:0 7px;} #footer .store-switcher{float:none;} #footer .custom-footer-2{border-top:1px solid #dedede; padding:1.83em 0 0; margin:3.75em 0 0;} #footer .custom-footer-2 .footer-logo{float:left;} #footer .custom-footer-2 .right{padding-top:7px;} #footer .custom-footer-2 .fb-like{margin-right:9px;} #footer .footer-bottom-block{padding:1.83em 0; color:#fff; font-size:14px; text-align:center;} #footer .footer-bottom-block .footer-text-box-2{margin-bottom:0.42em;} #footer .tablet-clear{display:none;} /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .product-tabs:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .page-title h1 { color: #000;font: 100 30px 'museo-slab',serif !important;} /*.page-title h1 { color: #000;font: 400 30px 'aleolight',serif !important;} */ .sidebar .block-content1 .actions { font-size: 16px; width: 100%; margin:0; padding:10px 0 10px 5px; clear:both; background:##817070;} .sidebar .block-content1 .actions > a {color:#000000 ;} /* ============================== Home Page Top ========================================= */ .top-header-block .top_right { float:right; padding:15px 0px; font-size:12px; color:#ececec; width:auto;} .top-header-block .top_right a { color:#ececec;} .top-header-block .store_locater { float:left; margin:12px 0 0; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/store_locator_icon.png) left top no-repeat; padding:0 5px 0 25px; } .top-header-block .top_signup { float:left;border-left: 1px dotted #ececec;float: left; margin: 12px 0 0 0px; padding: 0 15px; } .top-header-block .top_right .links li { float:left; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/dealer_login_icon.png) left top no-repeat !important;margin:10px 0 0 !important ; border:none !important; padding:0 0px !important; } .top-header-block .top_right .links li a { padding:0 0 0 28px !important;} .top-header-block .top_right .links li a:hover { background:none !important; color:#FAC600;} /* ============================== Home Page Block ========================================= */ .wrapper .main { width:960px; margin:0 auto;} .home-blocks {float: left;padding-bottom: 60px;padding-top: 65px;width: 100%;background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/line.png") repeat-x left top;} .home-full {float: left;padding-bottom: 0px;padding-top: 65px;width: 960px;background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/line.png") repeat-x left top;} .home-blocks .home-blocks-item {float: left;width: 33.33333%;overflow: hidden;} .home-blocks .home-blocks-item a{display: block;position: relative;width: 100%; color:#000000;} .home-blocks .home-blocks-item a:hover{color:#777777; transition: all 1s; -webkit-transition: all 1s; filter: contrast(150%); /*// Browser Specific -webkit-filter: contrast(150%); -moz-filter: contrast(150%); -o-filter: contrast(150%); -ms-filter: contrast(150%); filter: contrast(3); -webkit-filter: contrast(3); -moz-filter: contrast(3); -o-filter: contrast(3); -ms-filter: contrast(3);*/ } .home-blocks .home-blocks-item a img{display: block;height: auto;width: 100%;z-index: 1;} .home-blocks .home-blocks-item .home-blocks_des {display: block;height: 145px;width: 135px;position: absolute;z-index: 2; padding: 15px 10px 10px 15px;text-align: left;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/blockbg.png) left top no-repeat;} .home-blocks .home-blocks-item .des_pink{background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/blockbgpink.png) left top no-repeat;} .home-blocks .home-blocks-item .home-blocks_des h3{text-transform: uppercase;color: #000000;float: left;margin-bottom: 15px; font: 300 12px 'museo-slab', serif;} .home-blocks .home-blocks-item .home-blocks_des h3 img{height: 16px;width: 16px;position: relative;float: left;margin-right: 10px;} .home-blocks .home-blocks-item .home-blocks_des p{font-size: 12px;color: #494949;line-height: 16px;float: left;} .home-full .home-full-left{float: left;height: 315px;width: 635px;position: relative;} .home-full .home-full-left img{ left:0px; top:0px;z-index: 1;width:100%; height:auto; position:absolute;} .home-full .home-full-left .home-full-all{position: relative;z-index: 2;padding: 25px 40px 40px;text-align:center;width:555px;left: 0px; top: 0px;} .home-full .home-full-left .home-full-all .hfa_des { float:left; width:100%; margin-bottom: 15px;z-index: 2; position: relative;} .home-full .home-full-left .home-full-all .hfa_des h2{ background: #F9C500; padding: 5px; display: inline; text-transform: uppercase; color: #000000; font: 100 24px/30px 'museo-slab', serif; } .home-full .home-full-left .home-full-all .hfa_des h3{ background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/transparent.png); padding: 5px; display: inline; font-size: 14px; text-transform: uppercase; color: #000000; line-height: 25px; font-family: 'Open Sans', sans-serif; } .home-full .home-full-left .home-full-all .hfa_des h4{ background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/transparent.png); padding: 4px; display: inline; font-size: 12px; color: #494949; line-height: 25px; font-weight: normal; } .home-full .home-full-left .home-full-all .hfa_des h5{ display: inline; text-align: center; float: left; margin-bottom: 10px; } .home-full .home-full-left .home-full-all .hfa_des h5 img{ height: 12px; width: 18px; margin-left: 283px; margin-bottom: 10px; float: left; } .home-full .home-full-right{ float: right; height: 315px; width: 325px; background: #181D23 url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/footerbg.png); } .home-full .home-full-right .register{ display: block; text-transform: uppercase; text-decoration: none; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/register.jpg) left top repeat-x; float: none; height: 20px; width: 140px; font-size: 18px; color: #000000; font-weight: 600; padding:17px 15px 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .home-full .home-full-right .register:hover {background:#aeaeae; cursor:pointer;} .home-full .home-full-right .full_reg { background:#000; padding:15px 25px; margin-top: 120px; margin-left: 52px; width:170px;} /* Bottom Container ================================================================================ */ #footer .top-footer-block { background: #eff2f2;} .bottom-container {float: left;width: 100%;padding-top: 60px;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/bottom.png) no-repeat center top;} .bottom-container .bottom {margin: 0px auto;text-align: left;} .bottom-container .bottom .bottom-left{width: 55%;float: left;} .bottom-container .bottom .bottom-left .title{width: 100%;float: left;} .bottom-container .bottom .bottom-left .title h2{ float: left; color: #181D23; text-transform: uppercase; font: 300 18px 'museo-slab', serif; } .bottom-container .bottom .bottom-left .title span{ float: right; } .bottom-container .message {position:relative;} .bottom-container .message .mes_head{ float: left; text-transform: uppercase; color: #F9C500; text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.5); font: bold 47px/39px 'Roboto',sans-serif; padding-top: 8px; margin-bottom:0px; /*font: bold 43px/39px 'Open Sans',sans-serif /9;*/ } .bottom-container .message .mes_contant{ width:20%; float: left; color: #808080; font: 700 12px/18px 'Open Sans', sans-serif; padding: 13px 11px 0 20px; } .bottom-container .message .moreinfo { float:left; padding-top:16px;position: absolute;right: 10px;top: -11px;} .bottom-container .message .moreinfo a { background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/moreinfo.png); height: 24px; width: 62px; display: block; color: #000; text-decoration: none; font: 400 11px 'Open Sans', sans-serif; text-transform: uppercase; padding: 2px 4px; } .bottom-container .message .moreinfo a:hover {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/add_more_btn_new.png) 0px -5px; color: #fff;;} .bottom-container .bottom .bottom-right{ width: 41.66%; float: right; } .bottom-container .bottom .bottom-right .title{ float: left; } .bottom-container .bottom .bottom-right .title h2{ float: left; color: #181D23; text-transform: uppercase; font: 300 18px 'museo-slab', serif; } .bottom-container .bottom .bottom-right .newsletter{ float: left; } .bottom .bottom-right .newsletter .block-subscribe header { display:none;} .bottom-container .bottom .bottom-right .newsletter .input-box{ width: 230px; float: left; } .bottom-container .bottom .bottom-right .newsletter .input-box #newsletter{ width: 220px; float: left; height: 25px; background: #FFF; border-style: none; padding: 5px; font-size: 12px; color: #808080; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bottom-container .bottom .bottom-right .newsletter .actions{ padding-left:10px; width: 150px; float: right; } .bottom-container .bottom .bottom-right .newsletter .actions .button{ border-radius: 2px; padding: 0 44px; height:36px; line-height:36px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/newsletterbtn.jpg) left top repeat-x; font-weight: 600; color: #000 !important; text-transform: uppercase; font-size: 14px; font-family: 'Open Sans', sans-serif; } .bottom-container .bottom .bottom-right .newsletter .actions .button:hover {background:#aeaeae;} .bottom-container .message .mes_head_off{ float: left; text-transform: uppercase; color: #F9C500; text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.5); font: bold 72px/54px 'Roboto', sans-serif; padding-top: 5px; margin-bottom:1px; } .bottom-container .message .mes_contant_off{ width:20%; float: left; color: #808080; font: 600 12px/18px 'Open Sans', sans-serif; padding: 13px 11px 0 20px; } .bottom-container .message .moreinfo_off { float:left; padding-top:16px;} .bottom-container .message .moreinfo_off a { background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/moreinfo.png); height: 24px; width: 62px; display: block; color: #000; text-decoration: none; font: 400 11px 'Open Sans', sans-serif; text-transform: uppercase; padding: 2px 4px; } .bottom-container .message .moreinfo_off a:hover {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/add_more_btn_new.png) 0px -5px; color: #fff;} /* Footer ================================================================================ */ #footer .footer-main-block-wrapper { width:100%; margin:0 auto; background: #181D23 url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/footerbg.png); padding-top: 30px; padding-bottom: 45px; text-align: left; } .footer-main-block .container_12 .grid_3{ float:left; width:232px;} .footer-main-block .container_12 .grid_3 h3 { display: inline; text-transform:uppercase; color:#fff; font-family:'museo-slab', serif !important; font-size:14px; font-weight:300; background: #171F22; padding: 10px 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .footer-main-block .custom-footer-content { float: left; width: 232px; margin-top: 30px; height:91px; border-right:1px solid #464a4f; } .custom-footer-content ul { list-style:none; } .custom-footer-content ul li{ float: left; width: 114px; margin-right: 0px; margin-bottom: 5px; } .custom-footer-content ul li a{ color: #FFF; text-decoration: none; font-size: 14px; font-weight: 300; display: block; } .custom-footer-content ul li a:hover{ text-decoration: underline; } .footer-main-block .container_12 .omega { margin-left:20px; width: 198px;} .footer-main-block .container_12 .omega h3 { background:none; float:left; padding:0 0 6px;} .footer-main-block .container_12 .omega ul li { float: left; height: 40px; margin-right: 9px; width: 30px;} .footer-main-block .container_12 .omega p { clear:both; padding-top:33px; color: #FFF; text-decoration: none; font-size: 14px; font-weight: 300;} /* Home Slider ================================================================================ */ .home-slider-conainer h1 {font:300 20px/24px 'museo-slab', sans-serif; color:#181d23; padding-bottom:8px;} .home-slider-conainer h3 {font:400 12px/14px 'Open Sans', sans-serif; color:#494949;} .home-slider-conainer { margin-bottom:42px;} .home-slider-conainer .product-name {font-weight:normal; margin-bottom:13px; text-transform:uppercase; font:600 12px/18px 'Open Sans', sans-serif;} .home-slider-conainer .product-name a {text-decoration:none; color:#000000;} .home-slider-conainer .product-name a:hover{text-decoration:none;} .home-slider-conainer .product-image { margin:0 0 19px;} .home-slider-conainer .desc { font-size:11px; line-height:14px; min-height:28px; float:left; margin-right:20px; } .home-slider-conainer .widget-slider .products-grid .item .moreinfo { clear:both; float:left; width:auto; margin-top:16px; } .home-slider-conainer .moreinfo a { background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/moreinfo.png); height: 24px; width: 62px; display: block; color: #000; text-decoration: none; font: 400 11px 'Open Sans', sans-serif; text-transform: uppercase; padding: 2px 4px; } /* Landing Sidebar =============================================================================== */ .block-vertical-nav header h2, .block-layered-nav header h2 { background: #F9C500 url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/leftbgbtm.jpg)left bottom no-repeat; font: 400 18px 'Open Sans', sans-serif; text-transform: uppercase; margin-bottom:0px; color: #000; padding: 15px 35px 25px; } .block-compare h2 { background: #F9C500 url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/compare_price_icon.png) 10px 15px no-repeat; font: 300 13px 'museo-slab', sans-serif !important; text-transform: uppercase; margin-bottom:00px; color: #000; padding:16px 8px 14px 29px; } .block-layered-nav ol li { color: #494949 !important;font-size: 14px; display: block;padding: 5px 0px 5px;border-bottom: 1px solid #CCCCCC;} .block-layered-nav ol li .amshopby-level2 { height:29px; line-height:29px; padding:0px 7px;} .block-vertical-nav ul li { display:block;padding:11px 15px 12px;font-size: 14px;border-bottom: 1px solid #CCCCCC;} .block-vertical-nav ul li a, .block-layered-nav ol li a {color: #494949 !important;text-decoration: none;} .block-vertical-nav ul li.last, .block-layered-nav ol li:last-child, .block-compare ol li last { border:none;} .block-layered-nav ol li .amshopby-level2:hover, .block-layered-nav ol li .amshopby-level2:hover span {color: #FFF !important;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png);} /*.block-vertical-nav ul li:hover a, .block-layered-nav ol li:hover a {color: #FFF !important;}*/ .block-vertical-nav ul li a:hover, .block-layered-nav ol li a:hover {color: #FFF !important;} .block-compare .block-content p {color: #494949 !important;font-size: 14px; line-height:20px; display: block;padding: 15px 15px 15px;} .catalog-category-view .page-title h2 { color: #EBEBEB;font: 100 48px 'museo-slab',serif !important;} .catalogsearch-result-index .page-title h2 { color: #EBEBEB;font: 100 48px 'museo-slab',serif !important;} .image-block-content {box-shadow: 0 0 5px #959595; position: relative; width:200px;} .image-block-content h2 { color: #000000; font: 100 22px 'museo-slab',serif !important; position:absolute; left:22px; top: 14px;} .block-compare ol li.item { color: #494949 !important;font-size: 14px; display: block;padding: 5px 0px 5px !important;border-bottom: 1px solid #CCCCCC; background:none;} .block-compare ol li .amshopby-level2 { height:29px; line-height:29px; padding:0px 7px;} .block-compare ol li .amshopby-level2 { height:29px; line-height:29px; padding:0px 7px;} .block-compare ol li a {color: #494949 !important;text-decoration: none;} .block-compare ol li .amshopby-level2:hover {color: #FFF !important;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png);} .block-compare ol li p.product-name_side {color: #494949 !important;font-size: 14px; line-height:29px; display: block;padding:0px;} .block-compare ol li p.product-name_side a { display:block;} .block-compare ol li p a:hover {color: #fff !important;} .block-compare li.item .btn-remove {margin-top: 7px;} .block-compare .actions { margin: 0 -10px; width:110%} .block-compare .actions a { float:left; width:50%;} /* Landing Detail =============================================================================== */ .category-details-area { display:none;} .category-landingDiv { margin-top:30px;} .subcategory-list ul li { color: #000000; float: left; font: 12px 'Open Sans',sans-serif; padding-bottom:0 !important; margin-bottom: 20px; margin-right: 20px; text-align: center; text-transform: uppercase; width: 220px; } .block-compare .subcategory-list .category-list-product-img {height: 220px;width: 220px;overflow: hidden;} .subcategory-list .category-list-product-img img { display:block; width:100%; height:auto;} .subcategory-list ul li .subcategory-title { float: left; width: 220px; margin-top: 20px; } .subcategory-list ul li .subcategory-title h2 { margin-bottom:0px;} .subcategory-list ul li .subcategory-title a {color: #000000;font: 12px 'Open Sans',sans-serif; padding-bottom:0 !important;} .subcategory-list ul li .subcategory-title a:hover { color:#fac600;} /* 404 page =============================================================================== */ .page-head-404 { text-align:center; margin-top: 22px;} .page-head-404 h1 { color: #fac600;font: 600 300px/320px 'Open Sans',serif; padding-bottom:25px;} .page-head-404 h2 { color: #000;font: 100 72px/80px 'museo-slab',serif ; text-transform:uppercase; margin-bottom:9px;} .page-head-404 h3 { color: #000;font: 400 18px/25px 'Open Sans',serif; text-transform:uppercase; padding-bottom:44px; border-bottom:1px dotted #b0aeaf;margin: 0 20%;} .disc_404 { text-align:center; margin-top: 49px;} .disc_404 h3 { color: #000;font: 400 18px/25px 'Open Sans',serif; } .disc_404 ul {margin: 0 auto; padding: 19px 65px 65px; text-align: center} .disc_404 ul li { float:left; font: 400 14px/14px 'Open Sans', sans-serif; text-transform:uppercase; padding:0 40px; border-right:1px dotted #808080; } .disc_404 ul li a { color:#1f1f1f; text-decoration:none;} .disc_404 ul li a:hover { color:#fac600;} .disc_404 ul li.last { border:none;} /* Checkout page =============================================================================== */ .form-list .wide .check-select {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 555px 13px no-repeat !important; width:105% !important;border: 1px solid #DEDFE1;height: 34px; border-radius:20px; float:left; overflow:hidden; padding:0;} .form-list .wide .check-select select.address-select {background: none; border:none; border: medium none; height: 34px; padding: 0px 10px 5px; width: 105% !important;} .form-list select { border: none; background:none;height: 34px; border-radius:20px; padding:5px 20px;} #checkout-progress-wrapper { margin-top:60px;} .opc .form-list .check-select {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 247px 13px no-repeat; width:105% !important;border: 1px solid #DEDFE1;height: 34px; border-radius:20px; float:left; overflow:hidden; padding:0;} .opc .form-list .check-select .input-text{ margin-top: -1px; position: absolute; width: 260px !important; } .opc .form-list .field select, .opc .form-list .field-2 select{background: none; border: medium none; height: 34px; padding: 0px 10px 5px; width: 106% !important;} #checkout-review-table th { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png"); border:none; color: #FFFFFF; font-size: 13px; font-weight: normal; line-height: 18px; padding: 8px 0; text-transform: uppercase;} #checkout-review-table h3 { border:none; padding:0; margin:0!important;} #checkout-review-table td.a-center { padding-top:10px;} #checkout-review-table tbody {border-bottom:1px solid #DEDFE1;} #checkout-review-table tfoot td { padding:8px;} #checkout-review-table tfoot .first td { padding-top:15px;} #checkout-review-table tfoot .last td { font-weight:600;} #checkout-review-table tfoot .price { line-height:13px;} #payment_form_ccsave .input-box { width:300px;} /* Cart page =============================================================================== */ .cart .cart-table { background:#fff;} .cart .cart-table tfoot td { background:#fff;} #shopping-cart-table th { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png"); font-family: 'Open Sans', 'sans-serif'; border:none;color: #FFFFFF;font-size: 13px;font-weight: normal;line-height: 18px;padding: 17px 15px;text-transform: uppercase;} #shopping-cart-table tbody tr { border-bottom:1px dotted #b8b4b6;} #shopping-cart-table td {padding:30px 30px 22px 30px} #shopping-cart-table tfoot td { padding:20px 30px 17px;} #shopping-cart-table td.product-detail { padding-left:0px;} .cart-table button.button span{border-radius:0px;background: #aeaeae !important;font-weight: normal;color: #fff !important;} .cart-table button.button span span { padding:9px 20px 8px;} .cart-table .buttons-row .buttons button.btn-continue{ background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn2_arrow.png) left bottom no-repeat;} .cart-table .buttons-row .buttons button.btn-continue span{background: #fac600 !important;color: #000 !important; padding-left:0px;} .cart-table .buttons-row .buttons button.btn-continue span span { padding:9px 20px 8px; height:auto;} .cart-table .buttons-row .buttons button.button:hover { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn2_arrow.png) left bottom no-repeat;} .cart-table button.button:hover span{background: #fac600 !important;color: #000 !important;} .cart-table .buttons-row .buttons button.btn-continue:hover { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn1_arrow.png) left bottom no-repeat;} .cart-table .buttons-row .buttons button.btn-continue:hover span{background: #aeaeae !important;color: #fff !important;} .cart .discount .buttons-set button, .cart .shipping .buttons-set button { margin:10px 0 0; float:right;background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn1_arrow.png) left bottom no-repeat; padding-bottom:8px;} .cart .discount .buttons-set button span, .cart .shipping .buttons-set button span{border-radius:0px;background: #aeaeae !important;font-weight: normal;color: #fff !important;} .cart .shipping .buttons-set button { margin:0 0; } .cart .discount .buttons-set button:hover, .cart .shipping .buttons-set button:hover { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn2_arrow.png) left bottom no-repeat;} .cart .discount .buttons-set button:hover span, .cart .shipping .buttons-set button:hover span{background: #fac600 !important;color: #000 !important;} .cart .shipping .form-list .select-div {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 238px 13px no-repeat; width:100% !important;border: 1px solid #DEDFE1;height: 34px; border-radius:20px; float:left; overflow:hidden; padding:0;} .cart .shipping .form-list .select-div input { position:absolute; margin-top:-1px; width:95.5%;} .cart .shipping .form-list select {background: none; border: medium none; height: 34px; padding: 0px 10px 5px; width: 112% !important;} /* listing page =============================================================================== */ .toolbar-bottom { display: block;} .toolbar-bottom .toolbar { background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/dot_line.png) left top repeat-x;} .category-products .products-grid .item .moreinfo { float: right; width:45%; margin-top:15px; } .products-grid .item .moreinfo a { float: right; height: 20px; width: 70px; display: block; color: #000; text-decoration: none; text-align:center; font: 400 11px 'Open Sans', Arial, sans-serif; text-transform: uppercase;padding:3px 0px 5px 0px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/moreinfo.png);} .products-grid .item .moreinfo a:hover { background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/moreinfo_h.png); } .checkout-cart-index .slider-container {float: left; margin-top:50px;padding-top:45px;width: 100%;background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/line.png") repeat-x left top;} header.cb-selected h2 {background: #aeaeae url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/left_bg_select.jpg") no-repeat left bottom;color: #fff;} .color-swatches { clear:both; margin-top:5px;} .color-swatches li { float:left; padding:10px 6px 0;height: 25px;width: 25px;} .color-swatches li a {cursor: pointer;display: block;height: 25px;width: 25px;} .color-swatches li a img { display:block; height:auto; width:100%;} .color-swatches li a:hover {} /* My Account Pages =============================================================================== */ #wishlist-table th { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png"); font-family: 'Open Sans', 'sans-serif'; border:none;color: #FFFFFF;font-size: 13px;font-weight: normal;line-height: 18px;padding: 17px 15px;text-transform: uppercase;} #wishlist-table tbody tr { border-bottom:1px dotted #b8b4b6;} .dashboard .data-table th{ background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png"); font-family: 'Open Sans', 'sans-serif'; border:none;color: #FFFFFF;font-size: 13px;font-weight: normal;line-height: 18px;padding: 17px 15px;text-transform: uppercase;} .my-account .data-table th{ background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png"); font-family: 'Open Sans', 'sans-serif'; border:none;color: #FFFFFF;font-size: 13px;font-weight: normal;line-height: 18px;padding: 17px 15px;text-transform: uppercase;} .my-account .pager .pager-box { float:left;padding:0 20px 0 0; line-height:36px;color:#494949;font-size:14px;font-family: 'Open Sans', 'sans-serif';} .my-account .pager .amount {float:left; line-height:36px;color:#494949;font-size:14px;font-family: 'Open Sans', 'sans-serif';} .my-account .pager .limiter {line-height:36px; text-transform:capitalize;float:right;} .my-account .pager .limiter label { margin-right:11px;line-height:36px; float:left; } .my-account .pager .limiter .SelectField{ background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 50px 15px no-repeat; width:70px; height:36px; float:left; overflow:hidden; padding:0; margin-right:11px; -moz-border-radius:18px; border-radius:18px;} .my-account .pager .limiter select {font-family: 'Open Sans', 'sans-serif';background:none; border:0px; font-size:14px;width:90px; margin:-5px 9px 0;cursor:pointer; color:#494949;} .my-account .pager .limiter select option{ padding:5px; /*border-top:solid 1px #DEDFE1;*/} /*========================================Order confirmation===============================*/ /*.cms-page-view .main-container { margin-top:115px;}*/ .title-buttons .success-print_top button span { display: block; text-transform: uppercase; text-decoration: none; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/register.jpg) left top repeat-x; float: none; width: 132px; padding:0 49px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .title-buttons .success-print_top button:hover span {background:#aeaeae;} .title-buttons .success-print_top button span span {padding:15px 0px 15px 15px; height:20px;font-size: 18px;color: #000000;float:none; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/print_page_icon.png) left center no-repeat;} .title-buttons .success-print_top button:hover span span {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/print_page_icon.png) left center no-repeat;} .SuccessPageContent { color:#000;} .SuccessPageContent .top_content { float:left; width:100%; background:#fff;font-family: 'Open Sans', 'sans-serif'; } .SuccessPageContent .success-page-text { width:auto; line-height:24px;padding:20px 10px 0 30px; font-size:16px;margin-bottom:19px; font-weight:600; /*background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/dot_line.png) left bottom repeat-x;*/} .order-number-box-area{float: left;width: 70%; margin-left:30px;font-family: 'Open Sans', 'sans-serif';} .conf-number h3, .your-ordered-title { font-weight:normal; font-size:14px; color:#000; line-height:22px; width:50%; clear:both; float:left;} .conf-number .shipping-dt { font-size:14px; color:#000; margin-bottom:15px;line-height:27px;width:50%; float:left; } .conf-number h4 {font-size:18px; line-height:22px; width:50%; float:left; } .conf-number h4 a { color: #000; text-decoration:none; font-weight:normal; } .order-number-box-area .order-date {font-size: 14px;margin:0;line-height:22px;margin-bottom:15px;width:50%; float:left;} .SuccessPageContent .cart-table2 { clear:both;} .SuccessPageContent .cart-table2 td { padding:18px 18px 18px 0px;} .your-ordered-title {color:#000; font-size:24px;font-family: 'Open Sans', 'serif'; padding:0px 0px; margin:0px; text-align:left;padding:18px 18px 18px 0px; float:left; width:100%;} .SuccessPageContent .cart-table2 th { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png"); font-family: 'Open Sans', 'sans-serif'; border:none;color: #FFFFFF; font-weight:normal;font-size: 13px;font-weight: normal;line-height: 18px;padding: 17px 15px;text-transform: uppercase;} .SuccessPageContent .cart-table2 tbody td {padding:30px 30px 22px 30px;background:#fff; text-align:center;} .SuccessPageContent .cart-table2 tbody td.product-detail { padding-left:0px; text-align:left} .SuccessPageContent .cart-table2 .success-img {display: block;padding: 0;width: 150px;} .SuccessPageContent .cart-table2 .success-img img { display:block; width:100%; height:auto:} .SuccessPageContent .cart-table2 .product-name {font-size:14px;font-weight: normal;text-transform: uppercase;line-height: 18px;margin-bottom: 5px;} .SuccessPageContent .cart-table2 .product-name a {font-size:14px;font-weight: normal;} .SuccessPageContent .cart-table2 .product-name {font-size:14px;font-weight: normal;text-transform: uppercase;line-height: 18px;margin-bottom: 5px;} .success-total { float:right; margin-top:0px; background:#fff; width:306px; padding-bottom:12px;} .success-total .totals-wrapper { float:left;padding: 20px 0px 12px 61px;} .success-total .totals-title{text-transform:uppercase; color:#fff; font-size:18px; text-align:center;line-height: 18px;padding: 16px 0px;background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png"); font-family: 'Open Sans', 'sans-serif'; font-weight:600;} .success-total tfoot .a-right { font-size:14px; line-height:23px; padding-bottom:10px; color:#16479b; text-transform:uppercase;font-family: 'Open Sans', 'sans-serif'; } .success-total tfoot .a-left { padding-left:10px; } .success-total tfoot .price { color:#595e6b; font-family: 'Open Sans', 'sans-serif'; font-size:14px;} .success-total tfoot .grand-total-first { font-size:16px; line-height:20px; } .success-total tfoot .grand-total-last .price { font-size:18px; line-height:20px; } .success-total .success-print { text-align:center;} .success-total .success-print button span { display: block; text-transform: uppercase; text-decoration: none; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/register.jpg) left top repeat-x; float: none; width: 132px; padding:0 49px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .success-total .success-print button:hover span {background:#aeaeae;} .success-total .success-print button span span { background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/print_page_icon.png) left center no-repeat;height:50px; padding:15px 0px 15px 15px; height:20px; font-size: 18px; color: #000000; float:none; } .success-total .success-print button:hover span span {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/print_page_icon.png) left center no-repeat;} .checkout-onepage-success .item-options dt { clear:both;float: left;line-height:15px;margin-right: 10px;text-align: left;} .checkout-onepage-success .item-options dd {float: left;line-height:15px;text-align: left;} /*========================================Store Locator===============================*/ .std .StoreLocater {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/store_map.png) center 108px no-repeat;} /*======================================== Product Detail Page ===============================*/ .product-essential .grid_4 { width: 465px !important;} .product-right-detail { width:445px; float:right; padding-top:32px; position:relative;} .product-right-detail .products-name h2 { color: #494949;font:300 24px 'museo-slab',serif ; text-transform:uppercase; margin-bottom:9px; } .product-right-detail .product-sku { color: #808080;font:400 14px 'Open Sans',serif ; text-transform:uppercase; margin-bottom:20px; } .product-right-detail .grid_5 { width:445px !important; margin-left:0px;} .product-right-detail .short-description { color: #494949; font:400 12px/24px 'Open Sans',serif; margin:0 20px 0px 0px; } .product-right-detail .extra-details ul { margin: 20px 20px 0 0;overflow: hidden;padding-bottom: 20px;} .product-right-detail .extra-details ul.simple {float: none;margin: 20px 20px 0 0;padding-bottom: 20px;} .product-right-detail .extra-details ul li { float:left; width:47%; color: #494949; font:400 12px/20px 'Open Sans',serif; padding-left:11px;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/dot.png) left 8px no-repeat; } .product-right-detail .mattress ul li { width:97% !important;} .es-carousel-wrapper .carousel-ul { margin-left:5px;} .es-carousel-wrapper .carousel-ul li { width:20% !important;} .es-carousel-wrapper .carousel-ul li a { margin-right:10px !important; float:left; } /*======================================== Product Detail Page product Option ===============================*/ .product-options {position:relative; clear:both;} .product-options .add_more { clear:both; float:left;margin:20px 0px 15px;} .product-options .add_more span { background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/add_more_btn_new.png); height: 24px; width: 74px; display: block; color: #fff; text-decoration: none; font: 400 12px 'Open Sans', sans-serif; text-transform: uppercase; padding: 4px 6px 5px; cursor:pointer; } .wishlist-index-configure .product-options .add_more span { display:none;} .product-options .add_more span:hover { background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/add_more_btn.png);color: #000;} /*.product-options .color { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_btn1_arrow.png) left bottom no-repeat;padding-bottom:8px;} .product-options .color span {background: #aeaeae !important;color: #fff !important;padding: 4px 7px 0px;height: 21px;} */ .product-options .input-box .select-div { float:left; background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png") no-repeat scroll 274px 14px #FFFFFF; border: 1px solid #DEDFE1; border-radius: 20px; float: left; height: 34px; overflow: hidden; padding: 0; width: 298px; } .product-options .input-box .select-div select { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; height: 34px; padding: 0px 10px; width: 112% !important; } .product-options .input-box .select-div select option { text-transform:capitalize;} /*======================================== Product Detail Single qty ===============================*/ .product-options .qty-div-2 {width: 115px; position: absolute;right: 0;top: 104px; z-index:9;} .product-options .qty-div-1 {width: 115px; position: absolute;right: 0;top: 41px; z-index:9;} .product-options .color { top: 49px;} .product-options .color-size { top: 103px;} .product-options .design-size { top: 117px;} .product-options .qty-div-2 label, .product-options .qty-div-1 label { font-size:14px; color:#494949;background:#FFFFFF;float: left;line-height: 34px;padding: 0 10px 0 10px;width: 27px;} .product-options .qty-div-2 .quantity-decrease, .product-options .qty-div-2 .quantity-increase, .product-options .qty-div-1 .quantity-decrease, .product-options .qty-div-1 .quantity-increase { border: medium none; cursor: pointer; height: 8px; overflow: hidden; padding: 0; text-indent:10px; white-space: nowrap; width: 8px; margin-left: 0; margin-right: 0; transition: background-color 300ms ease 0s; } .product-options .qty-div-2 .quantity-increase, .product-options .qty-div-1 .quantity-increase {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px 0px;position: absolute;right: 16px;top: 10px;} .product-options .qty-div-2 .quantity-decrease, .product-options .qty-div-1 .quantity-decrease {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px -8px;position: absolute;right: 16px;top: 18px;} .product-options .qty-div-2 .quantity-increase:hover, .product-options .qty-div-1 .quantity-increase:hover { background-position: -8px 0px;} .product-options .qty-div-2 .quantity-decrease:hover, .product-options .qty-div-1 .quantity-decrease:hover {background-position: -8px -8px;} .product-options .qty-div-2 input.qty, .product-options .qty-div-1 input.qty { width: 52px !important; height:34px !important; border:none; text-align:left;color: #595e6b;float: left;font-size: 14px;margin-top: 0 8px;padding:0 8px;} /*======================================== Product Detail dl Single qty ===============================*/ .product-options dl { position:relative; float:left; width:100%;} .product-options .more-options { margin-top:10px;} .product-options dl .qty-div-dl { float:right; width: 115px; margin:0 0 0 0; position:relative;} .tab-releated-product li.item .product { padding-right:0px;} .product-options dl .qty-div-dl label { font-size:14px; color:#494949;background:#FFFFFF;float: left;line-height: 34px;padding: 0 0 0 10px;width: 27px;} .product-options dl .qty-div-dl .quantity-decrease, .product-options dl .qty-div-dl .quantity-increase { border: medium none; cursor: pointer; height: 8px; overflow: hidden; padding: 0; text-indent:10px; white-space: nowrap; width: 8px; margin-left: 0; margin-right: 0; transition: background-color 300ms ease 0s; } .product-options dl .qty-div-dl .quantity-increase {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px 0px;position: absolute;right: 38px;top: 8px;} .product-options dl .qty-div-dl .quantity-decrease {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px -8px;position: absolute;right: 38px;top: 18px;} .product-options dl .qty-div-dl .quantity-increase:hover { background-position: -8px 0px;} .product-options dl .qty-div-dl .quantity-decrease:hover {background-position: -8px -8px;} .product-options dl .qty-div-dl input.qty { width: 32px !important; height:34px !important; border:none; text-align:left;color: #595e6b;float: left;font-size: 14px;margin-top: 0 8px;padding:0 8px;} .qty-div-dl .delete-product-option { height: 25px; border:none; margin-top:5px; cursor:pointer; overflow: hidden; padding: 0; text-indent:35px; white-space: nowrap; width: 25px; margin-left: 0; margin-right: 0; background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/delete_icon.png") no-repeat 5px 4px; transition: background-color 300ms ease 0s; } /*======================================== Product Detail dl Single qty ===============================*/ .add-to-cart .qty-simple { float:left; width: 140px; position:relative;} .add-to-cart .qty-simple label { display:block; font-size:14px; color:#494949;background:#FFFFFF;float: left;line-height: 34px;padding: 0 0 0 20px;width: 27px; margin:0px;} .add-to-cart .qty-simple .quantity-decrease, .add-to-cart .qty-simple .quantity-increase { border: medium none; cursor: pointer; height: 8px; overflow: hidden; padding: 0; text-indent:10px; white-space: nowrap; width: 8px; margin-left: 0; margin-right: 0; transition: background-color 300ms ease 0s; } .add-to-cart .qty-simple .quantity-increase {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px 0px;position: absolute;right: 38px;top: 0px;} .add-to-cart .qty-simple .quantity-decrease {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px -8px;position: absolute;right: 38px;top: 10px;} .add-to-cart .qty-simple .quantity-increase:hover { background-position: -8px 0px;} .add-to-cart .qty-simple .quantity-decrease:hover {background-position: -8px -8px;} .add-to-cart .qty-simple input.qty { width: 52px !important; height:34px !important; border:none; text-align:left;color: #595e6b;float: left;font-size: 14px;margin-top: 0 8px;padding:0 8px;} /*===============*/ .product-options dl dt { clear:both; margin-top:15px; float:left; width: 100%;} .product-options dl dt label { float:left; font:400 14px/20px 'Open Sans',serif; color:#494949; text-transform:uppercase; margin-bottom:5px;} .product-options dl dt label.swatchLabel, .product-options dl dt label.color_labels { margin-left:2px;} .product-options .swatchesContainer { width:60%; } .swatchesContainer ul li { float:left; margin-right:10px; cursor:pointer;} .swatchSelected {border:1px solid #aeaeae} .custom-option-value {clear:both; margin-top:20px; float:left; width: 100%;} .product-options-bottom { clear:both; margin-top:15px; background:none; border:none;} .product-options-bottom .add-to-cart { float:right;} #product-options-wrapper .appendlabel {clear: both;float: left;margin-top: 5px !important;width: 100%;} .product-options .append-color { position:relative; /*margin:0 0 15px;*/} .product-options .append-color .appendlabel { position:absolute; bottom:-15px;} .appendlabel .color_only {color: #000000 !important;font-size: 16px !important;margin-top: 10px;font-weight: 600 !important;} /*======================================== Product Detail mini-products-list Single qty ===============================*/ .mini-products-list-related li.item { width:100% !important; margin-top:20px; margin-bottom:0px;} .mini-products-list-related button.button { margin-top:10px;} .mini-products-list-related .product-image { width:145px !important; float:left; margin:0 20px 0 0;} .mini-products-list-related .qty_div { float:right;width: 115px; position: relative; z-index:9;} .mini-products-list-related .qty_div label { font-size:14px; color:#494949;background:#FFFFFF;float: left;line-height: 34px;padding: 0 0 0 20px;width: 27px;} .mini-products-list-related .qty_div .quantity-decrease, .mini-products-list-related .qty_div .quantity-increase { border: medium none; cursor: pointer; height: 8px; overflow: hidden; padding: 0; text-indent:10px; white-space: nowrap; width: 8px; margin-left: 0; margin-right: 0; transition: background-color 300ms ease 0s; } .mini-products-list-related .qty_div .quantity-increase {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px 0px;position: absolute;right: 16px;top: 10px;} .mini-products-list-related .qty_div .quantity-decrease {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/qty_btn.png") no-repeat 0px -8px;position: absolute;right: 16px;top: 18px;} .mini-products-list-related .qty_div .quantity-increase:hover { background-position:; -8px 0px;} .mini-products-list-related .qty_div .quantity-decrease:hover {background-position:; -8px -8px;} .mini-products-list-related .qty_div input.qty { width: 52px !important; height:34px !important; border:none; text-align:left;color: #595e6b;float: left;font-size: 14px;margin-top: 0 8px;padding:0 8px;} /*===============*/ .mini-products-list-related button.button span { display: block; text-transform: uppercase; text-decoration: none; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/newsletterbtn.jpg) left top repeat-x; float: none; /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ text-align: center; } .mini-products-list-related button.button span span { padding:8px 15px 10px; font-size: 14px; color: #000000; background:none; } .mini-products-list-related button.button:hover span { background:#aeaeae;} #messages_product_view {width: 100%;z-index: 9;} .catalog-product-view #messages_product_view { position: absolute; width: 100%; z-index: 9; } .catalog-product-view .error-msg, .catalog-product-view .success-msg, .catalog-product-view .note-msg, .catalog-product-view .notice-msg { padding:7px 15px 6px 58px !important; } #messages_product_view .error-msg { background-position:12px 2px;} .catalog-product-view .error-msg { background-position:12px -158px;} .catalog-product-view .success-msg { background-position:12px 2px;} #messages_product_view .note-msg, #messages_product_view .notice-msg {background-position: 12px -78px;} .messages li { margin:5px 0 5px; } .messages li li { margin:0 0 3px; } .customerservice-index-ordered #messages_product_view, .customerservice-index-ordered #messages_product_view { margin-bottom: 0px;margin-top: 0;position: inherit; } /*========================================Product Page social-sharing ===============================*/ .social-sharing { clear:both; margin-top:20px;} /*.social-sharing p { float:left; color:#000; font-size:14px; font-weight:600; } .addthis_toolbox { float:left; margin-left:0px;} .addthis_toolbox a { padding:0px !important;} .at16nc, .at300bs {height: 24px !important;line-height: 24px !important;overflow: hidden;width: 19px; margin-right:10px; padding:0px !important; }*/ .at-share-tbx-element .at-share-btn { margin:5px !important;} .at-share-tbx-element .at-share-btn span.at300bs {height: 24px !important;line-height: 24px !important;overflow: hidden;width: 19px !important; margin-right:10px; padding:0px !important;} /*.addthis_32x32_style .at15nc.at15t_facebook {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/facebook_small_icon.png) left top no-repeat !important;} .addthis_32x32_style .at15nc.at15t_twitter {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/twitter_small_icon.png) left top no-repeat !important;} .addthis_32x32_style .at15nc.at15t_pinterest_share {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/pinterest_small_icon.png) left top no-repeat !important;} */ .at-share-tbx-element .at-svc-facebook span {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/facebook_small_icon.png) left top no-repeat !important; height:26px;} .at-share-tbx-element .at-svc-twitter span {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/twitter_small_icon.png) left top no-repeat !important; height:26px;} .at-share-tbx-element .at-svc-pinterest_share span {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/pinterest_small_icon.png) left top no-repeat !important; height:26px;} /*.at15t_youtube {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/email_small_icon.png) left top no-repeat !important;} .at15t_instagram {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/instagram_small_icon.png) left top no-repeat !important;} */ /*========================================Product Page look store ===============================*/ .lookstore-bg {clear: both;float: left;height: 266px;width: 445px;} .look_store { width: 405px; padding:20px; background:#dedede; margin-bottom:20px;overflow:hidden} .look_store h2 {color: #181d23; font:400 20px 'museo-slab',serif;text-transform: uppercase; margin-bottom:10px;} .look_store p {color: #494949; font:400 12px 'Open Sans',serif;} .look_store .dealer { clear:both;color: #000; font:400 14px 'Open Sans',serif;display:none} .look_store .dealer a { color: #000; text-decoration:underline; text-transform:uppercase;} .look_store .address { margin: 20px 0;} .look_store .address input {border: 1px solid #DEDFE1; padding:0px 5px; color: #494949;height: 34px;line-height: 34px;text-transform: uppercase;width: 268px;} .look_store .input-box { float:left; margin-bottom:20px;} .look_store .input-box .select-div { float:left; background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png") no-repeat scroll 246px 13px #FFFFFF; border: 1px solid #DEDFE1; border-radius: 20px; float: left; height: 34px; overflow: hidden; padding: 0; width: 278px; } .look_store .input-box .select-div select { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; height: 34px; padding: 5px 10px; width: 112% !important; } .look_store .input-box .go_button { float:left; margin-left:18px;} .go_button button.button span span { padding:8px 40px 10px} .go_button input.form-button {padding:7px 0 13px; width:105px; border:none; height:18px; border-radius: 2px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/newsletterbtn.jpg) left top repeat-x; font-weight: 500; color: #000 !important; text-transform: uppercase; font-size: 18px; font-family: 'Open Sans', sans-serif; float:left; text-align:center; white-space:nowrap; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease;} .go_button input.form-button:hover { background:#aeaeae;} .catalog-product-view .grid_12 .slider-container {width: 960px;} .catalog-product-view .home-slider-conainer {margin-bottom: 30px;} .catalog-product-view .widget-slider { left:9px !important;} .catalog-product-view .home-slider-conainer h1 {font:300 20px/24px 'museo-slab', sans-serif; color:#181d23; padding-bottom:8px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/dot_line.png) left bottom repeat-x; text-transform:uppercase;} .catalog-product-view .es-carousel-wrapper .products-grid li.item {float: left;width: 160px !important;} .catalog-product-view .home-slider-conainer .products-grid li.item .indent {padding: 13px 9px 0 0;} .catalog-product-view .home-slider-conainer .product-name { clear:both;margin: 0px 0 1px;} .catalog-product-view .home-slider-conainer .product-sku {margin: 0px 0 1px; color:#000;} .catalog-product-view .slider-container.widget-container .products-grid .price-box { margin-top:0px;margin-bottom: 0;} .catalog-product-view .slider-container.widget-container .products-grid .price-box .price { line-height:20px;} /*========================================Saved page ===============================*/ #wishlist-table td.first-image { width: 150px;} .wishlist-index-index .slider-container { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/line.png") repeat-x scroll left top rgba(0, 0, 0, 0); float: left; margin-top: 50px; padding-top: 45px; width: 100%; } .my-wishlist .data-table button.btn-add span span {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/find_dealer_icon.png") no-repeat 17px 10px;padding-left: 42px;} .my-wishlist .data-table button.btn-add:hover span {background-color: #AEAEAE;} .wishlist-index-index .item-options dt { clear:both;float: left;line-height:15px;margin-right: 10px;text-align: left;} .wishlist-index-index .item-options dd {float: left;line-height:15px;text-align: left;} /*========================================Search page ===============================*/ .catalogsearch-result-index .breadcrumbs-wrapper {padding-bottom:1.5em;} .catalogsearch-result-index nav.breadcrumbs li span {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/list_breadcrumbs_divider.gif) center 8px no-repeat;} .catalogsearch-result-index nav.breadcrumbs li a, .catalogsearch-result-index nav.breadcrumbs li strong {color:#fff;} .catalogsearch-result-index nav.breadcrumbs li a {padding:0.36em 8px;} .catalogsearch-result-index nav.breadcrumbs li a:hover {text-decoration:none;} .catalogsearch-result-index .page-title h2 { color: #EBEBEB;font: 100 36px 'museo-slab',serif !important; margin-bottom:15px;} /* Register page =============================================================================== */ .account-create .page-title p { font-size:16px; text-transform:uppercase; line-height:20px; color:#000; margin-top:10px; } .account-create .page-title p strong { font-weight:600;} .account-create .page-title p a { text-decoration:underline; color:#000; } .account-create .upload_title h2 { margin-top: 24px;color: #000000;font: 100 30px 'museo-slab',serif !important;} .account-create .upload_doc p { font-size:14px; text-transform:uppercase; line-height:20px; color:#fe0002; margin:25px 0px; } .account-create .upload_doc h3 {font-size:14px; text-transform:uppercase; line-height:20px; color:#000; font-weight:normal; margin:0; padding:0; } .account-create .upload_doc p.address { font-size:12px; text-transform:uppercase; line-height:20px; color:#000; margin:10px 0px; } .account-create .upload_doc p.address a { color:#000;} .account-create a:hover { color:#fac600;} .account-create .back-link, .account-create .check-box { float:left;} .account-create .req_back .required { float:right;} .account-create .check-box input { float:left;} .account-create .check-box p {font-size:12px; line-height:18px; color:#323433; margin-left:8px; float:left;} .account-create .check-box p a { color:#323433; text-decoration:underline; font-weight:600;} .account-create .buttons-set .button span span {padding:6px 50px 12px;} .account-create #copy_seller_permit, .account-create #bussiness_card, .account-create #copy_licence { position:absolute; left:0; height:34px; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2;} .form-list .add-spaces-extra { margin-top:35px;} .add-spaces-extra h3 { margin-bottom:0px; font-weight:bold;} .form-list .add-spaces-telephone { margin-top:30px;} .account-create input.show-btn {float:left;border: 1px solid #DEDFE1;border-radius: 20px;float: left;height: 34px;overflow: hidden;padding: 0;width: 228px;margin-bottom:10px;background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/upload_arrow.png") no-repeat scroll 17px 10px #FFFFFF;} .account-create .file_check-box { clear:both; margin-bottom:10px; float:left;} .account-create .file_check-box input { float:left;} .account-create .file_check-box p {font-size:12px; line-height:18px; color:#323433; margin:0 0 0 8px; float:left;} .account-create .secure_btn { float:right; margin-top:-25px;} .account-create .legend-company { padding:30px 0 5px; font-size:14px; font-weight:bold; color:#000;} .account-create .input-box { position:relative;} .account-create .form-list .select-div { float:left; background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png") no-repeat scroll 246px 13px #FFFFFF; border: 1px solid #DEDFE1; border-radius: 20px; float: left; height: 34px; overflow: hidden; padding: 0; width: 270px; } .account-create .select-div input { position:absolute; margin-top:-1px; width:95.5%;} .form-list select { border: none; background:none;height: 34px; border-radius:20px; padding:0px 20px;} .shipment-methods dd { clear:both;} .shipment-methods dd li{ float:left; margin-bottom:10px;} .shipment-methods input{ float:left; margin-top:10px;} .shipment-methods label{ float:left; margin:11px 5px 3px; color:#000000; font-weight:normal; position:relative; z-index:0;text-transform:uppercase; } .shipment-methods .shipping-extra-text{padding: 0 5px;background:#fff; border:1px solid #dedfe1; width:245px; height:34px; line-height:34px;margin-top:-2px; } #checkout-step-payment label {margin:11px 5px 3px; color:#000000; font-weight:normal; z-index:0;text-transform:uppercase; } #checkout-step-payment .sp-methods dt{ padding-bottom:15px; padding-top:5px;clear:both} #co-payment-form .sp-methods { padding-top:10px;} /*#checkout-step-payment .sp-methods dt { float:left; margin-bottom:10px;} #checkout-step-payment input { float:left; margin-top:10px;} #checkout-step-payment label {margin:11px 5px 3px; color:#000000; font-weight:normal; z-index:0;text-transform:uppercase; } #checkout-step-payment .sp-methods dt{ width:100%; padding:0px; float:left; position:relative;} #checkout-step-payment .input-text {padding: 0 5px;background:#fff; border:1px solid #dedfe1; width:245px; height:34px; line-height:34px;margin-top:-2px; }*/ #customerservice .check-box { float:left;} #ustomerservice .req_back .required { float:right;} #customerservice .check-box input { float:left;} #customerservice .check-box p {font-size:12px; line-height:18px; color:#323433; margin-left:8px; float:left;} #customerservice .check-box p a { color:#323433; text-decoration:underline; font-weight:600;} li.inter_billings { margin-top:40px !important;} @-moz-document url-prefix() { .sorter .sort-by select {} .sorter .limiter select {} .my-account .pager .limiter select { margin:6px 9px 0;} .product-options .input-box .select-div select {padding: 6px 10px;} .cart .shipping .form-list select {padding: 5px 10px 5px;} .form-list .wide .check-select select.address-select {padding: 5px 10px 5px;} .opc .form-list .field-2 select{padding: 5px 10px 5px;} .form-list select { padding:5px 20px;} } .my-account .select-div {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 95% 13px no-repeat; width:105% !important;border: 1px solid #DEDFE1;height: 34px; border-radius:20px; float:left; overflow:hidden; padding:0; position:relative;} .my-account .select-div input { padding-left:10px; margin-top: -1px; position: absolute; width: 95.5%; } .form-list .input-box .select-div {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 95% 13px no-repeat; width:105% !important;border: 1px solid #DEDFE1;height: 34px; border-radius:20px; float:left; overflow:hidden; padding:0; } .form-list .input-box .select-div .validation-advice { position:absolute;} #co-payment-form .sp-methods select {background:#fff; border:1px solid #dedfe1; } .my-account .input-file { width:270px; position:absolute; left:0; height:34px; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; } .my-account input.show-btn {float:left;border: 1px solid #DEDFE1;border-radius: 20px;float: left;height: 34px;overflow: hidden;padding:0 0 0 33px;width: 270px;margin-bottom:10px;background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/upload_arrow.png") no-repeat scroll 17px 12px #FFFFFF; text-align:left;} .my-account .ex_detail { float:left; border:1px solid #E6E6E6; background:#fefefe; padding: 20px 26px 20px 21px; margin:15px 0 15px; } .my-account .ex_detail .form-list li { float:left; width:300px;margin:0 0 0.75em; } .product-download li { color: #505050; list-style-type:disc; font-size: 14px; margin-left:15px; float:left; width:100%; line-height: 24px;} .product-download li a { text-decoration:underline; color:#505050;} .product-download li a:hover { text-decoration:none;} .product-download li b { width:auto; float:none;} #canvas canvas { border:1px solid #DEDFE1; margin:0px; padding:5px; position:relative;} .input-box .signature-clear {padding:9px 20px; margin-top:10px; cursor:pointer; border-radius: 2px; background: #aeaeae; font-weight: bold; color: #000 !important; text-transform: uppercase; font-size: 14px; font-family: 'Open Sans', sans-serif; float:left; text-align:center; white-space:nowrap; border:none; font-weight:normal; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .input-box .signature-clear:hover { background:#fac600;} /*url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/newsletterbtn.jpg) left top repeat-x;padding:6px 20px 12px;*/ /*.customerservice-index-index .main-container {margin-top: 110px;}*/ .form-list .radiobtn { line-height:22px;} .form-list .radiobtn input { float:left;/* margin:3px 6px 6px 0;*/} .customerservice-index-ordered .wrapper-container, .customerservice-index-index .wrapper-container, .cms-page-view cms-international .wrapper-container {padding:0 0 0; } /*.cms-international .main-container {margin-top: 128px;}*/ .customerservice-index-ordered .credit-content { margin:10px 0px; width:98%; padding:6px 10px; background:#fff; border:1px solid #DEDFE1; font: 400 12px/20px 'Open Sans',serif !important; } .credit-content ul { list-style:disc; margin-left:15px; font-weight:600;} .credit-content ul li {margin:4px 0px;font: 400 12px/20px 'Open Sans',serif !important;} .credit-content ul li.first-credit { font-size:16px;color:#ff0000;} .credit-content ul li.second-credit { color:#ff0000;} .date .input-box input{ border: 1px solid #DEDFE1;height: 34px;line-height: 34px;margin-right: 10px;padding: 0 5px;width: 260px;} .credit-table { border: 1px solid #DEDFE1; width:568px;} .credit-table th { border: 1px solid #DEDFE1; line-height:30px; text-align:center; font-weight:600;} .credit-table td { padding:0px;border: 1px solid #DEDFE1;} .credit-table td input{ border:none; height: 30px;line-height: 30px; width:88%;padding: 0 5px; text-align:center;} .credit-table td input.reason { width:97%; text-align:left;} .data-table .select-div {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) right 13px no-repeat !important; width:95.5% !important;border: 1px solid #DEDFE1;height: 34px; border-radius:20px; float:left; overflow:hidden; padding:0;} .data-table .select-div select {background: none; border:none;border: medium none;height: 34px;padding: 5px 10px 5px;} .return_table { border: 1px solid #DEDFE1; width:670px;} .return_table .rtn_head { border-bottom:1px solid #DEDFE1; overflow:hidden;} .return_table .rtn_head p { border-left: 1px solid #DEDFE1; float:left;line-height:30px; text-align:center; font-weight:600; height:30px; margin:0;} .return_table .rtn_content { border-bottom:1px solid #DEDFE1; overflow:hidden;} .return_table .rtn_content div { border-left: 1px solid #DEDFE1; float:left;line-height:30px; text-align:center; font-weight:600; height:30px; padding:2px 0;} .return_table .rtn_content div input { border:none; height: 28px;line-height: 28px; width:88%;padding: 0 5px; text-align:center;} .return_table .rtn_content div.rtn_image input { text-align:left;} .return_table .rtn_reason input.reason { width:96%; text-align:left;} /*.data-table .select-div {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) right 13px no-repeat !important; width:95.5% !important;border: 1px solid #DEDFE1;height: 34px; border-radius:20px; float:left; overflow:hidden; padding:0;} .data-table .select-div select {background: none; border:none;border: medium none;height: 34px;padding: 5px 10px 5px;} */ .return_table .rtn_item { width:20%;} .return_table .rtn_qty { width:15%; } .return_table .rtn_reason {width:34.4%; } .return_table .rtn_image {width:30%; border-right:none !important; } /*======================================== CMS Page product Option ===============================*/ .cms-international .breadcrumbs-wrapper { padding: 0 0 6px; } .cms-currentuser .wrapper-container{padding:22px 0 0;} .cms-terms-policies .std { background:#fff; padding:20px; font-size:13px;} .cms-terms-policies .std h1 {color: #000;font: 200 30px 'Open Sans',serif !important;text-transform:uppercase;padding:0 0 20px; margin:0;} .std p, .std li { line-height:22px;} .std ol { list-style: decimal; margin-left:15px;} .std ol li { margin-bottom:10px;} .std ol li span { font-size:11px;} .cms-terms-policies .std ol li a { color: #000; padding:0 20px;} .cms-page-view .std p { width:100%; font-size:14px;color:#575757;margin:0 0 12px;} .cms-page-view .std h3 {font: 100 24px/20px 'museo-slab',serif !important; color:#000; padding:18px 0 0; text-transform:uppercase; width:auto; display:block; } /*.cms-page-view .account-create{ margin-bottom:300px;}*/ /*======================================== Compare List ===============================*/ .title-buttons .close_window { display: block; float: right; height: 15px !important; margin-left: 10px; overflow: hidden; text-indent: 24px; width: 15px;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/mini_cart_close.png) left top no-repeat;} .compare-table { border-collapse:collapse;} .compare-table th, .compare-table td {border:1px solid #939598 !important;} .compare-table th {color: #605d5d; width:15%;} .compare-table td { text-align:center; width:28%; padding:1.33em 0.6em !important;} .compare-table .short-discription, .compare-table .features {text-align:left;} .compare-table a.product-image { display: inline; width: auto; padding:0; background-color:none;} .compare-table .product-name { margin-bottom:0px;} .compare-table li { list-style:none;} .compare-table td .std li b { margin-right:10px;} .compare-table td .add-to-links { margin-top:10%;} .compare-table td .add-to-links li { text-align:center; width:100%; background:none;} .compare-table td .add-to-links li a { width:30%; background:#aeaeae;display: inline;padding: 5px 46px;width: 30%;} .compare-table .product-lefts { float:left; margin-left:10px;} .compare-table .compare-icons { float:right; margin:5px 10px 0 0;} .compare-icons .save-icon a { background-image: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/wishlist_marker.png"); background-position: 8px 8px; -moz-border-radius:15px; } .compare-icons .save-icon a:hover{ background-position: 8px -40px; } .compare-icons .remove-icon a { background-image: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/trash_marker.png"); background-position: 8px 8px; -moz-border-radius:15px; } .compare-icons .remove-icon a:hover{ background-position: 8px -40px; } .compare-icons .save-icon a, .compare-icons .remove-icon a { cursor:pointer; display:block;background-color: #e6e6e6;background-repeat: no-repeat; width:30px; overflow:hidden; height:30px;margin-top:-5px;padding: 0;top: 0;transition: background-color 300ms ease 0s;text-indent:-100px; verflow:hidden;margin-bottom:0.75em;} .data-table .product-name a{ font-size: 1.33em; line-height:1.5em; text-transform: none; font-weight: normal; text-transform:uppercase; color:#000;} .data-table .cart-label { font-size: 1.09em; font-weight: bold; padding-right: 7px; display: none; } .add-to-links-update { clear:both; float:right;} .add-to-links-update li {float: left;margin:5px 20px 0 0;} .add-to-links-update li a { border-radius: 2px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/newsletterbtn.jpg) left top repeat-x; font-weight: bold; color: #000 !important; text-transform: uppercase; font-size: 14px; font-family: 'Open Sans', sans-serif; padding:8px 20px 9px; text-align:center; white-space:nowrap; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .add-to-links-update li a span {font-weight:normal; color:#000;} .add-to-links-update li a:hover {background:#aeaeae;} .add-to-links-update li a.cancel-page {background:#aeaeae;} .add-to-links-update li a.cancel-page:hover {background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/newsletterbtn.jpg) left top repeat-x;} .at-share-tbx-element .addthis_counter.addthis_bubble_style { margin:0 10px 0 0 !important;width: 26px !important;} .addthis_counter.addthis_bubble_style { background:none !important;border:1px solid #e5e5e5 !important; height: 18px !important; line-height: 18px !important; width: 26px !important;} .addthis_counter.addthis_bubble_style a.addthis_button_expanded { font-size: 11px !important; text-align:left !important; height: 18px !important; line-height: 18px !important; width: 26px !important;} .catalogsearch-result-index .main-container {min-height: 300px;} .cms-landing-page .landing { text-align:center;} /*======================================== landing List ===============================*/ .landing { margin:0 auto; width:850px; background:#fff;} .landing .landing_top { float:left; width:100%; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/landing_top.jpg) left top no-repeat;} .landing .hpmkt { float:right; margin:43px 45px 0 0;} .landing .hpmkt p {color: #fff;font-family: Open Sans;font-size: 14px;font-weight: normal;line-height: 18px;text-shadow: 1px 1px 1px #262626;margin:0;} .landing .high_point { clear:both; margin-top:60px; padding: 26px 42px 45px 35px; float:right;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/highpoint_back.png);} .landing .high_point h2 {color: #fff;font: 600 46px/46px 'museo-slab',serif;text-shadow: 1px 1px 1px #262626;} .landing .high_point h3 {color: #4d94cf;font: 600 84px/42px 'museo-slab',serif;text-shadow: 1px 1px 1px #262626; margin-bottom:0px;} .landing .content { clear: both;margin-left: 433px;padding: 30px 58px 0;text-align: left;} .landing .content p { padding-bottom:10px;color: #fff;font-family: Open Sans;font-size: 15px;font-weight: normal;line-height: 25px;text-shadow: 1px 1px 1px #262626; margin:0;} .landing .content p span { font-weight:700;} .landing .content p.address { padding:10px 0 25px;} .landing .content img { display:block; width:auto} .landing .content p.copy { font-size: 8px; text-align:right; padding:4px 0 1px;} .landing .landing_head { clear:both; border-top:1px solid #f7f6f2; text-align:center; padding:17px 0 10px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/landing_head_back.png);} .landing .landing_footer {clear:both; float:left;padding:18px 55px; width:740px; border-top:1px solid #a8a8a8; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/landing_footer_back.png);} .landing_footer .detail { float:left; border-left:1px solid #d1d1d1; padding: 0 0 0 12px; width: 23%;} .landing_footer .detail h2 {color: #ebebeb;font: 600 12px/14px 'Open Sans',serif; text-transform:uppercase;text-align:left;} .landing_footer .detail p {color: #ebebeb;font: 400 10px/12px 'Open Sans',serif; padding:0; margin:0; text-align:left;} .landing_footer .detail .small {font-size: 8px; font-family:'Open Sans',serif;} .landing_footer .detail span { font-weight:600;font-size: 11px;} .landing_footer .bottom { clear:both;padding-top:20px;} .landing_footer .territory { float:left;color: #ebebeb; } .landing_footer .territory h3 {float:left;font: 600 12px/14px 'Open Sans',serif; text-transform:uppercase;} .landing_footer .territory p {float:left;font: 400 10px/12px 'Open Sans',serif; padding:2px 0 0 5px; margin:0;} .landing_footer .territory p a {color: #ebebeb;} .landing_footer .social { float:left;padding-left:20px;} .landing_footer .social img { float:left; border:0;margin-right: 10px;} .landing_footer .w_site { float:left;padding-left:20px;} .landing_footer .w_site a { color: #ebebeb;background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/landing_foa.png) left top no-repeat; padding-left:20px;} .landing_footer .hopes { float: right;margin-top: -8px;} .other-title h1{ text-transform:none} .other-title span { font-size:30px;} .order-details #my-orders-table .product-name { color: #000; font-size: 14px; font-weight: normal; text-transform: uppercase;} #my-orders-table .item-options dt { clear:both; float:left; width:50px; text-align:left;} #my-orders-table .item-options dd { float:left; width:75%;} .oder-history-div { float:left; width:88%; background-color:#FFFFFF; padding:4% 6%;} .oder-history-div .grid_4{ float:left; width:100%!important; margin:0px; color:#000000; padding-bottom:4px; } .oder-history-div .grid_4 .box{ padding:0px; margin:0px; border:none; font-size:14px; line-height:20px;} .oder-history-div .grid_4 .box .box-title { float:left; width:30%;} .oder-history-div .grid_4 .box .box-title h2{ font-size:14px;} .oder-history-div .grid_4 .box .box-content { float:left;} .oder-history-div .grid_4 .box .box-content.status { font-weight:bold;} .table-caption {font-size:25px; text-transform:uppercase; padding-top:25px;} #my-orders-table .price-excl-tax .price { color:#2f2f2f;} #my-orders-table tbody { background-color:#FFFFFF!important} #my-orders-table tbody td { padding:20px 25px 25px 25px; border-bottom:1px solid #cbcbcb;} #my-orders-table tfoot { width:305px; background-color:#FFFFFF} #my-orders-table tfoot .totals {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); line-height:18px; color:#FFFFFF; font-size:15px; font-weight:bold; text-transform:uppercase; text-align:center;} .Total-div { float:right; width:350px;} .Total-div table{ float:right; width:100%; margin:0px; background-color:#FFFFFF} .Total-div .totals-title{ background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menuhoverbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; font-family: 'Open Sans','sans-serif'; font-size: 18px; font-weight: 600; line-height: 18px; padding: 16px 0; text-align: center; text-transform: uppercase;} .Total-div table tbody { margin:2% 10%; width:80%; float:left} .Total-div table tbody tr { float:left; width:100%;} .Total-div table tbody .a-right { color: #16479b; font-family: 'Open Sans','sans-serif'; font-size: 14px; line-height: 22px; padding-bottom: 5px; text-transform: uppercase; width:55%; padding:0.5em 0; text-align:right!important; float:left;} .Total-div table tbody .last { float:right; padding:0px; text-align:left; width:40%;} .Total-div table tbody .a-right .price {} .Total-div table tbody .grand_total { width:100%; padding:5px 0px;} .Total-div table tbody .grand_total .a-right { font-size: 16px; line-height: 20px;} .Total-div table tbody .grand_total .price { font-size:18px; line-height:20px;} .Total-div table tbody tr { padding:5px 0px;} #my-orders-table-total .shipping { margin:0px!important;} /*======================================== New Registration ===============================*/ .cms-currentuser .wrapper-container{padding:22px 0 0;} .cms-currentuser .form-list li.control {margin: 5px 0 20px;} .form-list .customer_id { margin-top:30px;} .form-list .customer_id .input-box { width:500px;} .form-list .customer_id label { font-weight:600;} .form-list .customer_id input { width:260px !important; } /*=========================*/ .customer-account-login .success-msg ul li { float:left; padding-right:10px;} /*============sales-order-print=============*/ .sales-order-print .print-head { clear:both;} .sales-order-print .print-head h1 { float:left !important; width:42%;} .sales-order-print .print-head .order-date { float:right !important;} .sales-order-print .alpha {clear: both;float: left; color:#000;margin: 20px 0 0;padding:5px 20px 20px;width: 43%;} .sales-order-print .omega { color:#000;float: left;margin: 20px 0 0;padding:5px 20px 20px; border-left: 1px solid #000;width: 43.5%;} .sales-order-print .data-table { color:#000;} .sales-order-print .data-table th { border-color:#000;color:#000;} .sales-order-print .data-table th.a-right { text-align:center !important;} .sales-order-print .data-table .price { color:#000;} #swatch_related_block .price-box .price { font-size:18px; color:#808080;} #swatch_related_block .product-name a { color:#000000; font:16px/18px 'Roboto',sans-serif; font-weight:400;} #swatch_related_block .product-name { margin-bottom:6px!important} #swatch_related_block .product-name a:hover { color:#fac600;} #swatch_related_block .sku { font-size:14px; text-transform:uppercase; color:#808080;} #swatch_related_block a:hover .sku{ color:#000000} #swatch_related_block .availability { margin-bottom:10px; padding-top:2px; color:#808080; text-transform:uppercase; font-size:14px;} .availability .low-stock-icon{ background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/low_stock_icon2.png) left center no-repeat; padding-left:21px;} .product-box .availability { font-weight:600;} /* ============================== .sidebar Top ========================================= */ .sidebar .block-content1 .block-subtitle {background:#aeaeae;font-size: 14px; padding: 10px;text-transform: uppercase;color: #ffffff;} .sidebar .block-content1 .currently {background:#ffffff;padding: 10px;} .sidebar .currently li { margin:5px 0px;} .sidebar .currently li .price { font-weight:600;} .sidebar .block-content1 .actions { font-size: 14px; width:auto; margin:0; clear:both; background:#fff;margin:0 0 8px; padding:0 0 0 27px; } .sidebar .block-content1 .actions a {color:#000;background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/delete_icon2.png) left center no-repeat; display:block; width:100%; padding:12px 12px 12px 20px;} .sidebar .block-content1 .actions:hover {background:#f9c500;} a.at-svc-facebook{background:none !important;} .at-share-btn.at-svc-twitter{background:none !important;} .at-share-btn.at-svc-pinterest_share{background:none !important;} .wordpress-index-index.is-blog #post-list .post-list-item .post-entry.entry li { list-style: outside none noumber; } .sp-methods input.radio {margin-top: 10px;} .sp-methods dd { clear:both;} .sp-methods dd li{ float:left; margin-bottom:10px;} .sp-methods input{ float:left; margin-top:10px;} .sp-methods label{ float:left; margin:11px 5px 3px; color:#000000; font-weight:normal; position:relative; z-index:0;text-transform:uppercase; } .sp-methods .shipping-extra-text{padding: 0 5px;background:#fff; border:1px solid #dedfe1; width:245px; height:34px; line-height:34px;margin-top:-2px; } .pick-up {clear:both; width: 100%; border-top: 1px solid #adb1b2;display: block;margin-top: 15px;padding: 19px 0 0px 20px;position: relative;} .pick-up > label {display: block; width:100%;/*line-height: 34px !important;*/} .pick-up input { clear:both; width:40% !important;} .pick-up img {left: 40%;position: absolute;top: 73%;} .purchase-ord {clear:both; width: 100%; border-top: 1px solid #adb1b2;display: block;margin-top: 15px;padding: 20px 0 0px 20px;} .purchase-ord > label {display: block; width:100%;/*line-height: 34px !important;*/} .purchase-ord input { clear:both;width:40% !important;} .customer-account-forgotpassword .messages{ position: absolute; top: 40px; width: 100%;} .please-call{ font-weight:normal} .contacts-index-index #contactForm .input-box select { border: 1px solid #eee; border-radius: 0; width: 272px; } /***************Contact-info style Start **************************/ .contacts-index-index .contact-info { background:#ffffff; padding:34px 40px 30px; margin-top:30px; border:1px solid #e6e6e6; float:left; } .contacts-index-index .contact-info h2 { border-bottom:2px solid #bdbdbd; display:inline-block; text-transform:uppercase; font-weight:600; line-height:1; } .contacts-index-index .contact-info p { float: left; margin-left: 35px; width: 100%; margin-bottom:5px; } .contacts-index-index .contact-info .dealer h2 { margin-bottom:13px; margin-top:6px; } .contacts-index-index .contact-info .general p { margin-top:2px; margin-bottom:5px; } .contacts-index-index .contact-info p.general1, .contacts-index-index .contact-content .name { font-weight:600; font-size:14px; } .contacts-index-index .contact-info p span { text-transform:uppercase; float:left; width:19.25%; /*line-height:22px;*/ letter-spacing:0.02em; } .contacts-index-index .contact-info p .general2, .contacts-index-index .contact-info p .dealer2 { width:16%; } .contacts-index-index .contact-info p .general3, .contacts-index-index .contact-info p .dealer3 { width:22%; } .contacts-index-index .contact-info .contact-content { overflow: hidden; padding-bottom: 15px;} .contacts-index-index .contact-info p .dealer2, .contacts-index-index .contact-info p .general2 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/phone.gif) left center no-repeat; padding-left:20px;} .contacts-index-index .contact-info p .dealer3, .contacts-index-index .contact-info p .general3 {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/email.gif) left center no-repeat; padding-left:20px;} .contacts-index-index .contact-info .general p a, .contacts-index-index .contact-content p a {color: #2f2f2f;} .contacts-index-index .contact-info .general p a:hover, .contacts-index-index .contact-content p a:hover {color: #f9c500;} /***************Contact-info style End **************************/ /***************New Header **************************/ .top-header-block.logout {height: 90px;} header#header .top-header-block.logout h1.logo {margin: 27px 0 0 !important;} .top-header-block.logout .hotline {margin: 10px 0 5px;color: #fac600;font-size: 14px;font-family: 'Open Sans',sans-serif;} .top-header-block.logout .hotline span {background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/new_phone.png) left center no-repeat;margin-left: 8px; padding-left: 21px;font-weight: 300;} header#header .top-header-block.logout .wishlist-save {margin: -22px 0 0 10px !important;} header#header .top-header-block.logout .wishlist-save a { height: 48px !important;line-height: 48px !important; background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/new_catlog_icon.png") left 18px no-repeat !important;} header#header .top-header-block.logout .wishlist-save a:hover { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/new_catlog_icon_h.png") left 18px no-repeat !important;} header#header .top-header-block.logout .wishlist-save:hover { background-image: inherit !important; background-color: #fac600 !important;} /** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(http://www.foagroup.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(http://www.foagroup.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(http://www.foagroup.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(http://www.foagroup.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(http://www.foagroup.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(http://www.foagroup.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(http://www.foagroup.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(http://www.foagroup.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(http://www.foagroup.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ div.amshopby-column { float:left; width:83px; } select.amshopby-select { width:170px; } .amshopby-logo{ padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link{ float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} .block-content dd a.amshopby-attr {padding-left:27px; background:transparent url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/amshopby-cb1.png) no-repeat left center;text-decoration: none; display:block;} .block-content dd a.amshopby-attr-selected {font-weight: normal; padding-left:27px; background:transparent url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/amshopby-cb2.png) no-repeat left center;} div.block-layered-nav dd a img {padding: 0px 4px 5px; float:left;} div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;color:black; text-decoration: none; cursor:text;} div.block-layered-nav dd li span.amshopby-plusminus {float:left;display:block; width:15px; height:15px; cursor:pointer; background:transparent url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav dt { cursor:pointer; padding-left:15px; background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/amshopby-expanded.gif) center left no-repeat; } div.block-layered-nav dt.amshopby-collapsed {background:none repeat scroll 0 0 rgba(0, 0, 0, 0);} div.block-layered-nav div.amshopby-slider { position:relative; margin:10px auto 5px auto; z-index:9; height:18px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/amshopby-slider-bg.gif) no-repeat 50% 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {width:8px; top:3px; height:14px; background: transparent url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('http://www.foagroup.com/skin/frontend/plumtree/foa/images/amshopby-overlay.gif') 50% 50% no-repeat; } /* * Advanced Categories */ .amshopby-advanced li { clear: both; } .amshopby-advanced li.level1 { padding-left: 20px; } .amshopby-advanced li.level2 { padding-left: 30px; } .amshopby-advanced li.level3 { padding-left: 40px; } .amshopby-advanced li.level4 { padding-left: 50px; } .amshopby-advanced li.active > a { font-weight: bold; } /* * Slider Bar */ .amshopby-slider-bar { position:absolute; background: #999; height: 6px; top: 6px; z-index: 1; } /* * Subcategores block */ .amshopby-subcategory-image { overflow: auto; } .btn-remove-inline { background-image: url('http://www.foagroup.com/skin/frontend/plumtree/foa/images/btn_remove.gif'); background-position: left 4px; background-repeat: no-repeat; height: 16px; margin-left: 5px; width: 13px; } .btn-remove-inline:hover { /* background-position: center bottom; */ } .amshopby-hightlighted { background: yellow;} /* Video Gallery CSS */ .video-gallery-links li a.video-thumb span{opacity:0.8;background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/iceberg/videogallery/images/video_play.png") no-repeat scroll 0 0 transparent; background-size:33px 66px; display:block;height:33px;margin:10px 0 0 22px;position:absolute;width:33px;} .video-gallery-links li a.video-thumb:hover span{opacity:1;background-position:0 -33px} /* Style 01 */ #vg-style-01 {position:relative} /* Style 02 - Media tabbed 1 */ #vg-style-02 {position:relative} #vg-style-02 ul.media-tabs{list-style: none; height:29px; border-bottom:1px solid #ccc; margin-bottom:7px} #vg-style-02 .media-tabs li{float:left;margin:0;border:1px solid #ccc;background-color:#ccc;height:28px} #vg-style-02 .media-tabs li.last{border-right:1px solid #ccc} #vg-style-02 .media-tabs li.active {font-weight:bold; background-color:#fff;border-width:1px 1px 0px 1px;height:29px} #vg-style-02 .media-tabs a {text-decoration: none; color: #333333;padding:4px 10px;display:block} #vg-style-02 .media-tabs .active a {color: #000000;} #vg-style-02 .more-views h2 {display:none} /* Media tabbed 2 */ #vg-style-03 {position:relative} #vg-style-03 ul.media_tabs{list-style: none; height:29px; border-bottom:1px solid #ccc;} #vg-style-03 .media_tabs li{float:left;margin:0;border:1px solid #ccc;background-color:#ccc;height:28px} #vg-style-03 .media_tabs li.last{border-right:1px solid #ccc} #vg-style-03 .media_tabs li.active {font-weight:bold; background-color:#fff;border-width:1px 1px 0px 1px;height:29px} #vg-style-03 .media_tabs a {text-decoration: none; color: #333333;display:block;padding:4px 10px 5px 10px;} #vg-style-03 .media_tabs .active a {color: #000000;} #vg-style-03 .media_box {padding:10px 0; clear:both;} #vg-style-03 .video-description{padding-bottom:5px} #storelocator-container { font-family: 'Open Sans', sans-serif; font-size:12px; border:0; background:white; padding:0 0px 10px 0px; } #sidebar a { cursor:pointer; } .Subheading{ margin:0; padding:0; font-size:14px; font-family: 'Open Sans', sans-serif;} .StoreLoactorsearch{ margin:204px auto 0; padding:17px 0 17px 120px; position:relative; background:url("http://www.foagroup.com/skin/frontend/plumtree/foa/storelocator/images/menuhoverbg.png") left top;} .StoreLoactorsearch ul{ margin:0; padding:0px; list-style:none;} .StoreLoactorsearch ul li{ float:left; padding:0 11px 0 0;} .StoreLoactorsearch ul li input{ width:350px; border: 1px solid #DEDFE1;height: 34px; text-transform:uppercase; line-height: 34px; padding: 0 5px background:#FFF;color: #181D23;} .StoreLoactorsearch ul li select{ width:100px; border:solid 1px #999; padding:4px; background:#FFF;} .StoreLoactorsearch ul li .select-div {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/storelocator/images/select_arrow.png) 196px 13px no-repeat; width:219px;border: 1px solid #DEDFE1;height: 34px; border-radius:20px; float:left; overflow:hidden; padding:0;} .StoreLoactorsearch ul li .select-div select {background: none; border: medium none; height: 34px; padding: 5px 10px 5px; width: 112% !important;} .StoreLoactorsearch ul li input.form-button {padding:5px 0 13px; width:110px; border:none; height:18px; border-radius: 2px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/storelocator/images/newsletterbtn.jpg) left top repeat-x; font-weight: bold; color: #000 !important; text-transform: uppercase; font-size: 18px; font-family: 'Open Sans', sans-serif; float:left; text-align:center; white-space:nowrap; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .StoreLoactorsearch ul li input.form-button:hover { background:#aeaeae;} .StoreSidbarheading {margin:0; padding:0;color:#000;} .StoreSidbarheading h2 {font:300 18px 'museo-slab',serif !important; } .StoreLocater h1 { font-size:22px; font-weight:bold; padding-bottom:5px; text-transform:uppercase; color:#000;} #map { width:65% !important; overflow: hidden; height:400px!important;} .Sidebar2{font-family: 'Open Sans', sans-serif; color:#404040; font-size:12px; padding-right:10px;} #cm_mapTR #sidebar a{ display:block; clear:both; margin:0; padding:0;} #cm_mapTR #sidebar b, #cm_mapTR #sidebar strong{ font-weight:normal;} #cm_mapTR #sidebar .newboxes{ float:left; padding-bottom:15px; width:auto; font-size:12px; margin:0px 15px 0px 25px; font-family: 'Open Sans',serif ; color:#494949; line-height:20px;} #cm_mapTR #sidebar a.downarrow{ background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/storelocator/images/select_arrow.png) right 9px no-repeat; padding:5px 0 0 0; text-decoration:none; color:#494949; font-size:13px;font-weight:600;} #cm_mapTR #sidebar a.uparrow{ background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/storelocator/images/page_arrow.png) right center no-repeat; padding:5px 0; text-decoration:none; color:#494949; font-size:13px; font-weight:600;} #cm_mapTR .Number{ background:#b3b3b3; color: #FFFFFF; float: left; margin: 0 8px 0 0; padding: 0 3px; line-height:17px;} #cm_mapTR .SidebarHeading { margin-left:0px;} #cm_mapTR button.button{ margin:5px 0 0px;} /*#cm_mapTR button.button span{ height:22px; line-height:22px; font-size:13px;} #cm_mapTR button.button span span{ height:22px; line-height:22px; font-size:12px;} */ .DirectionPopupField{ background:#FFFFFF; border: 1px solid #CCCCCC; left: 250px; margin: 0; padding: 20px; position: absolute; top: 150px; width: 390px; z-index:9999999;} .StorePopupContent p{ margin:0; padding:0;} .StorePopupContent input{ width:250px; border: 1px solid #DEDFE1;height: 34px; text-transform:uppercase; line-height: 34px; padding: 0 5px background:#FFF;color: #181D23;} .StorePopupContent input.form-button{ padding:5px 0 13px; width:110px; border:none; height:18px; cursor:pointer; border-radius: 2px; background: url(http://www.foagroup.com/skin/frontend/plumtree/foa/storelocator/images/newsletterbtn.jpg) left top repeat-x; font-weight: 600; color: #000 !important; text-transform: uppercase; font-size: 18px; font-family: 'Open Sans', sans-serif; float:left; text-align:center; white-space:nowrap; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease;} .DirectionPopupBG { background:#000000; height:100%; left:0; opacity:0.8; position:fixed; top:0; width:100%; z-index:999999;} .StoreCloseButton{ float:right; cursor: pointer;} #storelocator-container { padding:10px; } .BototomContentBlock{background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/storelocator/images/cart_table_content_bg.png) right bottom no-repeat; padding:13px; margin:0px 0px 10px 0px; text-align:left; color:#404040; font-size:12px; line-height:17px;} .reward-message{margin: 5px 0;} /*.StoreLoactorsearch{ margin:0px auto 0;} #storelocator-results { height:auto;}*/ #storelocator-results { height:236px;} #storelocator-results .storesearch_content { width:35%; float:left; height:400px; overflow:auto; } .Sidebar2 .newboxes .button { -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease;} .DirectionPopupField .Subheading {font:300 18px 'museo-slab',serif !important; } #directions { background:#fff !important; clear:both;} #adp-placemark .adp-text {font:300 18px 'museo-slab',serif !important; vertical-align:middle; padding:0 10px;} .adp-placemark .adp-text {font:300 14px 'museo-slab',serif !important; vertical-align:middle; padding:0 10px;} .adp-step, .adp-substep { font-size:12px;} @media only screen and (min-width: 768px) and (max-width: 977px) { #storelocator-container {margin-left: 3px;width: 98%;} .StoreLoactorsearch{ padding:17px 0 17px 17px;} .StoreLoactorsearch ul li input{ width:238px;} #storelocator-results { width:100%;} #map { width:65%!important; height:300px!important;} .DirectionPopupField{left: 160px;} #storelocator-results .storesearch_content { width:35%; height:300px; overflow:auto; } } @media only screen and (max-width: 767px) { #storelocator-container {margin-left: 3px;width: 98%;} .StoreLoactorsearch{ padding:17px 0 17px 17px;} .StoreLoactorsearch ul li input{ width:177px;} #storelocator-results { width:100%;} #map { width:65%!important; height:300px!important;} .StoreLoactorsearch ul li .select-div {width:175px;background-position:149px 13px;} .DirectionPopupField{left: 50px;} button.button span span {padding: 8px 7px 10px;} #storelocator-results .storesearch_content { width:35%; height:300px; overflow:auto; } #cm_mapTR #sidebar a.uparrow{font-size:11px;} } @media only screen and (max-width: 550px) { #storelocator-container {margin-left: 0px;width: 97%;} .StoreLoactorsearch ul li input{ width:150px;} .StoreLoactorsearch ul li .select-div {width:150px; background-position:124px 13px;} .StoreLoactorsearch ul li input.form-button {width:92px;} button.button span {font-size: 12px;} button.button span span {padding: 8px 17px 10px;} .DirectionPopupField{left: 18px; padding: 15px;width: 390px;} #map { width:100%!important; height:400px!important;} #storelocator-results .storesearch_content { margin-bottom:10px;float: none;width: 100%; height:200px; overflow:auto;} } @media (max-width: 479px) { .StoreLoactorsearch ul li input{ width:214px; margin-bottom:10px;} .StoreLoactorsearch ul li .select-div {width:120px; background-position:94px 13px;} .StoreLoactorsearch ul li input.form-button {width:92px;} #storelocator-container {margin-left: -10px;width: 100%;} #storelocator-results .storesearch_content { margin-bottom:25px;float: none;width: 100%; height:250px;} #map { width:100%!important; height:200px!important;} .DirectionPopupField {left: 0;padding: 10px;width: 231px;} .StorePopupContent input {width: 208px;} .StorePopupContent input.form-button { margin:10px 0 0 -10px;} button.button span span {padding: 8px 20px 10px;} } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; width:770px !important; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); /*padding:0 !important;*/ } .fancybox-outer, .fancybox-inner { position: relative;width:770px !important; height:468px !important; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://www.foagroup.com/skin/frontend/plumtree/foa/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('http://www.foagroup.com/skin/frontend/plumtree/foa/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('http://www.foagroup.com/skin/frontend/plumtree/foa/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('http://www.foagroup.com/skin/frontend/plumtree/foa/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .fancybox-outer h1 { height:70px; background:#323232; font:400 36px/70px 'museo-slab',serif ; text-transform:uppercase; color:#fff; text-align:center;} .fancybox-outer .reg_customer { float:left; margin:24px 0 32px 32px; padding-right:32px; border-right:2px solid #898989; width:41.5%;text-align:center;} .fancybox-outer .reg_dealer { float:left; margin:24px 32px 32px;width:41.5%;text-align:center;} .fancybox-outer span { color:#4d4d4d;font:100 48px/70px 'museo-slab',serif ; text-transform:uppercase; } .fancybox-outer h3 { color:#4d4d4d;font:300 48px/70px 'museo-slab',serif ; text-transform:uppercase; margin-bottom:10px;} .fancybox-outer p {color:#4d4d4d;font:400 12px/24px 'Open Sans',serif; text-align:left;} .fancybox-outer .reg_button {width: 190px; height:50px; margin:20px auto 10px;text-transform: uppercase;border-radius: 2px;font-size: 18px;line-height:50px; text-align:center;font-family: 'Open Sans', sans-serif; display:block;background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/register.jpg") repeat-x left top; padding:0px;} .fancybox-outer .reg_button a { display:block;font-weight: 600;color: #000 !important; cursor:pointer;} .fancybox-outer .reg_button:hover{ background:#aeaeae;} #inline_content_register { padding:0 20px 20px;} #inline_content_register h1 { margin: 0 -20px 20px;} #inline_content_register p {color:#2f2f2f;font:400 12px/18px 'Open Sans',serif; text-align:left; margin-bottom:10px;} #inline_content_register strong { font-weight:600;} #inline_content_register ol { list-style: decimal; margin-left:15px;} #inline_content_register ol li { margin-bottom:10px; color:#2f2f2f;font:400 12px/18px 'Open Sans',serif; text-align:left;} #inline_content_register ol li span { font:400 11px/18px 'Open Sans',serif; text-transform:none; } #inline_content_register ol li a { color: #000; padding:0 20px;} /*================================choose-category==============================*/ .choose-category { width:503px !important;} .choose-category .fancybox-outer, .choose-category .fancybox-inner { position: relative;width:503px !important; height:336px !important; } .choose-register-form { padding:32px 56px; position:relative;} .choose-category li input { float:left; padding-left:36px;} .choose-category li { height:36px;} .choose-category li .text-data { color: #494949;float: left;font-family: open sans;font-size: 15px;padding: 3px 0 0 10px;} .choose-category #radio-error { margin-left:4px; min-height:13px; font-size:12px; line-height:13px;color:#f00; } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://www.foagroup.com/skin/frontend/plumtree/foa/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } } @media only screen and (min-width: 768px) and (max-width: 977px) { .fancybox-wrap { width:730px !important; height:452px !important;} .fancybox-outer, .fancybox-inner {width:730px !important; height:452px !important;} /*#cboxContent{width:730px !important; height:452px !important;} #cboxLoadedContent{width:730px !important; height:452px !important;} */ .fancybox-outer .reg_customer { margin:24px 0 24px 24px; padding-right:24px; width:43.25%;} .fancybox-outer .reg_dealer { margin:24px 24px 24px;width:43.25%;} .fancybox-outer span { font:100 36px/60px 'museo-slab',serif ; } .fancybox-outer h3 { font:300 36px/60px 'museo-slab',serif ; } .fancybox-outer p {font:400 12px/18px 'Open Sans',serif; } .fancybox-outer .reg_button {width: 150px; margin:10px auto 10px;} .choose-category { width:503px !important;} .choose-category .fancybox-outer, .choose-category .fancybox-inner {position: relative;width:503px !important; height:336px !important;} } @media only screen and (max-width: 767px) { .fancybox-wrap { width:90% !important; height:400px !important;} .fancybox-outer, .fancybox-inner { width:100% !important; height:400px !important;} /*#cboxContent{width:100% !important; height:452px !important;} #cboxLoadedContent{width:100% !important; height:452px !important;} */ .fancybox-outer .reg_customer { margin:20px 0 20px 20px; padding-right:20px; width:41.5%;} .fancybox-outer .reg_dealer { margin:20px 20px 20px;width:41.5%;} .fancybox-outer span { font:100 30px/40px 'museo-slab',serif ; } .fancybox-outer h3 { font:300 30px/40px 'museo-slab',serif ; } .fancybox-outer p {font:400 12px/18px 'Open Sans',serif; } .fancybox-outer .reg_button {width: 150px; margin:10px auto 10px;} .choose-category { width:503px !important;} } @media only screen and (max-width: 550px) { .fancybox-wrap .reg_customer { width:40.5%;} .fancybox-wrap .reg_dealer { width:40.5%;} #inline_content_register h1 { font-size:30px;} .choose-category { width:425px !important;} .choose-category .fancybox-outer, .choose-category .fancybox-inner {position: relative;width:425px !important; height:270px !important;} .choose-register-form { padding:20px 54px; position:relative;} .choose-category li input { float:left; padding-left:36px;} .choose-category li { height:24px;} .choose-category li .text-data {font-size: 12px;} .choose-category #radio-error {font-size:11px; } } @media only screen and (max-width: 479px) { .fancybox-wrap { height:510px !important;} .fancybox-outer, .fancybox-inner {height:510px !important;} /*#cboxContent{height:500px !important;} #cboxLoadedContent{height:500px !important;} */ .fancybox-outer .reg_customer {margin:10px 0 0px 10px; width:93% !important; border:none; padding:0;} .fancybox-outer .reg_dealer {margin:10px 10px 10px;width:93% !important;} .fancybox-outer h1 { font:400 28px/70px 'museo-slab',serif ; padding-left:10px; text-align:left;} #inline_content_register h1 { font-size:22px;} .fancybox-outer .reg_customer span, .fancybox-outer .reg_dealer span { float:left; margin: 0 10px 0 0px;} .fancybox-outer .reg_customer h3, .fancybox-outer .reg_dealer h3 { float:left; } .fancybox-outer .reg_customer p, .fancybox-outer .reg_dealer p { clear:both;} .fancybox-close {right: 1px;} .choose-category { width:280px !important;} .choose-category .fancybox-outer, .choose-category .fancybox-inner {position: relative;width:280px !important; } .choose-category h1 { font-size:24px;} .choose-register-form { padding:20px 5px; } .choose-category li input { padding-left:10px;} .choose-category li .text-data { width:230px;} } #fancybox-loading div { background-image: url('http://www.foagroup.com/skin/frontend/plumtree/foa/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } /** * Skin */ /*======Skin Images ======*/ .header-slider-container.header-slider{ background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/media/slider_img.png); } aside.sidebar section.block-vertical-nav .block-content li.level0 a, #categories-accordion li.level-top.parent ul.level0 li a{ /*background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/menu_items_marker.png);*/ } .block-layered-nav dl#layered_navigation_accordion dt span{ background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/shop_by_items_markers.gif) left 3px no-repeat; } header#header .menu-button{background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/menu_button_mobile.png);} .catalog-category-view .category-wrapper {height: 180px; } .catalogsearch-result-index .category-wrapper { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/media/content_wrapper_bg.jpg) no-repeat;} .category-wrapper .banner-catagory-image { top:0px;overflow: hidden;position: absolute;z-index: -2;height: 180px; float:left; width:100%; background-position: center top !important; background-repeat: no-repeat !important;} .catalogsearch-result-index .category-wrapper { margin-top:118px; height:180px; background-position: center top !important; background-repeat: no-repeat !important;} .catalog-product-view .category-wrapper { background:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/product_detail_banner.jpg); height:180px; } @media only screen and (max-width: 1155px) { .category-wrapper .banner-catagory-image img { display:block; height:100%; } } @media only screen and (max-width: 767px) { header#header .dropdown-links .dropdown-links-title{background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/mob_dropdown_markers.png);} } /*======Site Bg=======*/ .content-wrapper{background-color:#eff2f2;} /*======Skin Color #1=======*/ a:hover, header#header .links li a:hover, header#header .top-cart .block-title a span.price, header#header .top-cart .product-box, header#header .top-cart .price, #footer .footer-main-block .custom-footer-content ul li a:hover, #categories-accordion li.level-top.parent ul.level0 li a:hover, aside.sidebar section.block-vertical-nav .block-content li.level0 a:hover, .block-layered-nav dl#layered_navigation_accordion.closed-default dd ol li:hover, .block-layered-nav dl#layered_navigation_accordion.closed-default dd ol li:hover a, .block-layered-nav dl#layered_navigation_accordion.closed-default dd ol li:hover a span, aside.sidebar section.block-layered-nav dl dd a:hover, aside.sidebar .product-name a:hover, aside.sidebar section.block-wishlist li.item .product-details .price-box .price, .products-list .price-box .price, .products-list button:hover span span, .products-grid .actions button:hover span span, .product-view .product-shop .price-box .price, .product-view .product-shop .product-box .availability, .tier-prices .price, .product-view .box-up-sell .products-grid .price-box .price, .catalog-product-view .box-reviews .full-review, .cart .crosssell li.item button:hover span span, .account-login .registered-users .buttons-set a:hover, .block-account li strong, .block-account li a:hover, .home-slider-conainer .products-grid button:hover span span, .cms-home .home-block-wrapper .home-block h2 span, .cms-home .home-block-wrapper .home-block h3 span, .grid-text-box button span span, .nav-wide#nav li.nav-static-block .menu-text-block h3{color:#fac600;} #nav > li.over > a, #nav > li.active > a, #nav ul li.active > a, #nav ul li.over > a, header#header .links li a .link-marker, header#header .dropdown-links .dropdown-links-title .link-marker, #topCartContent .actions, button.button span, #footer .top-footer-block ul li:hover, #footer .form-currency a:hover, #toTop, header#header .menu-button:hover, header#header .menu-button.active, aside.sidebar section header:hover .title-marker, aside.sidebar section header.active .title-marker{background-color:#fac600;} #footer .top-footer-block ul.links li.last:hover, ul.social-links li a:hover, .catalog-category-view nav.breadcrumbs li a:hover, .catalog-product-view nav.breadcrumbs li a:hover, aside.sidebar section:first-child header, #categories-accordion li.level-top.parent .btn-cat.closed, .btn-remove:hover, .block-compare .actions button:hover span.marker, .block-compare .actions a:hover span.marker, .block-poll .actions button:hover span.marker, aside.sidebar .block-tags .actions a:hover span.marker, .block-wishlist .prev:hover, .block-wishlist .next:hover, .sorter .view-mode strong.grid, .sorter .view-mode strong.list, .sorter .sort-by a:hover, .pager .pages li:hover, .pager .pages li:hover a.i-next, .pager .pages li:hover a.i-previous, .add-to-links li a.link-compare:hover span.marker, .add-to-links li a.link-wishlist:hover span.marker, .my-wishlist input.quantity-decrease:hover, .cart-table input.quantity-decrease:hover, .add-to-cart input.quantity-decrease:hover, .my-wishlist input.quantity-increase:hover, .cart-table input.quantity-increase:hover, .add-to-cart input.quantity-increase:hover, .product-view .product-shop .product-bottom-box .email-friend a:hover span.marker, .meigee-tabs li:hover, .meigee-tabs li.active, .block-related .product .product-details .link-wishlist:hover span.marker, .block-related .prev:hover, .block-related .next:hover, .product-view .product-prev:hover, .product-view .product-next:hover, .product-collateral#collateral-accordion h2:hover, .product-collateral#collateral-accordion h2.active, .cart-table .link-wishlist:hover, .cart-table .cart-edit:hover, .my-wishlist .link-edit:hover, .cart-table .btn-remove2:hover, .cart-table .buttons-row .btn-continue span span, .cart .totals-border .totals-title, #cart-accordion h3.accordion-title:hover, #cart-accordion h3.accordion-title.active, .block-account li.current .marker, .block-account li:hover .marker, .opc .active .step-title, .cms-home .home-block-wrapper .home-block button:hover span, header#header .links li.last:hover{/*background-color:#b84040;*/} @media only screen and (max-width: 767px){ .header-slider-container .container_12.arrs .prev:hover, .header-slider-container .container_12.arrs .next:hover, header#header .dropdown-links.active, header#header .dropdown-links:hover{background-color:#b84040!important;} } .header-slider-container .prev:hover, .header-slider-container .next:hover, .slider-container .prev:hover, .slider-container .next:hover, .more-views .prev:hover, .more-views .next:hover{ background-color:rgba(250, 198, 0, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCb84040,endColorstr=#CCb84040); zoom: 1; } .header-slider-container .iosSlider .slider .item .desc-box .inner{ background-color:rgba(184, 64, 64, 0.95); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2b84040,endColorstr=#F2b84040); zoom: 1; } /** * Skin */ .price, header#header .top-cart .block-content .subtotal span, header#header .top-cart .block-content .right .inner a, #footer .footer-main-block h3, #footer .block-subscribe .input-box button span, aside.sidebar section header h2, .page-title h1, .page-title h2, .category-description, .products-grid .actions button span span, .products-grid .info-box .details, .block-related .info-box .details, .product-view .product-name h2, .add-to-box .add-to-cart button span span, .add-to-cart .qty, .product-view .product-custom p, .data-table .product-name a, .cart .crosssell h2, .cart .crosssell h3, .account-login .new-users .content h2, .account-login .registered-users .content h2, .dashboard .box-title h2, .dashboard .box-head h2, .opc .step-title .number, .opc .step-title h2, .opc .step h3, .header-slider-container .iosSlider .slider .item h2, .header-slider-container .iosSlider .slider .item h3, .header-slider-container .iosSlider .slider .item .info-box .price-box .price, .header-slider-container .iosSlider .slider .item .item-title, .cms-home .wrapper-container .std .page-title h3, .cms-home .home-block-wrapper .home-block h2, .cms-home .home-block-wrapper .home-block h3, button.btn-big span span, .grid-text-box h2, .grid-text-box h3, .catalog-product-view .category-wrapper .grid_12 h1, .nav-wide#nav li.nav-static-block .menu-text-block h2, .nav-wide#nav li.nav-static-block .menu-text-block h3, header#header .menu-button, header#header .dropdown-links .dropdown-links-title, .error-msg, .success-msg, .note-msg, .notice-msg{font-family: 'Open Sans', serif;} /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* #Desktop - Extra Large ================================================== */ @media only screen and (min-width: 1280px) { /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width:960px; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width:968px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left:9px; margin-right:9px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:54px; } .container_12 .grid_2 { width:138px; } .container_12 .grid_3 { width:200px; } .container_12 .item { width:223px; margin-left:0px; margin-right:19px; } .checkout-onepage-index .container_12 .grid_3 { width:290px;} .checkout-onepage-index .footer-main-block .container_12 .grid_3 { width:232px !important;} .checkout-onepage-index .footer-main-block .container_12 .omega { width:198px !important;} .container_12 .grid_4 { width:306px; } .checkout-onepage-index .container_12 .grid_4 { width:276px;} .container_12 .grid_5 { width:390px; } .dashboard .grid_5, .dashboard .grid_4 { width:48% !important;} .container_12 .grid_6 { width:474px; } .container_12 .grid_7 { width:558px; } .container_12 .grid_8 { width:642px; } .catalog-category-view .container_12 .grid_9 { width:726px; } .container_12 .grid_9 { width:710px; } .checkout-onepage-index .container_12 .grid_9 { width:640px;} .container_12 .grid_10 { width:810px; } .container_12 .grid_11 { width:894px; } .container_12 .grid_12 { width:960px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:106px; } .container_12 .prefix_2 { padding-left:212px; } .container_12 .prefix_3 { padding-left:240px; } .container_12 .prefix_4 { padding-left:424px; } .container_12 .prefix_5 { padding-left:530px; } .container_12 .prefix_6 { padding-left:636px; } .container_12 .prefix_7 { padding-left:742px; } .container_12 .prefix_8 { padding-left:848px; } .container_12 .prefix_9 { padding-left:954px; } .container_12 .prefix_10 { padding-left:1060px; } .container_12 .prefix_11 { padding-left:1166px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:106px; } .container_12 .suffix_2 { padding-right:212px; } .container_12 .suffix_3 { padding-right:318px; } .container_12 .suffix_4 { padding-right:424px; } .container_12 .suffix_5 { padding-right:530px; } .container_12 .suffix_6 { padding-right:636px; } .container_12 .suffix_7 { padding-right:742px; } .container_12 .suffix_8 { padding-right:848px; } .container_12 .suffix_9 { padding-right:954px; } .container_12 .suffix_10 { padding-right:1060px; } .container_12 .suffix_11 { padding-right:1166px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:106px; } .container_12 .push_2 { left:212px; } .container_12 .push_3 { left:318px; } .container_12 .push_4 { left:424px; } .container_12 .push_5 { left:530px; } .container_12 .push_6 { left:636px; } .container_12 .push_7 { left:742px; } .container_12 .push_8 { left:848px; } .container_12 .push_9 { left:954px; } .container_12 .push_10 { left:1060px; } .container_12 .push_11 { left:1166px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-106px; } .container_12 .pull_2 { left:-212px; } .container_12 .pull_3 { left:-318px; } .container_12 .pull_4 { left:-424px; } .container_12 .pull_5 { left:-530px; } .container_12 .pull_6 { left:-636px; } .container_12 .pull_7 { left:-742px; } .container_12 .pull_8 { left:-848px; } .container_12 .pull_9 { left:-954px; } .container_12 .pull_10 { left:-1060px; } .container_12 .pull_11 { left:-1166px; } /* Adaptive */ /* 2 columns list */ .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right:0; } .category-products .products-grid li.item:nth-of-type(3n+1){ margin-left:0; clear:left; } .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:15px; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right:0; margin-left:15px; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+3){ margin-right:0px; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+1){ margin-left:0px; } .category-products .products-grid.small-grid li.item:nth-of-type(5n+5){ margin-right:0; margin-left:0px; } .category-products .products-grid.small-grid li.item:nth-of-type(5n+1){ margin-left:0px; clear:left; } .products-grid.widget-grid li.item:nth-of-type(4n+4){ margin-right:0; } .products-grid.widget-grid li.item:nth-of-type(4n+1){ clear:left; margin-left:0; } .products-grid#upsell-product-table > li:nth-of-type(5n+5){ margin-right:0; } .products-grid#upsell-product-table > li:nth-of-type(5n+1){ clear:left; } .block-related .no-slider li.item:nth-of-type(9n+9){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(9n+1){ clear:left; } .more-views ul.no-slider li:nth-of-type(5n+5){ margin-right:0; } .more-views ul.no-slider li:nth-of-type(5n+1){ clear:left; } /* 1 column list */ .col1-layout .category-products .products-grid li.item:nth-of-type(3n+1){ clear:none; margin-left:0px; } .col1-layout .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right: 0px; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+4){ margin-right:0; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+1){ clear:left; margin-left:0; } .col1-layout .products-grid.large-grid li.item:nth-of-type(2n+1){ clear:none; margin-left:15px; } .col1-layout .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right: 15px; } .col1-layout .products-grid.large-grid li.item:nth-of-type(4n+1){ clear:none; margin-left:15px; } .col1-layout .products-grid.large-grid li.item:nth-of-type(4n+4){ margin-right: 15px; } .col1-layout .products-grid.large-grid li.item:nth-of-type(3n+1){ clear:left; margin-left:0; } .col1-layout .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:0; } .col1-layout .products-grid.large-grid li.item{width:397px;} .col1-layout .products-grid.small-grid li.item:nth-of-type(4n+1){ clear:none; margin-left:10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-right: 10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(5n+1){ clear:none; margin-left:10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(5n+5){ margin-right: 10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(6n+1){ clear:left; margin-left:0; } .col1-layout .products-grid.small-grid li.item:nth-of-type(6n+6){ margin-right:0; } .col1-layout .products-grid.small-grid li.item{width:192px;} #nav.nav-wide li.nav-static-block{ padding-left:55px !important; } /* Wide Menu */ #nav.nav-wide li.tech { padding: 1.5em 31px 0 0; width: 220px; } /*header#header .top-header-block .grid_12 .links li.last{background:none!important;} .header-block-2-wrapper{position:relative; z-index:99;} .header-slider-container{position:relative; top:-48px; margin-bottom:-48px; z-index:98;} */ .header-slider-container .iosSlider .slider .item .product-img-holder, .header-slider-container .iosSlider .slider .item .item-title, .header-slider-container .iosSlider .slider .item h2, .header-slider-container .iosSlider .slider .item h3, .header-slider-container .iosSlider .slider .item p, .header-slider-container .container_12.arrs{ margin-left:-636px; } .header-slider-container .iosSlider .slider .item .slider-product-img{width:auto; height:auto;} .header-slider-container .iosSlider .slider .item .info-box{ right:37%; } .header-slider-container .iosSlider .slider #item2.item .slider-product-img{ width: auto; } .header-slider-container .iosSlider .slider #item2.item .info-box { left: 30%; } .header-slider-container .iosSlider .slider #item3.item .info-box{ right: 39%; } .home-container-2 .products-grid.widget-grid li.grid_3.item { width: 280px; } .home-slider-conainer .es-carousel-wrapper .products-grid li.item{ width:251px; } .header-slider-container .next{right:-9%;} .header-slider-container .prev{left: -9%;} .header-slider-container .iosSlider .slider #item2.item .item-title span, .header-slider-container .iosSlider .slider #item2.item h2 span, .header-slider-container .iosSlider .slider #item2.item h3 span, .header-slider-container .iosSlider .slider #item2.item p span{padding-left:38%;} .header-slider-container.header-slider-2 .iosSlider{height:571px!important;} aside.sidebar section.block-wishlist li.item .product-details{width:76%;} .products-grid.small-grid li.item {width:223px;} .products-grid.large-grid li.item{width:452px;} .product-essential .product-image .es-nav-prev{ left:0; } .product-essential .product-image .es-nav-next{ right:0; } .product-view .box-up-sell .products-grid li.item { width:242px; } .more-views #more-views-slider{ min-height:135px; } .product-view .productpage_small .more-views #more-views-slider li{width:133px;} .product-view .productpage_medium .more-views #more-views-slider li{width:135px;} .product-view .productpage_large .more-views #more-views-slider li{width:105px;} .product-view .productpage_extralarge .more-views #more-views-slider li{width:135px;} .product-view .product-image .cloud-zoom-big{width:100%!important;} .product-view .more-views #more-views-slider li a{width:auto;} .product-view .more-views #more-views-slider li a img{width:100%;} .product-view .box-up-sell .products-grid li.item{ width:167px; } .block-related #block-related-slider { height: 408px; } .block-related li.item { width: 235px; } /*Multiple Checkout*/ .multiple-checkout .sp-methods .form-list input.input-text{width:306px;} .cart .shipping .form-list .input-box{width:100%;} .cart .shipping .form-list input{ width:96%; } .cart .shipping .form-list select{ width:100%; } .cart .discount .input-box{width:100%;} .cart .discount .input-box input { width: 95%; } .cart .crosssell li.item{width:291px;} .cart .discount .discount-form .buttons-set{padding-right:3px;} /* Cart Crossel*/ #cart-accordion .crosssell { padding:0.75em 9px 0.75em 14px; } .crosssell .product-image img{width:100%;} .cart .totals-wrapper { padding: 20px 41px 12px 41px;} /* opc */ .opc .field{width:410px;} .opc .field input.input-text{width:100%;} .opc .field-2, .opc .name-lastname{width:298px;} .opc .field-2 input.input-text, .opc .name-lastname input.input-text{width:405px;} .opc .form-list .field select, .opc .form-list .field-2 select{width:410px;} .opc .form-list li.wide input.input-text{width:100%;} .form-list li.wide select{width:824px;} .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname{width:275px;} .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text{width:245px;} .opc .form-list .name-middlename{width:135px;} .opc .field-2 input.input-text, .opc .name-lastname input.input-text{width:100%;} .opc .gift-messages-form .allow-gift-messages-for-order-container .form-list input.input-text{width:253px;} .opc .sp-methods input.input-text{width:303px;} /* form list */ .form-list .field{width:298px;} .form-list .name-middlename{width:131px;} .form-list input.input-text{width:100%;} .form-list li.wide input.input-text{width:100%;} .form-list li.wide textarea {width:100%;} } /* #Desktop ================================================== */ @media only screen and (min-width: 978px) and (max-width: 1279px) { /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width: 978px; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 978px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 4px; /* margin-left: 9px;*/ margin-right: 0px; } .catalog-product-view .grid_12 {margin-left: 9px;} .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:54px; } .container_12 .grid_2 { width:138px; } .container_12 .grid_3 { width:200px; } aside.sidebar-right {width:290px !important; margin-right:15px;} .container_12 .item { width:223px; margin-left:0px; margin-right:19px; } .container_12 .grid_4 { width:306px; } .container_12 .grid_5 { width:390px; } .container_12 .grid_6 { width:474px; } .container_12 .grid_7 { width:558px; } .container_12 .grid_8 { width:642px; } .container_12 .grid_9 { width:726px; } .customer-account-index .container_12 .grid_9 { margin-right:20px; !important;} .checkout-onepage-index .container_12 .grid_9 {width: 640px !important;} .container_12 .grid_10 { width:810px; } .container_12 .grid_11 { width:894px; } .container_12 .grid_12 { width:960px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:84px; } .container_12 .prefix_2 { padding-left:168px; } .container_12 .prefix_3 { padding-left:252px; width:auto; } .container_12 .prefix_4 { padding-left:336px; } .container_12 .prefix_5 { padding-left:420px; } .container_12 .prefix_6 { padding-left:504px; } .container_12 .prefix_7 { padding-left:588px; } .container_12 .prefix_8 { padding-left:672px; } .container_12 .prefix_9 { padding-left:756px; } .container_12 .prefix_10 { padding-left:840px; } .container_12 .prefix_11 { padding-left:924px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:84px; } .container_12 .suffix_2 { padding-right:168px; } .container_12 .suffix_3 { padding-right:252px; } .container_12 .suffix_4 { padding-right:336px; } .container_12 .suffix_5 { padding-right:420px; } .container_12 .suffix_6 { padding-right:504px; } .container_12 .suffix_7 { padding-right:588px; } .container_12 .suffix_8 { padding-right:672px; } .container_12 .suffix_9 { padding-right:756px; } .container_12 .suffix_10 { padding-right:840px; } .container_12 .suffix_11 { padding-right:924px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:84px; } .container_12 .push_2 { left:168px; } .container_12 .push_3 { left:252px; } .container_12 .push_4 { left:336px; } .container_12 .push_5 { left:420px; } .container_12 .push_6 { left:504px; } .container_12 .push_7 { left:588px; } .container_12 .push_8 { left:672px; } .container_12 .push_9 { left:756px; } .container_12 .push_10 { left:840px; } .container_12 .push_11 { left:924px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-84px; } .container_12 .pull_2 { left:-168px; } .container_12 .pull_3 { left:-252px; } .container_12 .pull_4 { left:-336px; } .container_12 .pull_5 { left:-420px; } .container_12 .pull_6 { left:-504px; } .container_12 .pull_7 { left:-588px; } .container_12 .pull_8 { left:-672px; } .container_12 .pull_9 { left:-756px; } .container_12 .pull_10 { left:-840px; } .container_12 .pull_11 { left:-924px; } .products-grid.small-grid li.item { width:166px; margin-left: 10px; margin-right: 10px; } .col1-layout .products-grid.small-grid li.item{width:178px;} .products-grid.large-grid li.item { width:348px; margin-left: 15px; margin-right: 15px; } .col1-layout .products-grid.large-grid li.item { width:305px; } /* Adaptive */ /* 2 columns list */ .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right:0; } .category-products .products-grid li.item:nth-of-type(3n+1){ margin-left:0; clear:left; } .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:15px; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right:0; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+3){ margin-right:19px; } .category-products .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-right:0; } .category-products .products-grid.small-grid li.item:nth-of-type(4n+1){ margin-left:0; clear:left; } /* 1 column list */ .col1-layout .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right:15px; } .col1-layout .category-products .products-grid li.item:nth-of-type(3n+1){ margin-left:15px; clear:none; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+4){ margin-right:0; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+1){ margin-left:0; clear:left; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(3n+3){ margin-right:10px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(3n+1){ margin-left:10px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-right:10px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(4n+1){ margin-left:10px; clear:none; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(5n+5){ margin-right:0; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(5n+1){ margin-left:0; clear:left; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:0; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right:15px; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ margin-left:15px; margin-right:15px; clear:none; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:0; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(3n+1){ margin-left:0; clear:left; } .products-grid#upsell-product-table > li:nth-of-type(5n+5){ margin-right:0; } .products-grid#upsell-product-table > li:nth-of-type(5n+1){ clear:left; } .products-grid.widget-grid li.item:nth-of-type(4n+4){ margin-right:0; } .products-grid.widget-grid li.item:nth-of-type(4n+1){ clear:left; margin-left:0; } .home-container-2 .products-grid.widget-grid li.item:nth-of-type(3n+3){ margin-right:0; } .home-container-2 .products-grid.widget-grid li.item:nth-of-type(3n+1){ clear:left; margin-left:0; } .block-related .no-slider li.item:nth-of-type(7n+7){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(7n+1){ clear:left; } .more-views ul.no-slider li:nth-of-type(3n+3){ margin-right:0; } .more-views ul.no-slider li:nth-of-type(3n+1){ clear:left; } header#header .top-header-block .grid_12 .links li.last{background:url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/dealer_login_icon.png") no-repeat left top !important;} .header-slider-container{} .header-slider-container .iosSlider .slider .item .item-title, .header-slider-container .iosSlider .slider .item h2, .header-slider-container .iosSlider .slider .item h3, .header-slider-container .iosSlider .slider .item p{ margin-left:-490px; } .header-slider-container .iosSlider .slider .item h2{top:20px; font-size:2.16em;} .header-slider-container .iosSlider .slider .item h3{top:33%;} .header-slider-container .iosSlider .slider .item p{font-size:1em; line-height:1.3em; top:55%;} .header-slider-container .iosSlider .slider .item .slider-product-img{width:auto; height:auto;} .header-slider-container .iosSlider .slider #item2.item .slider-product-img { width: auto; left:-30%; } .header-slider-container .iosSlider .slider #item2.item .info-box{ left: 31%; } .header-slider-container .iosSlider .slider #item2.item .item-title span, .header-slider-container .iosSlider .slider #item2.item h2 span, .header-slider-container .iosSlider .slider #item2.item h3 span, .header-slider-container .iosSlider .slider #item2.item p span{ padding-left:40%; } .header-slider-container .iosSlider .slider #item3.item .info-box { right: 41%; } .header-slider-container .iosSlider .slider #item3.item p span{padding-right:52%;} .header-slider-container .container_12.arrs{ margin-left:-490px; } .header-slider-container .prev{ left:-88px; } .header-slider-container .next{ right:-55px; } .header-slider-container .prev, .header-slider-container .next{top:26%; margin-top:0;} .home-slider-conainer .es-carousel-wrapper {min-height:395px;} .slider-container.widget-container .next{ right:0; top: 22px; } .slider-container.widget-container .prev{ right:63px; left:auto; top: 22px; } .catalog-product-view .slider-container.widget-container .prev {top: -10px;} .catalog-product-view .slider-container.widget-container .next {top: -10px;} .catalog-product-view .home-slider-conainer .es-carousel-wrapper {min-height:205px;} .catalog-product-view .grid_12 .slider-container {width: 960px;} .footer-main-block .grid_3 {margin-left: 12px;} .sorter .sort-by select { margin: -4px 9px 0;} .sorter .limiter select { margin: 0 9px;} .look_store .input-box .select-div select { padding: 0px 10px;} .opc .form-list .field select, .opc .form-list .field-2 select{ padding: 0px 10px 0px;} /*============Login page=======================*/ .account-login .new-users { width:48.5% !important;} .account-login .registered-users { width:48.5% !important; float:right;} /*============Checkout page=======================*/ #checkout-progress-wrapper .block-progress dt {padding: 17px 10px 17px 26px;} #checkout-progress-wrapper .block-progress dd {padding: 0.38em 5px 0.38em 26px;} /* form list */ .form-list .field{width:298px;} .form-list .name-middlename{width:131px;} .form-list input.input-text{width:100%;} .form-list li.wide input.input-text{width:785px;} .form-list li.wide textarea{ width:785px;} .customerservice-index-index .form-list li.wide textarea { width:100%;} .customerservice-index-ordered .form-list li.wide input.input-text {width:100%;} .customerservice-index-ordered .form-list li.wide textarea { width:100%;} .opc .field input.input-text{width:100%;} .opc .form-list li.wide input.input-text {width: 100%;} .opc .field-2, .opc .name-lastname {width: 298px;} .opc .field-2 input.input-text, .opc .name-lastname input.input-text {width: 100%;} .account-create .form-list li.wide .input-box {width: 558px;} .account-create .form-list li.wide input.input-text {width: 558px;} .customerservice-index-ordered .credit-content {width:97.6%;} } @media only screen and (min-width: 768px) and (max-width: 1024px) { .contacts-index-index .contact-info p span{24.25%;} .contacts-index-index .contact-info p .general2, .contacts-index-index .contact-info p .dealer2 {width: 20%;} .contacts-index-index .contact-info p .general3, .contacts-index-index .contact-info p .dealer3 {width: 30%;} } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px, Gutter: 20px, Unit: 44px */ @media only screen and (min-width: 768px) and (max-width: 977px) { /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width: 768px; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 100%; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 7px; margin-right: 7px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:44px; } .container_12 .grid_2 { width:108px; } .container_12 .grid_3 { width:172px; } .container_12 .grid_4 { width:236px; } .container_12 .grid_5 { width:300px; } .container_12 .grid_6 { width:364px; } .container_12 .grid_7 { width:428px; } .container_12 .grid_8 { width:492px; } .container_12 .grid_9 { width:73%; } .customer-account-index .container_12 .grid_9, .customer-account-edit .container_12 .grid_9, .customer-address-index .container_12 .grid_9, .sales-order-history .container_12 .grid_9, .wishlist-index-index .container_12 .grid_9, .customer-address-form .container_12 .grid_9, .newsletter-manage-index .container_12 .grid_9 {margin-right: 20px;width: 72%;} /*.customer-address-index .container_12 .item {width: 97%;} */ .container_12 .grid_10 { width:620px; } .container_12 .grid_11 { width:684px; } .container_12 .grid_12 { width:97%; } .catalog-product-view .container_12 .grid_12 {width:98%;} /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:64px; } .container_12 .prefix_2 { padding-left:128px; } .container_12 .prefix_3 { padding-left:192px; } .container_12 .prefix_4 { padding-left:256px; } .container_12 .prefix_5 { padding-left:320px; } .container_12 .prefix_6 { padding-left:384px; } .container_12 .prefix_7 { padding-left:448px; } .container_12 .prefix_8 { padding-left:512px; } .container_12 .prefix_9 { padding-left:576px; } .container_12 .prefix_10 { padding-left:640px; } .container_12 .prefix_11 { padding-left:704px; } .category-wrapper .container_12 .grid_12 { width:74% !important;} /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:64px; } .container_12 .suffix_2 { padding-right:128px; } .container_12 .suffix_3 { padding-right:192px; } .container_12 .suffix_4 { padding-right:256px; } .container_12 .suffix_5 { padding-right:320px; } .container_12 .suffix_6 { padding-right:384px; } .container_12 .suffix_7 { padding-right:448px; } .container_12 .suffix_8 { padding-right:512px; } .container_12 .suffix_9 { padding-right:576px; } .container_12 .suffix_10 { padding-right:640px; } .container_12 .suffix_11 { padding-right:704px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:64px; } .container_12 .push_2 { left:128px; } .container_12 .push_3 { left:192px; } .container_12 .push_4 { left:256px; } .container_12 .push_5 { left:320px; } .container_12 .push_6 { left:384px; } .container_12 .push_7 { left:448px; } .container_12 .push_8 { left:512px; } .container_12 .push_9 { left:576px; } .container_12 .push_10 { left:640px; } .container_12 .push_11 { left:704px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-64px; } .container_12 .pull_2 { left:-128px; } .container_12 .pull_3 { left:-192px; } .container_12 .pull_4 { left:-256px; } .container_12 .pull_5 { left:-320px; } .container_12 .pull_6 { left:-384px; } .container_12 .pull_7 { left:-448px; } .container_12 .pull_8 { left:-512px; } .container_12 .pull_9 { left:-576px; } .container_12 .pull_10 { left:-640px; } .container_12 .pull_11 { left:-704px; } /* Adaptive */ .products-grid.widget-grid li.item:nth-of-type(4n+4){ margin-right:0; } .products-grid.widget-grid li.item:nth-of-type(4n+1){ clear:left; margin-left:0; } .products-grid#upsell-product-table > li:nth-of-type(3n+3){ margin-right:0; } .products-grid#upsell-product-table > li:nth-of-type(3n+1){ clear:left; } .block-related .no-slider li.item:nth-of-type(5n+5){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(5n+1){ clear:left; } /* 2 columns list */ .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right:0; } .category-products .products-grid li.item:nth-of-type(3n+1){ margin-left:0; clear:left; } .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:15px; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right:0; margin-left:15px; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+3){ margin-right:5px; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+1){ margin-left:5px; } .category-products .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-right:0; margin-left:5px; } .category-products .products-grid.small-grid li.item:nth-of-type(4n+1){ margin-left:0; clear:left; } /* 1 column list */ .col1-layout .category-products .products-grid li.item:nth-of-type(3n+1){ clear:none; margin-left:10px; } .col1-layout .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right: 10px; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+1){ clear:left; margin-left:0; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+4){ margin-right:0; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+1), .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(3n+1){ clear:none; margin-left:15px; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+2), .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right: 15px; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ clear:left; margin-left:15px; margin-left:0; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right:0; } .col1-layout .category-products .products-grid.large-grid li.item{width:357px;} .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(3n+1), .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(4n+1){ clear:none; margin-left:5px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(3n+3), .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-right:5px; margin-left:5px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(5n+1){ clear:left; margin-left:0; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(5n+5){ margin-right:0; } .col1-layout .category-products .products-grid.small-grid li.item{width:141px;} /* Header ================================================================================ */ .nav-container{background:none;} #nav.nav-wide li.nav-static-block{ padding-left:0; width: 356px !important; } #nav.nav-wide li.nav-static-block .menu-text-block{ width: 220px; } .data-table td{ padding:9px; } /* Small Grid */ .products-grid.small-grid li.item { width:130px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } /* Large Grid */ .products-grid.large-grid li.item { width:263px; } .home-container-2{padding-bottom:3.75em;} .home-container-2 .products-grid.widget-grid li.grid_3.item{ width: 163px; } /*.home-slider-conainer .es-carousel-wrapper{ min-height:403px; }*/ .header-slider-container .iosSlider .slider .item .product-img-holder, .header-slider-container .iosSlider .slider .item .item-title, .header-slider-container .iosSlider .slider .item h2, .header-slider-container .iosSlider .slider .item h3, .header-slider-container .iosSlider .slider .item p, .header-slider-container .container_12.arrs{ margin-left:-384px; } .header-slider-container .iosSlider .slider .item .slider-product-img{width:35%; height:auto;} .header-slider-container .iosSlider .slider .item p span{ padding-right: 43%; } .header-slider-container .next{ right: 18px; } .header-slider-container .prev{ left: 3px; } .header-slider-container .prev, .header-slider-container .next {top:21%;} .header-slider-container .iosSlider .slider .item .info-box { height:60px; right:36%; width:60px; } .header-slider-container .iosSlider .slider .item .info-box .price-box{top:23px; left:9px;} .header-slider-container .iosSlider .slider .item .info-box .price-box .price{font-size:12px; text-transform:none;} .header-slider-container .iosSlider .slider #item2.item .item-title span, .header-slider-container .iosSlider .slider #item2.item h2 span, .header-slider-container .iosSlider .slider #item2.item h3 span, .header-slider-container .iosSlider .slider #item2.item p span{ padding-left:44%; } .header-slider-container .iosSlider .slider #item2.item .info-box { left: 33%; } .header-slider-container .iosSlider .slider #item3.item .info-box { right: 37%; } .header-slider-container.header-slider-2 .iosSlider{height:339px!important;} .header-slider-container.header-slider .container, .header-slider-container .iosSlider .slider .item{ height: 430px; } .cms-home .wrapper-container{ padding-top: 160px; } .slider-container.widget-container li.item{width:255px;} .slider-container.widget-container .next{ right:8px; top: -10px; } .slider-container.widget-container .prev{ right:63px; left:auto; top: -10px; } /* Shopping Cart ========================================================================= */ #cart-accordion .crosssell{padding:9px 13px;} /* Meigee Tabs */ .meigee-tabs-content {padding: 14px;} #product_tabs_upsell_products_contents li.item{margin-bottom:9px;} .product-view .box-up-sell .products-grid li.item{width:233px;} .block-wishlist .next, .block-wishlist .prev{ top:30px; } aside.sidebar section.block-wishlist li.item .product-details{ width:60%; } aside.sidebar section.block-subscribe .input-box input { width: 100%; } .more-views #more-views-slider { min-height: 118px; } .product-view .productpage_small .more-views #more-views-slider li{width:100px;} .product-view .productpage_medium .more-views #more-views-slider li{width:118px;} .product-view .productpage_large .more-views #more-views-slider li{width:90px;} .product-view .productpage_extralarge .more-views #more-views-slider li{width:93px;} .product-view .more-views #more-views-slider li a{width:auto;} .product-view .more-views #more-views-slider li a img{width:100%;} .product-view .product-prev, .product-view .product-next{top:-32px;} .product-view .product-shop .product-bottom-box .add-to-links li{ margin-bottom:0.75em; } .meigee-tabs a { padding: 3px 21px; } .meigee-tabs li:hover a, .meigee-tabs li.active a{ padding-right:22px; } .product-view .box-up-sell .products-grid li.item { width: 167px; } /*Crossel*/ .cart .crosssell{padding:9px 12px;} .cart .crosssell .product-details{width:52%;} .cart .discount .input-box input{width: 190px;} .cart .shipping .form-list select{width:200px;} .cart .shipping .form-list input{width:192px;} .sorter .sort-by select { margin: -4px 9px 0;} .sorter .limiter select { margin: 0 9px;} .look_store .input-box .select-div select { padding: 0px 10px;} .opc .form-list .field select, .opc .form-list .field-2 select{ padding: 0px 10px 0px;} /* Multiple Addresses Checkout */ .multiple-checkout .gift-messages-form .form-list li.wide textarea { width:55%; } .multiple-checkout .gift-messages-form .details .form-list li.wide textarea { width: 40%; } /* Block Related */ .block-related #block-related-slider{ min-height:322px; } .block-related li.item { width: 140px; } .cart .crosssell li.item{width:158px;} /* One Page Checkout */ .opc .form-list input.input-text { width: 90%; } .opc .field{ width:264px; } .opc .field-2, .opc .name-lastname { width: 267px; } .opc .form-list li.wide input.input-text{ width:489px; } .opc .form-list .field select, .opc .form-list .field-2 select { width:237px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 140px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text{ width: 120px; } .form-list .field { width: 255px; } .form-list input.input-text { width: 235px; } .form-list li.wide input.input-text { width: 491px; } .form-list select { width: 242px; } .form-list .customer-name-middlename .name-middlename{width:117px;} .form-list .customer-name-middlename .name-middlename input{width:95px;} .form-list li.wide textarea{ width:495px; } .customerservice-index-index .form-list li.wide textarea{ width:464px;} .customerservice-index-ordered .form-list li.wide input.input-text {width:556px;} .customerservice-index-ordered .form-list li.wide textarea {width:556px;} .customerservice-index-ordered .credit-content {width:97%;} .form-list li.wide select { width:505px; } .opc .form-list .name-middlename { width:124px; } .opc .form-list .customer-dob .dob-month input, .opc .form-list .customer-dob .dob-day input, .opc .form-list .customer-dob .dob-year input{width:80%!important;} .gift-messages-form .form-list li.wide textarea{ width:85%; } .gift-messages-form .details .form-list li.wide textarea{ width:65%; } .opc .sp-methods .form-list input.input-text{width: 97%;} .opc .sp-methods .form-list select{width: 100%;} .opc .sp-methods select.month{width:150px;} .opc .form-list .name-middlename input.input-text { width: 95px; } .opc .form-list .name-middlename { width: 116px; } .block-wishlist .next, .block-wishlist .prev{ top: 70px; } aside.sidebar section.block-wishlist li.item .product-details{ width: 55%; } #footer .tablet-clear{clear:both; display:block;} #footer .form-language, #footer .form-currency, #footer .flags-divider{ float:left; margin-bottom:0.75em; margin-top:0; } #footer .top-footer-block ul li{padding-top:0.75em; padding-bottom:0.75em;} #footer .top-footer-block ul li.last a{border:none;} .block-social .social-links li{margin-bottom:2px;} /*=================Custom Css for home page, header, footer ================================= */ header#header .top_account {margin: 10px 10px 0 0;} header#header .top_logout {padding: 0 10px;} header#header .links li, header#header .dropdown-links {padding: 10px 9px 0.75em 5px;} .top-header-block .store_locater {padding: 0 4px 0 25px;} header#header h1.logo {margin: 20px 0;width: 30%;} /*36*/ header#header h1.logo img { display:block; width:95%; height:auto;} .top-header-block .top_right {width: auto;} .top-header-block .store_locater {padding: 0 6px 0 25px;} header#header .top-cart {float: left;} .home-slider-conainer .products-grid li.item .indent { padding: 0 17px 0 0;} .home-slider .widget-slider { margin: 0 auto !important;width: 716px !important;} .wrapper .main {margin: 0 auto;width: 97%;} .home-full {width: 100%;} .home-full .home-full-left {width: 70%;height: 260px; overflow:hidden;} .home-full .home-full-left .home-full-all{width:auto;padding: 15px 10px 15px;} .home-full .home-full-left .home-full-all .hfa_des h5 img{ margin-left: 247px;} .home-full .home-full-right {height: 260px;width: 30%;} .home-full .home-full-left .home-full-all .hfa_des {margin-bottom: 9px;} .home-full .home-full-right .register { margin:0 auto 0;border-width: 10px 15px;width: 100px;} .bottom-container .message { position:relative;} .bottom-container .message .moreinfo {position: absolute;right: 10px;top: -11px;} .bottom-container .message .mes_head { font-size:39px;} .bottom-container .message .moreinfo_off {position: absolute;right: 10px;top: -11px;} .bottom-container .message .mes_contant_off {padding: 13px 11px 0 10px;width: 24%;} .bottom-container .bottom .bottom-left {width: 59%;} .bottom-container .bottom .bottom-right {width: 40%;} .bottom-container .bottom .bottom-right .newsletter .input-box {float: left;width: 177px;} .bottom-container .bottom .bottom-right .newsletter .input-box #newsletter {width: 170px;} .bottom-container .bottom .bottom-right .newsletter .actions{ width: 110px;} .bottom-container .bottom .bottom-right .newsletter .actions .button{ width: 110px; padding:0;} .footer-main-block .container_12 .grid_3 {width: 163px;} .checkout-onepage-index .footer-main-block .container_12 .grid_3 { width:163px !important;} .checkout-onepage-index .footer-main-block .container_12 .omega { width:198px !important;} .footer-main-block .custom-footer-content {margin-left: 5px;width: 153px;height: auto;} .footer-main-block .container_12 .omega { margin-left:20px; width: 198px;} #nav.nav-wide ul.level0 li a {width: 92%;} #nav.nav-wide ul.level0 > li > a > span {padding-left:0;width: 100%;} #nav > li > a > span{padding:0 14px 0;} #nav > li.over > a > span, #nav > li.active > a > span{padding:0 14px 0;} #nav > li.last.active > a > span{ padding:0 14px 0;} #nav > li.last.active > a > span {padding-right:14px;} /*================= product landing page ================================= */ .block-layered-nav ol li { font-size:12px;} .subcategory-list ul li {margin-bottom: 15px;margin-right: 15px;width: 30.6%;} .subcategory-list ul li .subcategory-title {float: left;margin-top: 15px;width: 100%;} .image-block-content {width: 172px;} /*================= product listing page ================================= */ .container_12 .item {margin-right: 15px;width: 30.6%;} .sorter .sort-by {width: 61%;} .sorter .limiter { display:none;} /*================= Shopping Cart page ================================= */ .checkout-cart-index .slider-container { margin-left:8px} .cart .cart-table { width:100% !important;} #shopping-cart-table td {padding: 30px 23px 22px;} .cart .shipping .form-list .select-div { background-position:169px 13px; width:88% !important;} /*width:75% !important;*/ .cart .totals-wrapper {padding: 10px 23px 0 7px;} .cart .totals table tfoot .a-right, .cart .totals table tfoot .price {font-size: 14px;} .cart .shipping .form-list input { width:83% !important;} .cart .totals table .a-right, .col-main .price {font-size: 12px; } .cart .shipping .form-list .select-div input {width:95.5% !important;} /* 404 page =============================================================================== */ .page-head-404 h1 {font: 600 250px/270px 'Open Sans',serif; padding-bottom:25px;} .disc_404 ul { float:none;width: 768px;margin: 19px auto 65px; text-align: center;} .disc_404 ul li {padding:0 25px;} /*============Login page=======================*/ .customer-account-login .grid_12 { margin-left:11px;} .account-login .new-users { width:48.5% !important;} .account-login .registered-users { width:48.5% !important; float:right;} /*============Checkout page=======================*/ .checkout-onepage-index .container_12 .grid_3 { width:28%;} .checkout-onepage-index .container_12 .grid_4 { width:276px;} .checkout-onepage-index .container_12 .grid_9 { width:68%;} #checkout-progress-wrapper .block-progress dt {font-size: 12px;line-height: 16px;padding: 17px 10px 17px 16px;} #checkout-progress-wrapper .block-progress dd { font-size: 12px; padding: 0.38em 5px 0.38em 16px;} #checkout-progress-wrapper .block-progress .block-title h2 {font-size: 14px;} .form-list li.wide .input-box {width: 96%;} .form-list .wide .check-select {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 96% 13px no-repeat !important;} /*.form-list .field {width:245px;} .form-list input.input-text{width:100%;} .opc .field input.input-text{width:466px;} .opc .form-list input.input-text { width: 100%; } .checkout-onepage-index .opc .field input.input-text{width:219px;} .opc .form-list li.wide input.input-text {width: 100%;} .form-list .input-box {width: 219px;} .opc .form-list .check-select .input-text {width: 219px !important;} .opc .form-list .check-select {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 206px 13px no-repeat;} */ /* form list */ .form-list .field {width:245px;} .form-list input.input-text{width:100%;} /*.opc .field input.input-text{width:466px;}*/ .opc .form-list li.wide input.input-text {width: 100%;} .form-list .input-box {width: 219px;} .form-list .input-box input.input-text {width: 219px;} .opc .form-list .check-select .input-text {width: 219px !important;} .opc .form-list .check-select {background: #fff url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png) 206px 13px no-repeat;} .opc .step {padding: 1.33em 5px 1.34em;} #checkout-review-table th {padding: 8px 5px;} #checkout-review-table td.a-center {padding-top: 11px;} /*============My Account page=======================*/ .dashboard .data-table th {padding: 17px 11px;} .customer-address-index .container_12 .item {width: 97%;} .customer-address-index .addresses-list .grid_3 {width: 250px;} .my-account .addresses-list { background:#fff; padding:15px;} #my-orders-table th, #wishlist-table th {padding: 17px 5px;} #wishlist-table td {padding: 12px 4px;} /*============Product Detail Page Slider=======================*/ .catalog-product-view .slider-container.widget-container .prev {top: -10px; right:55px;} .catalog-product-view .slider-container.widget-container .next {top: -10px; right:0px;} .catalog-product-view .home-slider-conainer .es-carousel-wrapper {min-height:205px;} .catalog-product-view .grid_12 .slider-container {width: 100%;} .catalog-product-view .home-slider .widget-slider {width: 796px !important; left:0 !important;} /*============Product Detail Page=======================*/ .product-essential .grid_4 {width: 47.5% !important;} .product-right-detail { width:50%;} .social-sharing p { font-size:13px} .addthis_toolbox { margin-left: 0px;} .product-right-detail .grid_5 { width:100% !important;} .product-right-detail .extra-details ul li {width:98%;} .product-view .product-shop .product-bottom-box .add-to-links{ width:100%;} .add-to-links li {margin-right: 11px;width: 30%;} .add-to-links li a.saved-later span.marker{ left:26px; } .add-to-links li a.compare-product { padding-left:21px;} .add-to-links li a.compare-product span.marker{ left:14px;} .add-to-links li a.print-page span.marker{left:23px;} .look_store { width: 90.5%; padding:4%;} aside.sidebar .actions {width:125% !important;margin:0.75em -20px!important;} .go_button button.button span span { padding:8px 20px 10px} .sidebar .block-content1 .actions { width:auto !important; margin:0 0px 8px !important;} .sidebar .block-content1 .actions a { width:80%;} .account-create .form-list .field {width: 298px;} .account-create .input-box {width: 260px;} .account-create .form-list li.wide .input-box {width: 558px;} .account-create .form-list li.wide input.input-text {width: 558px !important;;} .account-create .form-list select { width:285px;} .account-create .input-box input {width: 260px !important;} .account-create .input-box input.checkbox {width: auto !important;} .account-login .form-list li, .account-login .required { margin:0px 0 0;} .account-login .registered-users .content .buttons-set a {clear:none; margin-top:10px;} .account-create .file_check-box input { width:10px !important;} .account-create #shipping_same_as_billing {width:10px !important;} .product-dimensions-first li div.detail {font-size:13px;width:46%;} .my-account input.show-btn {width: 229px;} .my-account .ex_detail .form-list li { width:50%;} .form-list .customer_id { width:500px;} .return_table { width:107%} .return_table .rtn_item { width:18%;} .return_table .rtn_qty { width:14%; } .return_table .rtn_image {width:32.5%;} .block-account header { padding:15px 10px 25px} aside.sidebar section .block-content {padding: 0 10px;} .compare-table {width: 95%;} .block-related .product .product-details {width:115px;} .wordpress-index-index aside.sidebar .actions {width:110% !important;margin:0.75em -20px!important;} /*======================================== landing List ===============================*/ .landing { width:100%;} .landing .landing_top { background-size: 100% auto;} .landing .high_point h2 {font: 600 40px/40px 'museo-slab',serif;} .landing .high_point h3 {font: 600 73px/42px 'museo-slab',serif;} .landing .content {padding: 30px 50px 0;} .landing .content p {font-size: 14px;line-height: 22px;padding-bottom: 8px;} .landing .content p.address {padding: 10px 0 12px;} .landing .landing_footer {width: 86.6%;} .landing_footer .social {padding-left: 15px;} .landing_footer .w_site {padding-left: 15px;} #my-orders-table .item-options dd { width:74%} #my-orders-table tbody td { padding:20px 10px 25px;} .home-full .home-full-right .full_reg {padding: 15px 15px; margin:100px auto 0} .home-full .home-full-left .home-full-all .hfa_des h2 { line-height:30px;} .block-compare .block-content .actions a {margin-left: 15px;} .more-views .no-slider li {margin: 0 12px 9px 0;} .more-views li a {width:77px;} .more-views li .video-thumb { height:77px !important;} .more-views li .video-thumb img { height:77px !important;} .video-gallery-links li a.video-thumb span { margin:22px 0 0 22px !important} .sorter .sort-by {width: 69%;} .sorter .sort-by .amount {width: 47%;} } @media only screen and (max-width: 820px) { .look_store h2 {font-size:18px;} .look_store .address input { width:248px;} .look_store .input-box .select-div { width:258px; background-position:232px 13px;} .look_store .input-box .select-div select { width:110%;} .go_button button.button span span { padding:8px 20px 10px} .product-options .input-box .select-div { width:225px; background-position:198px 13px;} .product-options .input-box .select-div select { width:110%;} .product-dimensions li {font-size: 13px;} .product-dimensions li span {width: 178px;} .product-dimensions-first ul li {font-size:15px;} .product-dimensions-first li div { width:50%;} .product-dimensions-first li div.detail {font-size:13px;width:50%;} .mini-products-list-related .product-image {width: 125px !important;} .catalog-product-view .home-slider .widget-slider {width: 614px !important; left:0 !important;} /*======================================== Misc css ===============================*/ .block-compare .block-content .actions a {margin-left: 20px;} .block-compare .block-content .actions button {float: left;} /*======================================== landing List ===============================*/ .landing { width:100%;} .landing .landing_top { background-size: 100% auto;} .landing .hpmkt {float: right;margin: 35px 35px 0 0;} .landing .high_point {margin-top: 40px;padding: 20px 42px 35px 35px;} .landing .high_point h2 {font: 600 36px/40px 'museo-slab',serif;} .landing .high_point h3 {font: 600 65px/24px 'museo-slab',serif;} .landing .content {margin-left: 50%;padding: 30px 45px 0;} .landing .content p {font-size: 14px;line-height: 24px;padding-bottom: 8px;} .landing .content p.address {padding: 0px 0 10px;} .landing .content p.copy {padding: 13px 0 1px;} .landing .landing_footer {width: 88%;padding: 18px 45px;} .landing_footer .social {padding-left: 15px;} .landing_footer .social img {margin-right: 4px;} .landing_footer .w_site {padding-left: 10px;} /*PTWS*/ #my-orders-table tbody td { padding:20px 10px 25px;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px Gutter: 10px, Unit: 15px */ @media only screen and (max-width: 767px) { .slide_content h2 { font-size:21px;} /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: 15px; margin-right: 15px; width: auto; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 0; margin-right: 0; } .grid_12{ margin-left: 10px; margin-right: 10px; } header#header .grid_12{ margin-left:0; margin-right:0; } .alpha, .omega { margin-left: 0; margin-right: 0; } .align_center, .align_right { text-align: left; } /* Adaptive */ .block-related .no-slider li.item:nth-of-type(2n+2){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(2n+1){ clear:left; } /* Global Styles ========================================================================= */ body{font-size:12px;} .main-left { float: none !important;} #toTop{display:none!important;} /* form elements */ .form-list input.input-text{ width: 100%;} .form-list, .input-box select { width:100%; } .form-list li, .form-list li .field { width:100%; margin-right:0; } .form-list li .field + .field { margin-top:10px; } .form-list li.street-address .input-box input.input-text { width:92%; } .form-list li.select-address { width:100%; } .form-guest { width: 100%; } .buttons-set button { float:none; } .buttons-set a { display:block; } /********************/ /* Data Table */ table.data-table table, table.data-table thead, table.data-table tbody, table.data-table th, table.data-table td, table.data-table tr { display: block; border: 0; text-align: left !important; } table.data-table thead tr { display: none;} table.data-table th, table.data-table td { padding: 10px 10px;} table.data-table td a.product-image{ width:auto; max-width:100%; margin:0 auto; } table.data-table td a.product-image img{width:50%;} table.data-table td .cart-label { width: 80px; display:block; float:left; font-size:1.16em; line-height:1.57em; color:#605d5d; font-weight:normal; } .customer-account-index table.data-table td .cart-label, .sales-order-history table.data-table td .cart-label { font-size:inherit;} .customer-account-index table.data-table td.last, .sales-order-history table.data-table td.last { padding-top:5px !important;} .sales-order-view table.data-table td .cart-label { clear:both; font-size: inherit;line-height: inherit;margin-bottom: 5px;} #shopping-cart-table td {padding:10px 30px 22px 30px} .wishlist-index-index table.data-table td .cart-label { width: 80px; display:none; float:left; font-size:1.16em; line-height:1.57em; color:#605d5d; font-weight:normal; } table.data-table td.last { border-bottom: 1px solid #E4E4E4; padding-top:0; padding-bottom:0; margin-bottom:12px;} /* Account Login/Create Pages ============================================================ */ .account-login{} .account-login .new-users{padding-bottom:9px;} .account-login .registered-users{padding-bottom:9px;} .account-login .registered-users .buttons-set{padding-left:0;} .account-login .registered-users .buttons-set a{margin-top:11px; float:right!important;} .account-login .registered-users .buttons-set button{float:left; margin-left:0;} .account-login .registered-users .form-list{width:98%;} /* Header ================================================================================ */ header#header .logo-box{padding:0; text-align:center;} header#header .logo{float:none; margin:0!important; text-align:center;} header#header h1.logo{border-bottom:none;} header#header .logo a.logo{float:none; margin:16px 0px !important; display:block;} header#header .top-header-block .container_12{margin-left:auto; margin-right:auto;} header#header .top-header-block .grid_12{} header#header .quick-access{padding-top:0;} header#header .welcome-msg{text-align:center; display:none;} header#header .header-block-2-wrapper .container_12{margin-left:auto; margin-right:auto;} header#header .top-cart{margin-right:5px; float:left; /* width:76px; font-size:1.25em; padding:20px 9px 20px 23px;*/ margin-right:5px; float:left; } /* header#header .top-cart .block-title .title-cart span{display:none;}*/ header#header .form-search{ margin-top:10px; float:right; border:none; /* padding-left:18px; margin-top:1.46em; margin-bottom:1.46em; */ } header#header .form-search .indent { /* padding:6px 8px; width:139px!important; */ } /* header#header .form-search input{width:90%!important;}*/ header#header ul.social-links{float:none; text-align:center; margin-top:18px;} header#header ul.social-links li{display:inline-block; float:none;} header#header .select-box{text-align:center; padding:22px 0 0;} header#header .form-currency, header#header .form-language{float:none; display:inline-block;} header#header .top-cart .block-content{ /*top:40px;*/ -webkit-box-shadow: 0 0 2px 0 #3D3D3D; box-shadow: 0 0 2px 0 #3D3D3D; } /* header#header .top-cart .block-content .mini-products-list .product-details{ width:150px; } header#header .top-cart .mini-products-list li{ margin: 0 28px; } */ header#header .top-cart .block-content .right, header#header .top-cart .block-content .right .inner{border:none;} header#header .top-block-wrapper .grid_12{text-align:center;} header#header .top-block-wrapper h2{width:auto; text-align:center; float:none; margin-bottom:18px;} header#header .top-block-wrapper button{float:none;} header#header .menu-button{ display:block; float:left; padding:16px 24px 13px 73px; margin:0; font-size:1.45em; line-height:1.57em; position:relative; text-transform:uppercase; color:#444; cursor:pointer; background-position:25px 19px; background-repeat:no-repeat; } header#header .menu-button:hover, header#header .menu-button.active{color:#fff; background-position:25px -75px;} /*header#header .links li.last, header#header .dropdown-links{ margin:0; padding:0; cursor:pointer; border:none; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/mob_header_links_divider.png)!important; background-position:left 9px!important; background-repeat:no-repeat!important; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; }*/ header#header .links li.last:hover{background-image:none!important;} header#header .dropdown-links.active, header#header .dropdown-links:hover{background:none!important;} header#header .links li.last:hover a.top-link-login, header#header .dropdown-links.active .dropdown-links-title, header#header .dropdown-links:hover .dropdown-links-title{color:#fff; background-position:-78px -66px;} /* header#header .links li.last a.top-link-login, header#header .dropdown-links .dropdown-links-title{ padding-left:0; display:block; font-size:1.45em; line-height:1.57em; color:#444; text-transform:uppercase; padding:1.28em 10px 1.28em 70px; width:60px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/mob_dropdown_markers.png); background-position:35px -66px; background-repeat:no-repeat; }*/ header#header .links li.last a.top-link-login{ -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; } /* header#header .links li.last a.top-link-login{background-position:35px 17px;}*/ header#header .links li.last a.top-link-login:hover{background-position:-78px 17px;} header#header .links .link-marker, header#header .dropdown-links .link-marker{display:none!important;} header#header .dropdown-links ul{ top:40px; right:-64px; -moz-border-radius:0; border-radius:0; } header#header .top-header-block .dropdown-links ul li.last{background:none!important;} header#header .dropdown-links ul li.last a{background:none!important;} header#header .nav-container{ padding:0; position:relative; } header#header .nav-container > ul{ padding:12px 20px; left:-163px; margin:0; position:absolute; top:57px; width:200px; z-index:999; background-color:#FFF; border:1px solid #cbcbcb; display:none; } header#header .nav-container > ul li{position:relative; padding:0; float:none; height:auto!important; background:none;} header#header .nav-container > ul li li{position:relative; padding:0; float:none!important; width:100% !important;} header#header .nav-container > ul .menu-desc{display:none;} header#header .nav-container > ul .menu-item-button{ width:30px; height:28px; z-index:999; position:absolute; right:0px; top:0px; cursor:pointer; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/cart_tabs_marker.png); background-repeat:no-repeat; background-position:13px 8px; } header#header .nav-container > ul .over > .menu-item-button{background-position:-6px 8px;} header#header .nav-container > ul .menu-item-button.active{background-position:13px -55px;} header#header .nav-container > ul .over > .menu-item-button.active{background-position:-6px -55px;} header#header .nav-container > ul .active > .menu-item-button{background-position:13px -55px;} header#header .nav-container > ul li a{ display:block; border-bottom:1px solid #DEDEDE; color: #777777!important; float: none; font-weight: normal; padding: 0.42em 13px 0.42em 0; } header#header .nav-container > ul li a:hover{} header#header .nav-container > ul li a span{ background-image: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menu_sub_marker.png"); background-position: 0 8px; background-repeat: no-repeat; font-size: 13px; padding-left: 11px; text-transform: none; border:none; } header#header .nav-container li.active > a, header#header .nav-container li.over > a{ color:#FFFFFF!important; padding-left:13px; } header#header .nav-container li.active > a span, header#header .nav-container li.over > a span{ background-position: 0 -22px; } header#header .nav-container > ul li.last a{border-bottom:none;} header#header .nav-container > ul ul.level0{ padding:5px 8px!important; width:auto!important; position:static; background:none; border:none; box-shadow:none;} header#header .nav-container > ul li li a{border-bottom:none;} header#header .nav-container > ul li li a{font-size:1.41em;} header#header .nav-container > ul li li li li a{font-size:1.25em;} header#header .nav-container li.tech{width:100%; padding:0;} header#header .nav-container ul.tech{padding-bottom:0;} /* header#header .nav-container li.level1 > a > span{ text-transform:none!important; -moz-transition: color 100ms ease; -webkit-transition: color 100ms ease; -o-transition: color 100ms ease; transition: color 100ms ease; } */ #nav.nav-wide ul.level2, #nav.nav-wide ul.level2 ul{padding-top:0!important; padding-bottom:0!important;} header#header .nav-container li.level1 a{color:#a2a2a2;} header#header .nav-container li.level1 a:hover{text-decoration:none;} header#header .nav-container li.level1 a span{font-family: Arial, sans-serif;} header#header .nav-container > ul ul.level0 ul{padding-right:9px; top:auto!important; left:auto!important; position:static!important; width:auto!important; height:auto!important;} header#header .nav-container > ul ul.level0 ul ul{top:auto!important; left:auto!important; position:static!important; width:auto!important; height:auto!important; border:none!important; box-shadow:none!important;} header#header .nav-container > ul ul.level0 ul .triangle{display:none;} header#header .nav-container > ul ul.level0 ul a{} header#header .nav-container > ul ul.level0 ul ul a{} header#header .nav-container > ul ul.level0 ul{background:none;} header#header .nav-container > ul li li .menu-item-button{right:23px;} header#header .nav-container > ul li li li li .menu-item-button{right:18px;} header#header .nav-container > ul li li.level3 .menu-item-button{right:13px;} header#header .nav-container .nav-static-block{display:none;} .nav-wide#nav ul.level0 > li > a > span .category_image { display:none;} .nav-wide#nav ul.level0 li a { margin-right: 0px;margin-bottom: 0px; width: auto; border: none; height:auto; text-align: left; font-size: 13px; display:block; border-bottom:1px solid #DEDEDE; color: #777777!important; float: none; font-weight: normal; padding:4px 13px; } .nav-wide#nav li.last ul.level0 li a {border-bottom:1px solid #DEDEDE; } .nav-wide#nav li.last ul.level0 li.last a {border-bottom:none; } .nav-wide#nav ul.level0 > li > a > span { background-image: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/menu_sub_marker.png"); background-position: 0 8px; background-repeat: no-repeat; padding-left: 11px; text-transform:uppercase; float: none; font-size: 12px; text-align: left; width:auto; } .nav-wide#nav ul.level0 > li > a:hover, .nav-wide#nav ul.level0 > li.active > a { border:none;border-bottom:1px solid #DEDEDE; color:#fff !important;} .nav-wide#nav ul.level0 > li > a:hover span, .nav-wide#nav ul.level0 > li.active > a span {background-position: 0 -22px;} .nav-wide#nav ul.level0 > li.last > a:hover {border:none;} .header-slider-container{ top: -61px; margin-bottom:-61px; } .header-slider-container.header-slider .container, .header-slider-container.header-slider .iosSlider .slider .item{ height: 395px !important; } .header-slider-container .iosSlider .item .item-title, .header-slider-container .iosSlider .item .desc-box{display:none;} .header-slider-container .iosSlider .slider #item2.item .slider-product-img{left:auto; right:-50%; width:23%;} .header-slider-container .iosSlider .item .product-img-holder .slider-product-img{width:26%; height:auto; bottom:58px;} .header-slider-container .container_12.arrs{margin-left:0; width:100%; left:auto;} .header-slider-container .container_12.arrs .prev, .header-slider-container .container_12.arrs .next{ position:absolute; display: block; width:32px; height:32px; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:0; cursor:pointer; z-index: 999; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/more_views_arr.png); background-repeat:no-repeat; background-color:rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCb84040,endColorstr=#CCb84040); zoom: 1; -moz-border-radius:17px; border-radius:17px; } .header-slider-container .container_12.arrs .prev, .header-slider-container .container_12.arrs .next{opacity:0; filter:alpha(opacity=0); -moz-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;} .header-slider-container:hover .container_12.arrs .prev, .header-slider-container:hover .container_12.arrs .next{opacity:1; filter:alpha(opacity=100);} .header-slider-container .iosSlider .slider .item .info-box{ bottom:800px; width:60px; height:60px; right:41%; z-index:99999; } .header-slider-container .iosSlider .slider #item3.item .info-box{ right:43%; } .header-slider-container .iosSlider .slider #item2.item .info-box { left: auto; right: 41%; } .header-slider-container .iosSlider .slider .item .info-box .price-box{ left:10px; top:24px; } .header-slider-container .container_12.arrs .prev { left:5px; top:43%; margin-top:0; background-position:12px 11px; } .header-slider-container .container_12.arrs .prev:hover{} .header-slider-container .container_12.arrs .next{ right:5px; top:43%; margin-top:0; background-position:-52px 11px; } .header-slider-container.header-slider-2 .container_12.arrs .prev{left:-6%;} .header-slider-container.header-slider-2 .container_12.arrs .next{right:-6%;} .header-slider-container.header-slider-2 .border-box{ height:121px!important; } .header-slider-container.header-slider-2 .iosSlider{ height:121px!important; } /* .cms-home .wrapper-container{padding-top:1.88em;}*/ .cms-home .wrapper-container > .container_12{margin-left:auto; margin-right:auto; width:auto;} .home-container-2{padding-bottom:3.75em; padding-left:15px; padding-right:15px;} .home-container-2 .container_12{margin-left:auto; margin-right:auto;} .home-container-2 .products-grid.widget-grid li.grid_3.item{width:100%;} .home-slider-conainer .products-grid li.item{ width: 255px; } .slider-container .prev, .slider-container .next{ position:absolute; display: block; width:32px; height:32px; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:0; cursor:pointer; z-index:3; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/more_views_arr.png); background-repeat:no-repeat; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCb84040,endColorstr=#CCb84040); zoom: 1; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } .slider-container .prev, .slider-container .next{opacity:1; filter:alpha(opacity=100); -moz-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;} .slider-container:hover .prev, .slider-container:hover .next{opacity:1; filter:alpha(opacity=100);} .slider-container .prev { left:auto; right:35px; top:-4px; margin-top:0; background-position:12px 11px; } .slider-container .prev:hover{background-position:12px 11px;} .slider-container .next{ right:0; top:-4px; margin-top:0; background-position:-52px 11px; } .slider-container .next:hover{ background-position:-52px 11px; } /* Category Page ========================================================================= */ .products-grid li.item{float:none;} .products-grid .product-image img{width:100%;} .product-view .box-up-sell .products-grid li.item{width:auto;} /* Large Grid */ .products-grid.large-grid li.item{float:none; width:auto;} /* Small Grid */ .products-grid.small-grid li.item{width:auto; float:none;} .products-list .product-image{margin-bottom:1.5em;} .products-list .add-to-links li a{ font-weight:normal; line-height:1.63em; padding:6px 0 6px 28px; } .products-list .info-box, .products-grid .info-box{ font-size:1.25em; } .add-to-links li a{padding-top:6px; padding-bottom:6px;} /* Breadcrumbs ================================================================================ */ .breadcrumbs-wrapper{padding-top:11px; padding-bottom:13px;} .breadcrumbs-links-text-box{display:none;} .catalog-product-view .breadcrumbs-wrapper{padding-bottom:26px;} /* Sidebar =============================================================================== */ aside.sidebar section{margin:0 0 22px; font-size:1.25em;} aside.sidebar section header{cursor:pointer; position:relative; padding-right:54px;} aside.sidebar section header .title-marker{ width:40px; height:40px; -moz-border-radius:25px; border-radius:25px; background-image:url(http://www.foagroup.com/skin/frontend/plumtree/foa/images/mob_sidebar_title_markers.png); background-repeat:no-repeat; background-position:13px 13px; background-color:#bebebe; display:block; position:absolute; right:0px; top:50%; margin-top:-20px; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } aside.sidebar section header.active .title-marker{ background-position:13px -52px; } aside.sidebar .actions{width:auto;} aside.sidebar section{margin-bottom:0.75em;} aside.sidebar section.block-wishlist li.item .product-details{width:70%;} aside.sidebar .block-wishlist .prev, aside.sidebar .block-wishlist .next{top:65px;} .catalog-product-view .sidebar, .catalog-category-view .sidebar{ margin-top:0; } aside.sidebar section:first-child header .title-marker{ background-color:#BEBEBE; background-position:13px 13px; } aside.sidebar section:first-child header:hover .title-marker{background-color:#FAC600; background-position:13px -52px;} aside.sidebar section:first-child header.active .title-marker{background-position:13px -52px; background-color:#FAC600;} /* Pager */ .toolbar .pager .limiter label{display:none;} .toolbar .pager .amount{padding: 7px 0 0 7px;} .toolbar .pager .pages{float:right; padding-right:9px;} .toolbar .sorter .sort-by{ float:left; margin-bottom:0.75em; } .checkout-onepage-index .grid_3.sidebar{width:100%;} .opc{position:relative; z-index:8;} #checkout-progress-wrapper section{ padding-right:0; margin-right:0!important; background:none; } #checkout-progress-wrapper .title-marker{display:none;} /* Product View */ .product-view{ padding-top:4.5em; } .product-view .product-img-box .product-image .cloud-zoom img{margin:0 auto;} .product-view .product-options-bottom{margin-bottom:18px;} .product-view .product-shop .product-bottom-box .email-friend a{ padding:6px 0 6px 28px; } .product-view .product-shop .product-bottom-box .add-to-links{ margin-bottom:0; /*margin-bottom:1.5em;*/ } .product-view .product-prev, .product-view .product-next{ top:-45px; } .product-view .product-essential .product-image .es-nav-next { right:5px; } .catalog-product-view .category-wrapper .grid_12 h1 { font-size: 1.5em; } /* .catalog-product-view nav.breadcrumbs li span, .catalog-category-view nav.breadcrumbs li span { background-position:center 3px; }*/ .product-view .more-views{padding-top:0; margin-top:1.5em;} .product-view .more-views #more-views-slider { min-height: 125px; } .product-view .productpage_small .more-views #more-views-slider li{width:140px;} .product-view .productpage_medium .more-views #more-views-slider li{width:140px;} .product-view .productpage_large .more-views #more-views-slider li{ width:140px;} .product-view .productpage_extralarge .more-views #more-views-slider li{width:140px;} .product-view .more-views #more-views-slider li a{width:auto; margin-right:14px;} .product-view .more-views #more-views-slider li a img{width:100%;} .product-view .box-tags .form-add .input-box{width:100%;} /* Meigee Tabs ============================================================================== */ .meigee-tabs{border-top:1px solid #DEDEDE;} .meigee-tabs li{margin-top:0; margin-bottom:0; float:none; display:block;} .meigee-tabs li a{height:22px; border-top:none; border:none;} .meigee-tabs a:hover, .meigee-tabs li.active a, .meigee-tabs li.active a:hover{margin-top:0; margin-bottom:0; height:22px; border:none; border-top:none;} .meigee-tabs a:hover, .meigee-tabs li.active a, .meigee-tabs li.active a{border-bottom:none!important;} /* Block Related */ .block-related li.item { width: 113px; } .block-related .next, .block-related .prev{ top:-11px; } .block-related #block-related-slider{ min-height:285px; } .block-related li.item{ width: 140px; } .block-related li.item .product{ padding-right:15px; } /* Block: Reviews */ .catalog-product-view .box-reviews .form-add {padding-bottom: 18px;} .catalog-product-view .box-reviews .form-add .form-list{width:100%;} .catalog-product-view .box-reviews ul.form-list li { padding: 4px 0 4px 0;} .catalog-product-view .box-reviews table.data-table table { display: table;} .catalog-product-view .box-reviews table.data-table thead { display: table-header-group;} .catalog-product-view .box-reviews table.data-table tbody { display: table-row-group;} .catalog-product-view .box-reviews table.data-table tr { display: table-row;} .catalog-product-view .box-reviews table.data-table th, .catalog-product-view .box-reviews table.data-table td { display: table-cell;} .catalog-product-view .box-reviews table.data-table thead tr { display: table-row;} .catalog-product-view .box-reviews .data-table { margin:10px 0;} .catalog-product-view .box-reviews .data-table th { padding:4px 3px; border:1px solid #E4E4E4; font-weight:bold; white-space:normal; } .catalog-product-view .box-reviews .data-table td { padding:14px 20px; border:1px solid #E4E4E4;} .catalog-product-view .box-reviews .data-table thead th span{text-indent:0; white-space:normal; overflow:visible; background:none; width:auto; font-size:10px; color:#fff;} .catalog-product-view .box-reviews .data-table td{padding:9px 11px;} .catalog-product-view .box-reviews .form-add .form-list input, .catalog-product-view .box-reviews .form-add .form-list textarea{width: 95%!important;} .catalog-product-view .box-reviews .data-table tbody th{font-size:1em; padding:9px;} /* Shopping Cart ========================================================================= */ .cart .page-title { text-align: center; border-bottom:none;} .cart .page-title h1{font-size:2.16em; line-height:1.5em; font-weight:normal; float:none; text-transform:none; margin-bottom:18px; text-transform:uppercase;} .cart .title-buttons .checkout-types { float: none;} .cart .title-buttons .checkout-types li { float: none;} .cart .checkout-types button.button { display: inline-block; width: auto;} .cart .checkout-types button.button span { display: block; float: none;} .cart .totals.totals-accordion table { float: none; margin-bottom: 9px;} table.cart-table td.information, table.cart-table tr.buttons-row td.buttons{ /*background-color: #f5f5f5;*/} table.cart-table tr.buttons-row { padding-top: 18px;} table.cart-table tr.buttons-row td.buttons {padding:0; background:none; border:none;} table.cart-table tr.buttons-row td.buttons button.button{width:100%; margin:0 0 5px!important;} table.cart-table tr.buttons-row td.buttons button.button span{ float:none; display:block; background-image:none; /* background-color:#777!important; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; */ } /* table.cart-table tr.buttons-row td.buttons button.button:hover span{background-color:#4D4D4D!important;} */ .cart .title-buttons .checkout-types li{text-align:center; margin-left:0; margin-bottom:9px;} .cart .title-buttons .checkout-types .paypal-logo a{display:block;} table.cart-table td{padding-top:9px;} table.cart-table td.information{padding-left:10px!important;} .cart-table .quantity-box{float:left;} .cart-table .qty{} .cart-table input.quantity-decrease{margin-top:10px;} .cart-table input.quantity-increase{margin-top:10px;} .cart-table .link-wishlist{float:left; margin:9px 5px;} .cart-table .cart-edit{float:left; margin:9px 5px;} .cart-table .btn-remove2{float:left; margin:9px 5px;} /* Shopping Cart Collateral boxes */ .crosssell, .shipping{margin-bottom:18px;} .cart .crosssell .product-details{width:51%;} .cart .shipping .form-list input{width: 205px;} .cart .shipping .form-list select{width:212px;} .cart .totals{float:none;} .crosssell li.item{position:relative;} #cart-accordion .crosssell{padding-left:9px;} #cart-accordion .crosssell li.item{float:none; width:auto; text-align:center; padding-bottom:18px;} #cart-accordion .crosssell .product-image{text-align:center; display:inline-block;} #cart-accordion .crosssell .product-image img{width:100%;} /* Wishlist ========================================================================= */ .my-wishlist .page-title{text-align:center;} .my-wishlist .page-title h1{float:none;} .my-wishlist .buttons-set {background-color: #f5f5f5; padding: 10px; margin-top: 0;} .my-wishlist .buttons-set button.button { float: left;} .my-wishlist .buttons-set button.button > span > span { padding-left: 10px; padding-right: 10px;} table#wishlist-table { margin-bottom: 18px;} table#wishlist-table td textarea { width: 98%;} table#wishlist-table td .cart-cell {background-color: #f5f5f5; padding:10px 0 0; overflow:hidden; margin-left:15px;} .wishlist-index-index table#wishlist-table td .cart-cell { background-color: #fff; padding:10px 0 0; overflow:hidden; margin-left:15px;} table#wishlist-table td .cart-label{float:left; text-align:left; clear:both; padding-left:15px;} table#wishlist-table td .wishlist-input-box {/*float:left;*/ padding-bottom:9px;} table#wishlist-table td .price-box{padding-top:0; float:left;} table#wishlist-table td .price-box .price{font-size:1.16em; line-height:1.57em;} table#wishlist-table td .cart-cell button.button { margin:0 auto; clear: both; display: block; width:auto;} table#wishlist-table td .cart-cell button.button span{ border:none; padding:0; height:auto; display:block; float:none; width:100%; -moz-border-radius:0; border-radius:0; -moz-transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease; -o-transition:background-color 300ms ease; transition:background-color 300ms ease; } table#wishlist-table td .cart-cell button.button span span {display:inline-block; width:auto; padding:9px 22px 9px 23px; color:#fff; font-size:1em; font-family: Arial, sans-serif; background:none!important;} .table#wishlist-table td .cart-cell button.btn-add span span {background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/find_dealer_icon.png") no-repeat 17px 10px;padding-left: 42px;} .mtable#wishlist-table td .cart-cell button.btn-add:hover span span{background-position:17px 10px;} table#wishlist-table td .cart-cell button.button:hover > span{background-position:left -61px;} table#wishlist-table td .cart-cell button.button:hover span span{background-position:2px 22px;} table#wishlist-table td.last{border-bottom:none;} .my-wishlist .buttons-set{padding:0; background:none; border:none;} .my-wishlist .buttons-set button.button span{float:none; display:block;} .my-wishlist .link-edit{float:left; margin:9px 5px;} .my-wishlist .btn-remove{float:left; margin:9px 5px;} table#wishlist-table td a.product-image{ margin:0 auto; max-width:100%; width:auto; } table#wishlist-table td a.product-image img{width:100%;} /* Checkout ============================================================================== */ .opc{margin-bottom:18px;} .opc .field { padding-bottom: 9px;} .opc .field-2, .opc .name-lastname { width: auto; float: none;} .opc .input-box { width: auto !important; float: none;} .opc .input-box input.input-text{ width: 95% !important;} #co-payment-form .other_payment {bottom: 0px;} #co-payment-form .other_payment .input-box input.input-text { width: 75% !important;} .opc .input-box select { width: 97% !important;} .opc .buttons-set { padding: 0 0 18px 0; margin: 0} /* .opc .buttons-set button.button { float: left; margin-left: 0; margin-right: 10px;} */ .opc .required { text-align: right;} .opc .order-review .product-name{margin-bottom:0;} .opc .order-review table.data-table td.last { margin-bottom:0; padding-bottom: 10px; padding-top:0; } .products-grid#upsell-product-table li.item a.product-image { display: block; text-align: center;} .special-block #container{height:auto!important;} .special-block #container .banner-block{position:relative!important; left:50%!important; top:auto!important; margin-right:0; margin-left:-111px; float:left; display:block; clear:both;} .form-list .field { float: none;} .form-list .name-middlename{width:auto;} .form-list .name-middlename input.input-text{width:100%;} .opc .form-list .name-middlename input.input-text{width:99%;} .form-list, .input-box select { width:100%; } .input-box select { width:100%; } .form-list .input-box { width: auto;} .form-list li.wide .input-box { width:100%; } .form-list input.input-text { width:100%; } .form-list li.wide textarea { width: 349px; } .customerservice-index-index .form-list li.wide textarea{ width:100%;} .opc .customer-dob .dob-month input.input-text{width:40px!important;} .opc .customer-dob .dob-day input.input-text{width:40px!important;} .customerservice-index-ordered .form-list li.wide input.input-text {width:100%;} .customerservice-index-ordered .form-list li.wide textarea {width:100%;} .customerservice-index-ordered .credit-content {width:96%;} .credit-content ul li {font: 400 11px/17px 'Open Sans',serif !important;} .credit-content ul li.first-credit { font-size:14px !important;} .credit-table {width:102%;} .credit-table td input{width:86%;} .credit-table td input.reason { width:96%;} .customerservice-index-ordered .form-list li .field { margin-bottom:0;} .customerservice-index-ordered .form-list li .field { padding-top:8px;} .return_table { width:102%} .return_table .rtn_head p.rtn_image { display:none;} .return_table .rtn_item { width:25%;} .return_table .rtn_qty { width:15%; } .return_table .rtn_reason {width:59.4%; } .return_table .rtn_image {width:100%; border-right:none !important;border-top:1px solid #DEDFE1; } .gift-messages-form .form-list li.wide textarea{ width:95%; } .gift-messages-form .details .form-list li.wide textarea{ width:95%; } .opc .back-link{float:left;} .tool-tip{width:90%; top:300px!important;} #checkout-step-review #review-buttons-container .f-left{float:none!important;} .form-list li.wide input.input-text { width:100%; } .form-list li, .form-list li .field { width:100% !important;} .form-list li .field + .field { margin-top:10px; } .form-list li.street-address .input-box input.input-text { width:92%; } .form-list li.select-address { width:100%; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:auto; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:100%; } .checkout-multishipping-overview table.data-table td .cart-label { width: 35%; float: left; font-size:inherit;} .checkout-multishipping-overview table.data-table th, table.data-table td { padding-left: 0px; padding-right: 0px;} .multiple-checkout table.data-table td .cart-label { width: 35%; float: left; font-size:inherit;} .multiple-checkout table.data-table td select { width: 60%;} /* One Page Checkout */ .order-review table.data-table td .cart-label{width:30%; float: left; font-size:inherit; } /* Multiple Addresses Checkout */ ul.checkout-progress { padding: 0;} ul.checkout-progress li { float:none; width:auto; padding: 7px 0 7px 0;} .multiple-checkout .page-title{margin-bottom:18px; padding-bottom:9px;} .multiple-checkout .buttons-set .back-link{padding-top:12px;} .checkout-multishipping-overview table.data-table td .cart-label { width: 35%; float: left;} .checkout-multishipping-overview table.data-table th, table.data-table td { padding-left: 0px; padding-right: 0px; clear:both;} .my-wishlist table.data-table td{padding:18px 0 0;} .my-wishlist table.data-table td.last{padding-top:0; border-bottom:1px solid #e5e5e5!important;} .my-wishlist .data-table .product-name{margin-bottom:9px;} .multiple-checkout table.data-table td .cart-label { width: 35%; float: left;} .multiple-checkout table.data-table td select { width: 60%;} .multiple-checkout .data-table .product-name { float: left; width: 60%; } .multiple-checkout table.data-table td{clear:both;} .multiple-checkout table.data-table td.last{padding-bottom:12px;} .multiple-checkout .gift-messages-form .form-list li.wide textarea { width:81%; } .multiple-checkout .gift-messages-form .details .form-list li.wide textarea { width:90%; } .multiple-checkout .gift-messages-form .details .form-list .field input{width:128px;} .multiple-checkout .sp-methods select{width:85%;} .multiple-checkout .sp-methods input.input-text{width:82%;} .multiple-checkout .sp-methods select.month{width:90px;} .checkout-onepage-success .SuccessPageContent .cart-table2 tbody td { padding: 5px 30px;} .checkout-onepage-success .SuccessPageContent .cart-table2 tbody tr { padding: 15px 0px 0;} /* Footer ================================================================================ */ #footer{font-size:1.25em;} #footer .top-footer-block{padding:1.5em 0;} #footer .top-footer-block .container_12, #footer .top-footer-block .container_12 .grid_12{margin-left:auto; margin-right:auto; text-align:center;} #footer .top-footer-block ul{text-align:center; padding:0 5px 5px; float:none;} #footer .top-footer-block ul li{padding:0 0 0 0; float:none; display:inline-block;} #footer .top-footer-block ul li a{font-size:1em; line-height:1.5em; border-right:none; padding:2px 9px!important;} #footer .top-footer-block ul.links{border-bottom:1px solid #dedede; padding-bottom:1em;} #footer .top-footer-block .form-currency, #footer .top-footer-block .flags-divider, #footer .top-footer-block .form-language{float:none; display:inline-block;} #footer .footer-columns-block.accordion h3{padding:18px; margin:0; background:#dddddd; border-top:1px solid #ededed; border-bottom:1px solid #bbbbbb; cursor:pointer;} #footer .footer-columns-block.accordion h3 span{display:block; background-position:right 10px; background-repeat:no-repeat;} #footer .footer-columns-block.accordion h3.active span{background-position:right -23px;} #footer .footer-columns-block.accordion .custom-footer-content{padding:9px 12px 14px 20px; background:#c9c9c9;} #footer .custom-footer-content ul{float:none; margin-bottom:2.66em; margin-top:1em;} #footer .footer-main-block .container_12, #footer .footer-main-block .container_12 .grid_12{margin-left:auto; margin-right:auto;} #footer .footer-main-block .container_12 .grid_3{padding-left:22px; padding-right:22px;} #footer .custom-footer-2{padding:2.34em 22px 0; padding-top:0; border: 0; margin-top: 0.5em;} #footer .custom-footer-2 .footer-logo{ display: none;} #footer .custom-footer-2 .addthis_toolbox{float:left;} #footer .footer-bottom-block{text-align:center;} #footer .footer-bottom-block .right{float:none!important;} #footer .footer-bottom-block .footer-text-box-2{margin-bottom:0.75em;} #footer .footer-bottom-block .store-switcher{margin-bottom:0.75em;} #footer .footer-bottom-block address{text-align:center;} #footer .footer-main-block h3{border-bottom:1px solid #dedede; cursor:pointer;} #footer .footer-main-block .block-social { padding-top: 1em;} #footer .footer-main-block .block-social h3{ display: none;} #footer .block-subscribe{margin:0px 0; padding:0;} #footer .block-subscribe h3{display:none;} #footer .block-subscribe label{margin-left:5px;} #footer .payment-options-box{padding:0 15px;} #footer .payment-options-box h3{display:none;} /*=================Custom Css for home page, header, footer ================================= */ .page-title h1 { font-size:24px !important; text-align:left;} header#header h1.logo {margin: 0 0 0 10px !important !important;width: 90%;} header#header h1.logo img { display:block; width:310px; height:auto;} .top-header-block .top_right {width:auto;padding:0px 0 10px} header#header .header-block-2-wrapper {height: 57px;} header#header .top-cart .block-content .mini-products-list .product-details {width:120px;} /*=================Custom Css for home page, header, footer ================================= */ header#header .top_account {margin: 10px 8px 0 0;} header#header .top_logout {padding: 0 8px;} header#header .links li, header#header .dropdown-links {padding: 10px 5px 0.75em 5px;} .top-header-block .store_locater {padding: 0 4px 0 25px;} header#header .dropdown-links .dropdown-links-title {padding: 0 0 0 21px;} .home-slider .widget-slider { margin: 0 auto !important;width: 442px !important;} .es-carousel-wrapper .products-grid li.item {width: 230px !important;} .home-slider-conainer {margin-bottom: 32px;} .wrapper .main {width: 96%;} .home-blocks .home-blocks-item {width: 50%;} .home-blocks .home-blocks-item a .home-blocks_des {background-size: 95% 95%;} .home-blocks {padding-bottom: 40px;padding-top: 45px;} .home-full {padding-top: 45px;width: 100%;} .home-full .home-full-left {height: auto;width: 100%; overflow:hidden} .home-full .home-full-left .home-full-all {padding: 10px 10px 20px;width: 95.5%;} .home-full .home-full-left .home-full-all .hfa_des h5 { display:none} .home-full .home-full-left .home-full-all .hfa_des {margin-bottom: 8px;} .home-full .home-full-left .home-full-all .hfa_des h2 {font: 300 20px/24px 'museo-slab',serif;} /*.home-full .home-full-left .home-full-all .hfa_des h4 { line-height:16px;}*/ .home-full .home-full-right {clear: both;float: left;height: auto;width: 100%;padding: 15px 0px; margin-top:10px;} .home-full .home-full-right .full_reg {margin: 10px auto;} .home-full .home-full-right .register {float: none;margin: 0 auto; } .bottom-container .message .mes_contant {width: 30%;} .bottom-container .bottom .bottom-left {width: 100%; position:relative;} .bottom-container .bottom .bottom-right {width: 67.66%;margin-top: 15px;} .bottom-container .message .moreinfo {position: absolute;right: 10px;top: -11px;} .bottom-container .bottom .bottom-right .newsletter {float: right;} .bottom-container .bottom .bottom-right .newsletter .input-box {float: left;width: 190px;} .bottom-container .bottom .bottom-right .newsletter .input-box #newsletter {width: 180px;} .bottom-container .bottom .bottom-right .newsletter .actions{ width: 110px;} .bottom-container .bottom .bottom-right .newsletter .actions .button{ width: 110px; padding:0;} .bottom-container .message .mes_head { font: bold 41px/39px 'roboto',sans-serif;} .bottom-container .message .mes_contant_off {width: 30%;} .bottom-container .message .moreinfo_off {position: absolute;right: 10px;top: -11px;} /*================= footer ======================== */ .footer-main-block .container_12 .grid_3 {clear: both;float: none;width: 90%;} .footer-main-block .custom-footer-content {border-right: none;height: auto;width: 260px; margin-left:15px; margin-top:0px;} .custom-footer-content ul li {width: 120px;} .footer-main-block .container_12 .grid_3 h3 {background: none;padding: 5px 20px; float:left; height:24px;} .footer-main-block .container_12 .omega { margin-left:0px; width: 90%;} .footer-main-block .container_12 .omega ul { clear:both; margin-top:1em;} /*================= product landing page ================================= */ .subcategory-list ul li {margin-bottom: 15px;margin-right: 15px;width: 30.5%;} .subcategory-list ul li .subcategory-title {float: left;margin-top: 15px;width: 100%;} .block-vertical-nav header h2, .block-layered-nav header h2 { background: #F9C500;padding: 15px 15px 15px;} header.cb-selected h2 {background: none repeat scroll 0 0 #aeaeae;padding: 15px;} /* 404 page =============================================================================== */ .page-head-404 h1 {font: 600 200px/220px 'Open Sans',serif; padding-bottom:10px;} .page-head-404 h2 { font: 100 48px/56px 'museo-slab',serif ; } .page-head-404 h3 {padding-bottom:25px;} .disc_404 { margin-top: 25px;} .disc_404 ul { float:none;width: 540px;margin: 19px auto 40px; text-align: center;} .disc_404 ul li {padding:0 10px;} /*================= Shopping Cart page ================================= */ .page-title h1 { font-size:26px;float: left;} .cart .title-buttons .checkout-types {float: right;} header#header .top-cart .mini-products-list li.item { width:240px !important;} /*============Login page=======================*/ .customer-account-login .grid_12 { margin-left:4px;} .account-login .new-users { width:48.5% !important; float:left;} .account-login .registered-users { width:48.5% !important; float:right;} .customer-account-login .messages { width:95% !important; margin-left:3% !important; top: 170px; left:-3px; } .customer-account-login .error-msg {background-position: 12px -157px;} /*============Side Bar=======================*/ aside.sidebar .actions {width:100%; margin:0.75em 0px;} .block-compare ol li.item {width: 100% !important; margin-bottom:0px !important;} /*============Checkout page=======================*/ .opc .form-list .check-select { background: url("http://www.foagroup.com/skin/frontend/plumtree/foa/images/select_arrow.png") no-repeat scroll 97% 13px #FFFFFF !important;; width: 97% !important; } .opc .form-list .check-select .input-text { width: 90% !important; } /*============My Account=======================*/ .block-account header { background: #F9C500;padding: 15px 15px 15px; width:73%;} .block-account header .title-marker { right:-66px !important;} .cart-table .btn-remove2, .my-wishlist .btn-remove2 { clear:none;} /*============Product Detail Page Slider=======================*/ .catalog-product-view .slider-container.widget-container .prev {top: -18px; right:55px;} .catalog-product-view .slider-container.widget-container .next {top: -18px; right:0px;} .catalog-product-view .home-slider-conainer .es-carousel-wrapper {min-height:205px;} .catalog-product-view .grid_12 .slider-container {width: 100%; clear:both;} .catalog-product-view .home-slider .widget-slider {width: 455px !important; margin:0px; left:0 !important;} /*============Product Detail Page=======================*/ .catalog-product-view .product-view {padding-top: 0;} .product-essential .grid_4 {width: 80% !important; margin: 0 auto;} .product-right-detail {float: none;margin: 0 auto;padding-top: 40px;/*width: 90% !important;*/} .es-carousel-wrapper { min-height: 108px;} .product-bottom-box .add-to-links li a{padding-top:0px; padding-bottom:0px;} .go_button button.button span span { padding:8px 40px 10px} .account-create .page-title p { clear:both; font-size:14px;} .form-list li .field + .field { margin-top:0 !important;} .account-create .fieldset { padding:0 16px 1.5em 11px} .account-create .form-list .field {width: 248px !important; float:left;} .account-create .input-box {width: 210px !important;} .account-create .form-list li.wide .input-box {width: 458px !important;} .account-create .form-list li.wide input.input-text {width: 458px !important;} .account-create .form-list .select-div { background-position: 197px 13px;width: 220px; } .account-create .form-list select { width:106%;} .account-login .form-list li, .account-login .required { margin:10px 0 0;} .account-login .registered-users .content .buttons-set a {clear:none; margin-top:10px;} .form-list .customer_id { width:500px;} .form-list .customer_id input { width:210px !important; } .cart .shipping .form-list .select-div { width:98.5% !important; background-position: 95% 13px;} .cart .shipping .form-list input {width: 95%;} .sorter .sort-by select { margin: -2px 9px 0;} .sorter .limiter select { margin: 2px 9px 0;} .look_store .input-box .select-div select { padding: 0px 10px;} .opc .form-list .field select, .opc .form-list .field-2 select{ padding: 0px 10px 0px;} .my-account .select-div {width:102% !important;} .compare-table {width: 100%;} .compare-icons .remove-icon { float: left; margin: 0 0 0 10px;} .compare-icons .save-icon {float: left;} .catalog-product-view #messages_product_view {margin-top: -46px;width: 96%;} /*======================================== mis css ===============================*/ .SuccessPageContent .cart-table2 tbody tr { background:#fff;} .cart .totals-wrapper { padding: 20px 60px 12px 41px;} .shipment-methods .shipping-extra-text {margin-top: 0;} /*======================================== landing List ===============================*/ .landing .landing_top {background-color: #6986af;background-size: 100% auto;} .landing .hpmkt {margin: 20px 20px 0 0;} .landing .high_point {margin-top: 20px;padding: 15px 20px 30px 15px;} .landing .high_point h2 {font: 600 30px/36px 'museo-slab',serif} .landing .high_point h3 {font: 600 55px/24px 'museo-slab',serif;} .landing .content {margin-left: 50%;padding: 10px 10px 0;} .landing .content p {line-height: 21px;} .landing .content img {display: none;} .landing_head img {width:70%; height:auto;} .landing .landing_footer {padding:0px 15px 18px;width: 94.5%;} .landing_footer .detail {margin-top: 18px;padding: 0 0 0 18px;width: 46%;} .landing_footer .social {float: right;} .landing_footer .w_site {clear: both;float: none;padding-left: 0;padding-top: 10px; text-align:left;} .landing_footer .hopes {margin-top: -20px;} .error-msg, .success-msg, .note-msg, .notice-msg {padding:11px 15px 9px 58px !important;font-size:12px !important;} .success-msg {background-position: 12px 3px;} .cms-general .messages { top: 165px; width:96%} #my-orders-table tbody td { border:none; padding:0px 10px;} #my-orders-table tbody { padding:10px;} #my-orders-table .item-options dd { width:49%; padding-bottom:10px;} #my-orders-table tbody { padding:10px 10px 0px 10px; border-bottom:1px solid #cbcbcb;} table.data-table td.last { border:none; clear:none;} .cms-index-index .messages {top: 161px;} .cms-index-index .error-msg {background-position: 12px -158px;} .dashboard .box-info .box {min-height: inherit;} .sidebar .block-content1 .actions > a {color: #000;} .contacts-index-index .messages {left: 13px;top: 163px;width: 90%;} .customerservice-index-index .messages, .customerservice-index-ordered .messages {top: 187px;width: 90%;} .catalogsearch-result-index .sidebar {margin-top: 0;} .pick-up {padding: 19px 0 20px 0px;} .purchase-ord {padding: 20px 0 20px 0px;} .pick-up input { width:95% !important;} .pick-up img {left: inherit; right:3%;top: 61%;} .purchase-ord input {width:95% !important;} .calendar {z-index: 999;} /***************New Header **************************/ header#header .top-header-block.logout h1.logo {margin: 0 !important;} header#header .top-header-block.logout .logo a.logo {margin: 6px 0px !important;} .top-header-block.logout .top_right { padding: 0;} .top-header-block.logout .hotline {margin: 0;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .slide_content h2 { font-size:15px;} body { min-width: 320px; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 96%; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 0; margin-right: 0; } /* .grid_12 { margin-left: 10px; margin-right: 10px; } */ .alpha, .omega { margin-left: 0; margin-right: 0; } .align_center, .align_right { text-align: left; } /* Adaptive .category-products .products-grid li.item:nth-of-type(2n+2){ margin-right:0; } .category-products .products-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; }*/ .products-grid.widget-grid li.item:nth-of-type(2n+2){ margin-right:0; } .products-grid.widget-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .products-grid#upsell-product-table > li:nth-of-type(2n+2){ margin-right:0; } .products-grid#upsell-product-table > li:nth-of-type(2n+1){ clear:left; } .block-related .no-slider li.item:nth-of-type(2n+2){ margin-right:14px; } .block-related .no-slider li.item:nth-of-type(2n+1){ clear:none; } .block-related .no-slider li.item:nth-of-type(3n+3){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(3n+1){ clear:left; } .more-views ul.no-slider li:nth-of-type(5n+5){ margin-right:0; } .more-views ul.no-slider li:nth-of-type(5n+1){ clear:left; } .col2-layout .col-main, .sidebar{width:100%;} header#header .nav-container > ul { left: 0px; } /*header#header .form-search .indent{ width: 250px !important; }*/ /* Category Page ========================================================================= */ .products-grid li.item{float:left;} /* .products-grid li.grid_3 { width: 190px; margin-left: 10px; margin-right: 10px;}*/ .products-grid li.alpha { margin-left: 0;} .products-grid li.omega { margin-right: 0;} .products-grid.large-grid li.grid_3 { width:190px; margin-left: 10px; margin-right: 10px; float:left;} .products-grid.small-grid li.item { width:190px; margin-left: 10px; margin-right: 10px; float:left;} .products-grid#upsell-product-table li.grid_3 { width: 175px;} .header-slider-container .container_12.arrs{ left:50%; margin-left:-210px; width:420px; } .header-slider-container .container_12.arrs .prev, .header-slider-container .container_12.arrs .next{ top: 40%; } .header-slider-container .iosSlider .item .product-img-holder .slider-product-img { width: 51%; left:auto; right:-100%; } .header-slider-container .iosSlider .slider .item .info-box{ right:67%; } .header-slider-container .iosSlider .slider #item2.item .slider-product-img{ width: 46%; } .header-slider-container .iosSlider .slider #item2.item .info-box{ right: 62%; } .header-slider-container .iosSlider .slider #item3.item .info-box { right: 67%; } .header-slider-container .iosSlider .slider .item .product-img-holder{margin-left:-210px;} .home-container-2 .products-grid.widget-grid li.grid_3.item { width: 195px; } .home-slider-conainer .es-carousel-wrapper{ min-height: 310px; } .home-slider-conainer .products-grid li.item{ width:200px; } /* Block Related */ .block-related #block-related-slider{ min-height:285px; } .block-related li.item { width: 140px; } aside.sidebar section.block-wishlist li.item .product-details { width: 80%; } aside.sidebar-right { float:none!important; margin-left:0; margin-right:0; } /* Pager */ .toolbar .pager .amount{padding: 7px 0 0 7px;} .toolbar .pager .pages{float:right;} .toolbar .pager .pages li.current, .toolbar .pager .pages li a{padding-bottom:1px; padding-top:2px; display:inline-block;} .toolbar .pager .pages li a.i-next, .toolbar .pager .pages li a.i-previous{ padding:6px 7px 5px; } .sorter .limiter label{ margin-top:3px; } /* Product View ========================================================================= */ .product-view .product-prev, .product-view .product-next{ top: -41px; } .product-view .productpage_small .more-views #more-views-slider{min-height:105px;} .product-view .productpage_small .more-views #more-views-slider li{width:105px;} .product-view .productpage_medium .more-views #more-views-slider li{width:107px;} .product-view .productpage_large .more-views #more-views-slider{min-height:105px;} .product-view .productpage_large .more-views #more-views-slider li{width:110px;} .product-view .productpage_extralarge .more-views #more-views-slider{min-height:85px;} .product-view .productpage_extralarge .more-views #more-views-slider li{width:87px;} /* Special Block ========================================================================= */ .special-block #container{height:auto!important;} .special-block #container .banner-block{position:relative!important; left:auto!important; top:auto!important; margin-right:0; margin-left:0; float:left; display:block; clear:none;} .special-block #container .banner-block.even{margin-right:10px;} .special-block #container .banner-1 img{width:205px; height:130px;} .special-block #container .banner-1.style-3 img{width:205px; height:277px;} .special-block #container .banner-2{height:130px; width: 205px;} .special-block #container .banner-2 img.over-img{width:205px; height:130px;} /* Shopping Cart ========================================================================= */ .cart-collaterals .crosssell li.item{float:left; width:177px; margin-top:1.5em;} #shopping-cart-table td.product-detail {padding-left: 20px;} /* Wishlist ========================================================================= */ #footer .footer-bottom-block address{ float:none; } #footer .store-switcher label{margin-top:3px; display:inline-block;} /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } /*================= product listing page ================================= */ .container_12 .item {margin-right: 15px;width: 30.5% !important;margin-bottom: 15px;} .sorter .sort-by {width: 61%;} .sorter .sort-by .amount {display: none;} .sorter .sort-by {width: 41%;} /*================= Mini cart ================================= */ header#header .top-cart .mini-products-list li.item { width:240px !important;} .catalogsearch-result-index .page-title h2 {font: 300 30px 'museo-slab',serif !important;} /*.catalog-product-view .messages { top: 6px;}*/ .catalog-product-view .messages { top: 183px;} /*PTWS*/ } @media (max-width: 550px) { /*================= product landing page ================================= */ .subcategory-list ul li {margin-bottom: 15px;margin-right: 15px;width: 46.7%;} .subcategory-list ul li .subcategory-title {float: left;margin-top: 15px;width: 100%;} /*================= product listing page ================================= */ .category-products .products-grid li.item:nth-of-type(2n+2){ margin-right:0; } .category-products .products-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .container_12 .item {margin-right: 15px;width: 46.7% !important;margin-bottom: 15px;} .block-compare ol li.item {width: 100% !important; margin-bottom:0px !important;} .sorter .sort-by {width: 61%;} .sorter .sort-by {width: 44%;} /* 404 page =============================================================================== */ .page-head-404 h1 {font: 600 150px/170px 'Open Sans',serif; padding-bottom:10px;} .page-head-404 h2 { font: 100 36px/42px 'museo-slab',serif ; } .page-head-404 h3 {padding-bottom:20px;} .disc_404 { margin-top: 20px;} .disc_404 ul { float:none;width: 465px;margin: 19px auto 50px; text-align: center;19px 17px 65px} .disc_404 ul li {padding:0 8px; font-size:12px;} /*================= Mini cart ================================= */ header#header .top-cart .mini-products-list li.item { width:240px !important;} /*============Login page=======================*/ .customer-account-login .grid_12 { margin-left:11px;} .account-login .new-users { width:98% !important;} .account-login .registered-users { width:98% !important; float:left;} header#header .top-cart {float: right;margin-right: 5px;padding: 0px 8px;} /*old value 0px 8px*/ /*============Product Detail Page Slider=======================*/ .catalog-product-view .slider-container.widget-container .prev {top: -18px; right:45px;} .catalog-product-view .home-slider .widget-slider { left:-6px !important;} /*============Product Detail Page=======================*/ .product-essential .grid_4 {width: 100% !important; margin: 0 auto;} /*old width: 98% !important;*/ .product-right-detail {float: none;margin: 0 auto;padding-top: 40px;width: 98% !important;} .es-carousel-wrapper { min-height: 108px;} .more-views .prev {left:7px;} .more-views .next{right:7px;} .product-bottom-box .add-to-links li a{padding-top:0px; padding-bottom:0px;} .add-to-links li a.saved-later span.marker { left:16px; } .add-to-links li a.compare-product span.marker { left:5px; } .add-to-links li a.print-page span.marker {left:13px; } .go_button button.button span span { padding:8px 40px 10px} .product-dimensions li span {width:50%;} .product-dimensions-first li div { width:50%;} .mini-products-list-related button.button span { padding:8px 20px 10px; font-size:12px;} .mini-products-list-related button.button span span {padding:0px;} .catalogsearch-result-index .page-title h2 {font: 300 24px 'museo-slab',serif !important;} .my-wishlist .buttons-set button.button, .buttons-set .wishlist-clear-all, .buttons-set .wishlist-continue-shopping {width:100%; margin:5px 0 8px;} .form-list li .field + .field { margin-top:10 !important;} .account-create .fieldset { padding:0 16px 1.5em 11px} .account-create .form-list .field {width: 100% !important; float:left;} .account-create .input-box {width: 97% !important;} .account-create .form-list li.wide .input-box {width: 97% !important;} .account-create .form-list li.wide input.input-text {width: 100% !important;} .account-create .form-list .select-div { background-position: 96% 13px;width: 102% !important; } .account-create .upload_doc p { font-size:12px;margin:15px 0px; } .account-create .upload_doc .file_check-box p { margin:0 0 0 10px !important; } .shipment-methods .shipping-extra-text {width:190px; } .order-number-box-area {margin-left: 30px;width: 80%;} .SuccessPageContent .cart-table2 tbody td.product-detail {width: 86.5% !important;padding: 0 0 0 30px;} .top-header-block .store_locater { display:none} .top-header-block.logout .store_locater { display:block} .customerservice-index-ordered .credit-content {width:95%;} .credit-table td input{width:84%;} .return_table .rtn_reason {width: 58.4%;} .SuccessPageContent .success-page-text {font-size: 14px;} .form-list .customer_id input { width:100% !important; } /*======================================== landing List ===============================*/ .landing .hpmkt {margin: 10px 0px 0 0;} .landing .hpmkt img { display:block; width:84%; height:auto;} .landing .hpmkt p {font-size: 12px;text-align: left;} .landing .high_point {margin-top: 10px;padding: 10px 20px 20px 15px;} .landing .high_point h2 {font: 600 24px/30px 'museo-slab',serif} .landing .high_point h3 {font: 600 43px/24px 'museo-slab',serif} .landing .content {margin-left: 50%;padding: 10px 8px 0;} .landing .landing_footer {padding: 0 15px 18px;width: 93.8%;} .landing_footer .territory h3 {font: 600 11px/14px 'Open Sans',serif;} .landing .content p {font-size: 12px;line-height: 20px;} .landing_footer .detail {width: 45%;} .landing_footer .social {padding-left: 0;} .title-buttons .success-print_top button span { margin-top:10px;padding: 0 30px;} .success-total .success-print button span {padding: 0 25px;} #shopping-cart-table td { padding: 10px 20px 22px;} table.data-table td a.product-image img{width:100%;} header#header .menu-button{text-indent:-999px;overflow:hidden;padding: 16px 24px 13px 49px;} header#header {position: relative;} .main-container {margin-top: 0px;} .cms-home .wrapper-container {padding-top: 0px;} .catalog-category-view .wrapper-container, .catalog-product-view .wrapper-container{padding-top:0px;} .cms-page-view .wrapper-container {padding: 2.66em 0 0;} .cms-international .main-container {margin-top: 0;} .breadcrumbs-wrapper{ display:none;} .catalog-product-view .breadcrumbs-wrapper, .catalogsearch-result-index .breadcrumbs-wrapper, .catalog-category-view .breadcrumbs-wrapper{top:0px; display:block;} .catalogsearch-result-index .breadcrumbs-wrapper { top:168px;} .catalogsearch-result-index .category-wrapper {margin-top: 0;} .catalogsearch-result-index .wrapper-container { padding:0;} .checkout-onepage-index .item-options { margin-left:32%;} .catalog-product-view .messages { top: 14px;} .home-full .home-full-right .full_reg { margin:auto;} .customer-account-login .messages { top: 183px;} .block-account header .title-marker { right:-49px !important;} .sales-order-view .page-title h1 { width:100%;} .page-title .separator {font-size: 20px;} } @media (max-width: 479px) { .contacts-index-index #contactForm .input-box select{width:100%;} .contacts-index-index #contactForm .form-list input.input-text {padding: 0 0 0 3%;width: 97%;} .contacts-index-index #contactForm .form-list li.wide textarea {padding: 0 0 0 3%;width: 97%;} .contacts-index-index .contact-info{padding:20px;} .contacts-index-index .contact-info .dealer{float:left;width:100%;} .contacts-index-index .contact-info .general{float:left;width:100%;} .contacts-index-index .contact-info p{margin-left:10px;} .contacts-index-index .contact-info p span{width:100%;} .contacts-index-index .contact-info p .general2, .contacts-index-index .contact-info p .dealer2 {width: 100%;line-height: 25px;} .contacts-index-index .contact-info p .general3, .contacts-index-index .contact-info p .dealer3 {width: 100%;line-height: 25px;} .contacts-index-index .contact-info .dealer p {margin-bottom: 10px;} .contacts-index-index .contact-info .dealer .contact-content p:nth-child(2) { margin-bottom: 0 !important; } header#header .form-search input {width: 180px;} header#header .nav-container > ul {left: 0;} .home-blocks {padding-bottom: 0px;padding-top: 25px;float: none;width: 96%;margin: 0 auto;} .home-blocks .home-blocks-item {width: 100%;margin-bottom: 20px;} .slider-container .next {right: -8px;top:135px; width:45px; height:45px;background-position: -47px 16px;} .slider-container .prev {left: -8px;top:135px; width:45px; height:45px; background-position: 17px 17px;} .slider-container .prev:hover {background-position: 17px 17px;} .slider-container .next:hover {background-position: -47px 16px;} .catalog-product-view .slider-container.widget-container .prev {left:inherit;} .home-slider .widget-slider {width: 230px !important;} .es-carousel-wrapper .products-grid li.item { left:9px;} .home-full .home-full-left img { display:none} .home-full .home-full-left .home-full-all .hfa_des h2 {font: 300 18px/26px 'museo-slab',serif;} .home-full .home-full-left .home-full-all .hfa_des h3 {font-size: 12px;line-height: 20px;} /*.home-full .home-full-left .home-full-all .hfa_des h4 {line-height: 16px;}*/ .main-container {padding-bottom: 0;} #footer .top-footer-block {padding: 0;} .bottom-container {padding: 60px 5px 0px;} .bottom-container .message .mes_head { font: bold 27px/27px 'Roboto',sans-serif;padding-top: 0;} .bottom-container .message .mes_contant {padding: 13px 0px 0 10px;} .bottom-container .message .moreinfo {left: 2px;top: 56px;} .bottom-container .bottom .bottom-right {margin-top: 5px;width: 70%;margin-right:10px;} .bottom-container .message .mes_head_off { font: bold 48px/50px 'Open Sans',sans-serif;padding-top: 0;} .bottom-container .message .mes_contant_off {padding: 13px 0px 0 10px;} .bottom-container .message .moreinfo_off {left: 2px;top: 77px;} .bottom-container .bottom .bottom-right .newsletter .input-box {width: 130px;} .bottom-container .bottom .bottom-right .newsletter .input-box #newsletter {width: 120px;} .bottom-container .bottom .bottom-right .newsletter .actions {width: auto;} .bottom-container .bottom .bottom-right .newsletter .actions .button {width: 80px; padding:0;} .footer-main-block .custom-footer-content {float: none; margin: 0 auto 20px; text-align: center;} #footer .footer-bottom-block address {font-size: 11px;} #footer .footer-main-block h3 {display: table;float: none;margin: 0 auto 10px;} .footer-main-block .container_12 .grid_3 h3 {font-size: 16px;} .footer-main-block .container_12 .omega ul li {margin: 0 5px 0 4px;} header#header .dealer-login {padding: 10px 10px 0.75em 8px;} .top-header-block .top_signup {padding: 0 10px;} header#header .form-search {margin-top: 10px;margin-right: 10px;width: 70%;} .top-header-block .top_right {float: left;padding: 0 0 10px 10px; width:96%;} header#header .links li, header#header .dropdown-links { float:none; padding:10px 5px 0} header#header .top_logout { /*display:none;*/ border:none; padding:0 18px 0 8px;} /*================= product landing page ================================= */ .subcategory-list ul li { margin:0 auto 15px;width: 75%; overflow:hidden;} .subcategory-list ul li .subcategory-title {float: left;margin-top: 15px;width: 100%;} /*================= product listing page ================================= */ .checkout-cart-index .container_12 {margin-left: 5px;margin-right: 5px;} .container_12 .item { margin:0 auto 15px !important;width: 75% !important; overflow:hidden;} .sorter .sort-by {width: 61%;} .sorter .limiter {display: none;} .sorter .sort-by {display: none;} /* 404 page =============================================================================== */ .page-head-404 h3 {padding-bottom:20px; font-size:14px;} .disc_404 { margin-top: 20px;} .disc_404 ul { float:none;width:100%;} .disc_404 ul li { line-height:20px; padding:19px 0 65px;} /*================= Shopping Cart page ================================= */ .page-title h1 { font-size:26px;float: none;} .cart .title-buttons .checkout-types {float: none;} /*================= Mini cart ================================= */ header#header .top-cart .mini-products-list li.item { width:240px !important;} /*============Product Detail Page Slider=======================*/ .catalog-product-view .container_12 { margin:0 !important;} .catalog-product-view .container_12 .grid_12 { margin-left:7px; margin-right:7px;} .catalog-product-view .home-slider .widget-slider {width: 274px !important; padding:0 6px 0 0px;} .catalog-product-view .es-carousel-wrapper .products-grid li.item {width: 142px !important;} .catalog-product-view .home-slider-conainer h1 { font-size:18px;} /*============Product Detail Page=======================*/ .more-views .prev {top:30%;} .more-views .next{top:30%;} .product-view .more-views #more-views-slider {min-height: 75px;} .product-right-detail { clear:both; padding-top: 20px;width: 98% !important;} .product-right-detail .grid_5 {width: 100% !important;} .product-right-detail .short-description {font: 400 11px/20px 'Open Sans',serif;margin: 0;} .look_store {padding: 10px;width: 94%; margin-top:10px;} .look_store h2 {font-size:16px;} .look_store .address input { width:248px;} .look_store .input-box .select-div { width:258px; background-position:232px 13px; margin-bottom:20px;} .look_store .input-box .select-div select { width:110%;} .look_store .input-box .go_button {float: right; margin: 0px 20px 0 0;} .go_button button.button span span { padding:8px 40px 10px} .product-right-detail .extra-details ul {margin: 15px 15px 15px 10px;} .product-right-detail .extra-details ul li {font: 400 11px/18px 'Open Sans',serif; width:98%;} .add-to-links li {margin-right: 10px;width: 91px;} .product-view .product-shop .product-bottom-box {margin-bottom: 0;} .product-options .input-box .select-div { width:172px; background-position:149px 13px;} .product-options .input-box .select-div select { width:110%;} .product-options .qty-div {width: 100px;} .product-options .qty-div label { padding: 0 0 0 10px;} .product-options .qty-div input.qty { width: 47px !important;} .product-options .qty-div .quantity-increase, .product-options .qty-div .quantity-decrease {right: 10px;} .product-options dl .qty-div-dl { width: 100px !important;} .product-options dl .qty-div-dl label { padding: 0 0 0 10px !important;} .product-options dl .qty-div-dl input.qty { width: 22px !important;} .product-options dl .qty-div-dl .quantity-increase, .product-options dl .qty-div-dl .quantity-decrease {right: 33px;} .product-dimensions li span {width:95px;} .product-dimensions-first li div { width:50%;} .block-related li.item .product {padding-right: 0;} .mini-products-list-related li.item {margin-top: 20px !important; margin-bottom:0 !important;} .mini-products-list-related .product-image {width: 100px !important; margin:0 8px 0 0;} .block-related .product .product-details {width: 100px !important;} .mini-products-list-related .qty_div {width: 90px;} .mini-products-list-related .qty_div label { padding:0 0 0 10px !important;} .mini-products-list-related .qty_div input.qty { width: 37px !important; } .mini-products-list-related .qty_div .quantity-increase, .mini-products-list-related .qty_div .quantity-decrease {right: 10px;} .mini-products-list-related button.button span { padding:8px 9px 10px} .mini-products-list-related button.button span span {padding:0px;font-size: 12px;} .product-collateral .form-add .form-list .input-box textarea { width:100% !important;} .catalogsearch-result-index .page-title h2 {font: 300 18px 'museo-slab',serif !important;} .shipment-methods .shipping-extra-text {width:200px; } .SuccessPageContent .success-page-text {line-height: 22px; padding:20px 0 20px 30px; } .customerservice-index-ordered .credit-content {width:92%;} .date .input-box input{ width: 182px;} .credit-table {width:103%;} .credit-table td input{width:65%;} .credit-table td input.reason { width:92%;} .my-account .ex_detail {padding: 20px 0; float:none; overflow:hidden;} .my-account .ex_detail ul {float: left;padding-left: 21px;padding-right: 26px;width: 83%;} /*======================================== Mis css ===============================*/ .success-total {width:271px;} .SuccessPageContent .cart-table2 tbody td { width:76% !important;} header#header .wishlist-save {padding: 0 11px;} /*======================================== landing List ===============================*/ .cms-landing-page .container_12 {margin-left: 5px;margin-right: 5px;} .cms-landing-page .grid_12 {margin-left: 0;margin-right: 0;} .landing .hpmkt {width: 134px;} .landing .hpmkt img {width: 93%;} .landing .hpmkt p {font-size: 11px;} .landing .high_point {padding: 10px 10px 10px;} .landing .high_point h2 {font: 600 20px/20px 'museo-slab',serif; margin-bottom:0;} .landing .high_point h3 {font: 600 35px/40px 'museo-slab',serif} .landing .content {margin-left: 0%;padding: 10px 10px 0; text-align:left;} .landing .content p {font-size: 11px;line-height: 15px;padding-bottom: 4px;color: #fff;text-shadow: 1px 1px 0px #262626;} .landing .content p.address {padding: 4px 0 0; text-align:right;} .landing .content p.copy {padding: 0px 0 1px;} .landing_head img {width: 80%;} .landing_footer .detail {width:80%;} .landing .landing_footer {width: 90.6%;} .landing_footer .territory h3 { margin-bottom:0;} .landing_footer .territory p {padding: 5px 0 0;} .landing_footer .social {clear: both;float: left;padding-top: 10px;} .landing_footer .w_site {clear: both;padding-top: 10px;} .landing_footer .hopes { clear:both; margin-top: -20px;} .block-account header { width:57%;} .catalog-product-view .messages { top: 14px;} .account-create .form-list .select-div {width: 105% !important; } .bottom-container .message .mes_contant_off{font: 600 11px/18px 'Open Sans', sans-serif;} .cms-general .messages { top: 165px; width:88%} #footer .footer-main-block .container_12 .grid_3{padding-left:15px; padding-right:15px;} #footer ul {text-align: center;margin: 0 auto 15px;display: table; float:none;} #footer .custom-footer-content ul {margin-bottom: 0px;} .footer-main-block .container_12 .omega ul {margin: 17px auto;} #footer p {text-align: center;} .catalogsearch-result-index .wrapper-container {padding:0;} .top-header-block.logout .store_locater { display:none;} .top-header-block.logout .hotline { display:none;} header#header .top-header-block.logout .wishlist-save {margin: -5px 0 0 0px !important;} } /*PTWS*/ @media only screen and (min-width:320px) and (max-width:479px){ .shipment-methods dd li, #checkout-step-payment li{ margin-bottom:0px;} #shopping-cart-table td { padding:10px 30px 0 !important} #checkout-step-payment .sp-methods dt{ padding-bottom:5px;} #co-payment-form .other_payment { position:relative;} #co-payment-form .sp-methods { padding-top:10px;} #co-payment-form .other_payment { left:0px;} header#header h1.logo { width:100%;} header#header .logo a.logo { display: inline-block} #shipping-method-buttons-container button.button { margin-top:10px;} .product-right-detail .extra-details ul { margin:15px 15px 0 10px;} .product-view .product-shop .product-bottom-box { padding:0px;} .product-options-bottom{ float:right; margin:-54px 0 0 0!important; padding:0px;} .product-view .product-collateral { padding:0px;} .social-sharing { margin:0px;} .product-right-detail { padding-top:10px;} .product-right-detail .products-name h2 { margin:0px;} .product-right-detail .product-sku { margin:0px;} #collateral-accordion.product-collateral h2 { padding-top:10px;} .container_12 .category-products .item { margin:0px 0 25px 12%!important;} .my-wishlist #wishlist-view-form { width:86%; padding:0px 7%; background-color:#FFFFFF} table#wishlist-table td .wishlist-input-box { float:left;} table#wishlist-table td .price-box { padding-top:5px;} table#wishlist-table td .price-box .price { font-size:16px;} table#wishlist-table td textarea { width:94%;} table#wishlist-table td .cart-cell button.button { float:left;} .wishlist-index-index table#wishlist-table td .cart-cell { margin-left:5px; padding:0px;} .subcategory-list ul li .subcategory-title { margin-top:5px;} .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { float:left; width:100%; padding:0px; margin:0px 0 5px 0;} .oder-history-div .grid_4 .box .box-title { width:29%;} .oder-history-div .grid_4 .box .box-content { width:70%;} .Total-div { width:100%;} .Total-div table tbody { width:96%; margin:2%;} } @media only screen and (min-width: 551px) and (max-width:767px) { .contacts-index-index #contactForm .input-box select{width:100%;} .contacts-index-index #contactForm .form-list input.input-text {padding: 0 0 0 3%;width: 97%;} .contacts-index-index #contactForm .form-list li.wide textarea {padding: 0 0 0 3%;width: 97%;} .contacts-index-index .contact-info{padding:20px;} .contacts-index-index .contact-info .dealer{float:left;width:100%;} .contacts-index-index .contact-info .general{float:left;width:100%;} .contacts-index-index .contact-info p{margin-left:10px;} .contacts-index-index .contact-info p span{width:33%;} .contacts-index-index .contact-info p .general2, .contacts-index-index .contact-info p .dealer2 {width: 27%;} .contacts-index-index .contact-info p .general3, .contacts-index-index .contact-info p .dealer3{width:40%;} .contacts-index-index .contact-info .dealer p {margin-bottom: 5px;} } @media only screen and (min-width: 480px) and (max-width:550px) { .contacts-index-index #contactForm .input-box select{width:100%;} .contacts-index-index #contactForm .form-list input.input-text {padding: 0 0 0 3%;width: 97%;} .contacts-index-index #contactForm .form-list li.wide textarea {padding: 0 0 0 3%;width: 97%;} .contacts-index-index .contact-info{padding:20px;} .contacts-index-index .contact-info .dealer{float:left;width:100%;} .contacts-index-index .contact-info .general{float:left;width:100%;} .contacts-index-index .contact-info p{margin-left:10px;} .contacts-index-index .contact-info p span{width:100%;} .contacts-index-index .contact-info p .general2, .contacts-index-index .contact-info p .dealer2 {width: 100%;line-height: 25px;} .contacts-index-index .contact-info p .general3, .contacts-index-index .contact-info p .dealer3 {width: 100%;line-height: 25px;} .contacts-index-index .contact-info .dealer .contact-content p:nth-child(2) { margin-bottom: 0 !important; } .contacts-index-index .contact-info .dealer p {margin-bottom: 10px;} .shipment-methods dd li, #checkout-step-payment li{ margin-bottom:0px;} #checkout-step-payment .sp-methods dt{ padding-bottom:5px;} #co-payment-form .other_payment .input-box input.input-text { width:190px!important; margin-top:3px;} .opc .sp-methods dt, .opc .sp-methods dd { padding-bottom:0.5em;} #shopping-cart-table td { padding:10px 30px 0 !important} header#header h1.logo { width:100%;} #messages_product_view .error-msg, #messages_product_view .success-msg, #messages_product_view .note-msg, #messages_product_view .notice-msg { padding:7px 3px 6px 47px !important} .product-right-detail .extra-details ul { margin:15px 15px 0 10px;} .product-view .product-shop .product-bottom-box { padding:0 0 20px 0;} .product-options-bottom{ float:right; margin:-54px 0 0 0!important; padding:0px;} .product-view .product-collateral { padding:0px;} .social-sharing { margin:0px;} .product-right-detail { padding-top:10px;} .product-right-detail .products-name h2 { margin:0px;} .product-right-detail .product-sku { margin:0px;} #collateral-accordion.product-collateral h2 { padding-top:10px;} .my-wishlist #wishlist-view-form { width:86%; padding:0px 7%; background-color:#FFFFFF} table#wishlist-table td .wishlist-input-box { float:left;} table#wishlist-table td .price-box { padding-top:5px;} table#wishlist-table td .price-box .price { font-size:16px;} table#wishlist-table td textarea { width:94%;} table#wishlist-table td .cart-cell button.button { float:left;} .wishlist-index-index table#wishlist-table td .cart-cell { margin-left:5px; padding:0px;} #my-orders-table .item-options dd { width:84%;} .Total-div table { width:100%;} } @media print { .buttons-set { display:none;} }