/*****Default CSS*****/ * { margin:0; padding:0; } @font-face { font-family: 'maven_proregular'; src: url('fonts/mavenpro-regular-webfont.woff2') format('woff2'), url('fonts/mavenpro-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'maven_promedium'; src: url('fonts/mavenpro-medium-webfont.woff2') format('woff2'), url('fonts/mavenpro-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'maven_probold'; src: url('fonts/mavenpro-bold-webfont.woff2') format('woff2'), url('fonts/mavenpro-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'maven_proregular'; color:#000;text-align:left;padding: 0;margin: 0;font-size:1em;line-height:26px} img { border:0; vertical-align:top;outline: 0} /*****Links CSS*****/ a {color:#239f85; text-decoration:none; outline:none} a:hover { color: #505050; text-decoration: none} :focus { outline:0} *:focus,*:active,a:active,a:focus,input:focus,input:active {-moz-outline-style: none; outline:none; outline: 0} /***** Headings *****/ h1,h2,h3,h4,h5,h6 {font-weight:normal;} h1{font-size:20px; color: #836726; font-weight: bold; padding:8px 0px 0px 0px} h2{font-size:18px; font-weight:bold; color: #836726; padding:8px 0px 0px 0px} h3{font-size:16px; font-weight:bold; color: #836726; padding:8px 0px 0px 0px} h4{font-size:14px; font-weight:bold; color: #836726; padding:8px 0px 0px 0px} h5{font-size:14px; font-weight:bold; color: #836726; padding:8px 0px 0px 0px} h6{font-size:14px; font-weight:bold; color: #836726; padding-bottom:8px;} /***** Forms *****/ form{display:inline;} fieldset{border:0;} legend{display:none;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { box-sizing: border-box; color: #303030; display: inline-block; font-size: 14px; padding: 0 8px ; width: 100%; border:0 none; line-height: 26px; font-family:'Maven Pro', sans-serif} /***** Table *****/ table{border:0; border-spacing:0; empty-cells:show; font-size:100%} caption,th,td{vertical-align:top; text-align:left; font-weight:normal} /***** Content *****/ p{margin:0 0 10px; text-align:justify; font-size:1em; line-height:26px} strong{ font-family: 'maven_promedium'; font-weight: normal; } address{font-style:normal; line-height:18px} cite{font-style:normal} q, blockquote{quotes:none} q:before, q:after{content:'';} small,big{font-size:1em} /***** Lists *****/ ul,ol{list-style:none; margin: 0} dd, dl{margin: 0;} /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; } .messages, .messages ul { list-style:none; margin:0; padding:0; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid; border-width:1px; background-position:10px 9px; border-color:#ccc; background-repeat:no-repeat; padding:8px 8px 8px 8px; font-size:16px; font-weight:bold;} .error-msg { border-color:#9f233d; background-color:#faebe7;color:#9f233d} .success-msg { border-color:#ccc; background-color:#edfcf9; color:#239f85} .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; clear:both;} /*****CSS Button*****/ .button{overflow:visible;width:auto;margin:0;cursor:pointer;display:block;border:0;text-align:center;white-space:nowrap;color:#fff; font-family:inherit;} .dark_blue_btn{background: #836726; border: 0 none; display: block; font-family: 'maven_probold'; height: 30px; margin: 15px auto 0; padding: 10px 15px; text-transform: uppercase} .red_btn{background: #9f233d; border: 0 none;text-shadow: 0.4px 0.4px 0.4px #545353; text-transform: uppercase} .red_btn:hover{ background:#239f85} .green_btn{background:#239f85} .green_btn:hover{ background:#9f233d} .small_green_icon_btn{background:#239f85; padding:10px 11px; text-transform:uppercase; color:#fff; border:0px; text-shadow: 0.4px 0.4px 0.4px #545353; font-family: "maven_proregular"; display: inline-block} .quote_button .small_green_icon_btn {padding: 12px} .small_green_icon_btn:hover{background:#9f233d} .small_green_icon_btn span{font-family: "maven_proregular"; padding-left:5px} .small_green_btn{background:#239f85; padding:12px 20px; text-transform:uppercase; color:#fff; border:0px; font-family: 'maven_promedium'; font-weight: normal; text-shadow: 0.4px 0.4px 0.4px #545353;} .small_green_btn:hover{background:#9f233d} .small_red_btn{background:#9f233d; padding:12px 20px; text-transform:uppercase; color:#fff; border:0px; font-family: 'maven_promedium'; font-weight: normal; text-shadow: 0.4px 0.4px 0.4px #545353;} .small_red_btn:hover{background:#239f85} .large_red_icon_btn{background:#9f233d; padding:15px 20px 16px; text-transform:uppercase; color:#fff; border:0px; text-shadow: 0.4px 0.4px 0.4px #545353; font-size:20px !important; font-family: 'maven_promedium'; font-weight: normal;} .large_red_icon_btn:hover{background:#239f85} .large_red_icon_btn span{font-family: "maven_proregular"; padding-left:5px} button {cursor: pointer} /***** Layout *****/ .ma-page {} .ma-page-inner{margin:40px auto 0; padding: 0 20px; } .page-print {background:#fff; padding:25px 30px; text-align:left; } .page-empty {background:#fff; padding:20px; text-align:left; } .page-popup {background:#fff; padding:25px 30px; text-align:left; } .ma-main-container{} .main {margin:0 auto; padding: 0; text-align:left; } .main-inner {padding: 0px 0; background:#fff} .contain-size {padding: 0px 0px 0px 0px; } .text-underline{text-decoration:underline;} .middle_wrap{margin: 0 auto; width: 1200px;} .full_width{ background:#f5f5f5; width:100%} /* Base Columns */ .col-main {float:left; width:685px; padding:0 0 1px; } /* 1 Column Layout */ .col1-layout .col-main {float:none; width:auto; margin:0 auto; min-height:330px;} /* Content Columns */ .col2-set .col-1 {float:left; width:48.5%;} .col2-set .col-2 {float:right; width:48.5%;} .col2-set .col-narrow {width:32%; } .col2-set .col-wide {width:65%;} .col3-set .col-1 {float:left; width:32%;} .col3-set .col-2 {float:left; width:32%; margin-left:2%;} .col3-set .col-3 {float:right; width:32%;} .col4-set .col-1 {float:left; width:23.5%;} .col4-set .col-2 {float:left; width:23.5%; margin:0 2%;} .col4-set .col-3 {float:left; width:23.5%;} .col4-set .col-4 {float:right; width:23.5%;} /* Clears ================================================================================ */ .clearer:after, .ma-header-container:after, .ma-header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .ma-footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box: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 .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description: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 { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .clearfix::after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } /* ======================================================================================= */ /**** Common sprite images********/ .sprite{background:url(sprite-img.png) left top no-repeat;} .validation-advice { clear:both; min-height:13px; margin:3px 0 0 8px; padding-left:17px; font-size:11px; font-weight:bold; line-height:13px; background: url(validation_advice_bg.gif) 2px 0 no-repeat; color: #eb340a; width: auto;} .importorder-index-index form#orderForm { position: relative; display: block;} .importorder-index-index .validation-advice{position:absolute;bottom: -15px; left: 119px;} /***** topbar *****/ .topbar {background:#fff; padding:0px 0px; color:#fff; height:20px; -webkit-box-shadow: 0px 3px 3px 0px rgba(214,214,214,0.95); -moz-box-shadow: 0px 3px 3px 0px rgba(214,214,214,0.95); box-shadow: 0px 3px 3px 0px rgba(214,214,214,0.95); z-index:99; position:relative} .topbar .Quicklinks {margin:0px auto; width:1200px; padding:0px 0px;} .Quicklinks .links { float: right; padding-top:2px; padding-right:2px; line-height:15px } .Quicklinks .links li { padding:0px; margin-left:2px; display:inline-table; border-left:1px solid #505050; line-height:14px } .Quicklinks .links li:first-child{ border-left:0px} .Quicklinks .links li a { font-size:13px; color:#505050; padding: 0 0 0 6px; overflow:hidden;} .Quicklinks .links li a:hover { text-decoration: none; color: #239f85;} .Quicklinks .top-feature-tag-line {float:left; padding:5px 0px;} .topbar_l{ float:left; color:#505050; margin-top:2px} .welcome_text{ float:right; /*margin-right:70px;*/ color:#239f85; text-transform:uppercase; font-size:16px} .welcome_text strong{ color:#239f85} .header_contact_info{ float:left; width:510px} .header_contact_info ul li {color: #505050; display: inline; float: left; font-size: 13px; padding: 0 18px 0 0} .header_contact_info ul li span {color: #bebebe; display: inline-block; font-size: 18px; padding: 0 8px 0 0; vertical-align: middle;} .header_contact_info ul li:last-child{ padding: 0} a.become-dealer {color: #239f85 !important} a.become-dealer:hover{ color:#505050!important} /***** Header *****/ .logo { float:left; } .ma-header-wrapper-contain {width:100%; background:#f2f2f2;} .ma-header-wrapper{width: 100%;} .header { margin:0 auto; padding: 0; text-align: left; padding: 15px 0 15px; position:relative; } .header-content{ padding: 0; text-align:center } .header .hidden_mobile form#search_mini_form {left: 57%; position: absolute; top: 33px; width: 250px; margin-left: -125px} .header a.logo {margin:0px 0px 0px 0px; text-decoration:none !important;} .header a.logo img { } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; } .header .toplink { padding: 8px 0 0; } .header .quick-access { padding:0; text-align: right; } .header .welcome-msg { float: right; margin:0; text-align: left; padding: 0 15px 0 0; color:#666; font-weight: normal;} .header .welcome-msg a { color:#000; } .header .form-search { background: #fff; width: 250px; padding: 6px 10px; margin:0; clear: both; top: 50px; height:40px; right: 40px; z-index: 9999; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .header .form-search label { float:left; width:0; height:21px; text-align:left; text-indent:-999em; overflow:hidden; } .header .form-search input.input-text { background: none; float:left; border-right: 1px solid #c6c6c6; width:200px; height: 28px; line-height: 28px; padding: 0 10px; color: #505050; -webkit-transition: width 0.5s linear; -moz-transition: width 0.5s linear; -o-transition: width 0.5s linear; transition: width 0.5s linear; font-size:13px; /*margin: 6px 9px 6px 6px;*/ } /*.header .form-search input.input-text:focus { width: 209px;}*/ .search-btn {background:none; border: 0 none; color: #9a9a9a; font-size: 15px !important; margin: 5px 0 0; width: 24px; text-align: center; float: right; } .header .form-search button.button { float: right; } .header .form-search button.button span { border:0; width:34px; height:31px; background: url("icon-search.png") no-repeat scroll 50% 50% #FF4C4C; padding:0; -webkit-transition: 0s; -moz-transition: 0s; transition: 0s; } .header .form-search button.button span span { background:none; float:left; text-indent:-99999px; padding:0; } .header .form-search button.button:hover span { background: url("icon-search.png") no-repeat scroll 50% 50% #FF4C4C; } .header .form-search .search-autocomplete {max-height: 300px; left: 12px !important; overflow-y: auto; top: 40px !important; z-index: 9999; border: 1px solid #eee} .header .form-search .search-autocomplete ul { background-color:#f9f5f0} .header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.odd { background-color:#fffefb; } .header .form-search .search-autocomplete li.selected { color:#239f85 } .header .form-language { float:left;} .header .form-language label { padding-right:5px; vertical-align:middle; } .header .form-language select { padding:0; margin: 0; } .header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px;} .header_right_info { float:right; position:absolute; top: 28px; right:0; /*z-index:9;*/ } .header_right_info ul li { float: left; font-size: 13px; margin-left: 28px; } .header_right_info ul li:first-child { margin-left: 0; } .header_right_info ul li a { display: block; text-align: center; color: #239f85; } .header_right_info ul li a:hover { color: #239f85; } .header_right_info ul li a .label, .header-cart .block-cart .label { line-height: normal; margin-top: 5px; text-align: center; } .header-cart .block-cart .label span { display: none; } .header_right_info ul li.head_catalog a .label { line-height: 10px; margin-top: 0; } .header_right_info ul li.head_catalog a .label span { font-size: 9px; } .header_right_info ul li a .icon, .header-cart .block-cart .icon { display: block; margin: 0 auto; background-image: url(icon_top_links.png); background-repeat: no-repeat; } .header_right_info ul li.head_feedback a .icon { width: 30px; height: 31px; background-position: 0 0; } .header_right_info ul li.head_feedback a:hover .icon { background-position: 0 -31px; } .header_right_info ul li.head_catalog a .icon { width: 38px; height: 26px; background-position: -40px 0; } .header_right_info ul li.head_catalog a:hover .icon { background-position: -40px -31px; } .header_right_info ul li.live_chat a .icon { width: 38px; height: 31px; background-position: -88px 0; } .header_right_info ul li.live_chat a:hover .icon { background-position: -88px -31px; } .header-cart .block-cart { color: #239f85; } .header-cart .block-cart:hover { cursor: pointer; color: #239f85; } .header-cart .block-cart .icon { width: 29px; height: 31px; background-position: -136px 0; position: relative; } .header-cart .block-cart:hover .icon { background-position: -136px -31px; } .header-cart .block-cart .cart-text-floating { color: #ff704e; font-family: 'maven_probold'; font-size: 11px; font-weight: normal; width: 19px; height: 19px; line-height: 19px; position: absolute; left: 5px; text-align: center; top: 10px; } .header-cart .block-cart:hover .cart-text-floating { color: #239f85; } .header-cart .block-cart .cart-text-floating strong { font-family: 'maven_probold'; font-weight: normal; } .header-sticky.box-shadow .header-cart .block-cart { background: #9f233d; height: 50px; padding: 0 25px; } .header-sticky.box-shadow .header-cart .block-cart .icon { display: inline-block; *display: inline; zoom: 1; background-position: -136px -62px; margin-top: 10px; } .header-sticky.box-shadow .header-cart .block-cart:hover .icon { background-position: -136px -62px; } .header-sticky.box-shadow .header-cart .block-cart .label { float: left; font-size: 18px; font-weight: normal; text-transform: uppercase; color: #FFF; margin-top: 15px; margin-right: 10px; } .header-sticky.box-shadow .header-cart .block-cart .label span { display: inline-block; *display: inline; zoom: 1; margin-right: 5px; } .header-sticky.box-shadow .header-cart .block-cart .cart-text-floating { right: 45px; left: auto; top: 20px; color: #FFF; } .header-sticky.box-shadow .header-cart .block-cart:hover .cart-text-floating { color: #FFF; } .header-sticky.box-shadow .cart_area .footer-cart-content { margin: 30px 15px 0 0; } .black_overlay { background: rgba(0, 0, 0, 0.55); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; } .search-btn.fa.fa-search:hover {background: #fff; color: #000} .mini-products-list .cart_site a{ background:none} .colmain-account input.input-text { border: 1px solid #b6b6b6; background: #fff; margin-left: 10px;} .importorder-index-index input.input-text{padding:3px;} /*------Accordion ---------*/ /********** < Navigation */ .hidden-desktop{ display:none} .fix-nav { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; } /* this make our menu fixed top */ .ma-nav-mobile-container { background: #836726;position:relative;z-index:999;border-radius:0px; float:left; width:100%} .ma-nav-mobile-container .navbar { margin: 0;} .nav-collapse {text-align: left;} .navbar .nav > li { padding: 10px 30px 20px 0;} #ma-mobilemenu {height: auto; display: none;} .nav-collapse, .nav-collapse.collapse { } .navbar-inner { background: none; box-shadow: none; } .m_nav_icon{ width:120px; background:#239f85; padding:16px 15px; box-sizing: border-box; float:left} .navbar .btn-navbar { padding: 0px 0px 0px 20px; width:20px; margin:0px 0px} .navbar .brand { color: #fff; font-size:18px; float:left; margin-top:3px } .mobilemenu { list-style-type: none; padding: 0; margin: 0; } .collapse.in { } .mobilemenu ul { padding: 0; margin: 0; float: left; display: block; width: 100%; } .mobilemenu li { background: #239f85; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; position: relative; } .mobilemenu li.level0.last { margin-bottom: 0px; } .mobilemenu li.active>a { /*background: url('http://scdn.lilyanncabinets.com/skin/frontend/rwd/newlilyan/images/close.gif') no-repeat center right;*/ } .mobilemenu li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 360px; } .mobilemenu a { text-decoration: none; border-bottom: 1px solid #28b497; font-size: 14px; line-height: 46px; font-family: "maven_probold"; color: #fff; padding: 0 20px; display: block; cursor: pointer; } .mobilemenu a span h3 {font-size: 13px; /*line-height: 34px;*/ font-family: 'maven_probold'; color:#fff; } .mobilemenu a .sale { position: absolute; right: 15px; top: 9px; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ff714f; font-size: 9px; font-weight: normal; color: #FFF; margin: 0; padding: 6px 0 0; line-height: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .mobilemenu a .isnew { position: absolute; left: 17px; top: 0; background: url(sprite_cat.png) 0 -231px no-repeat; width: 34px; height: 34px; padding: 0; } .mobilemenu li.active a, .mobilemenu a:hover { color: #fff; } .mobilemenu ul a { color: #aaa; } .mobilemenu ul a:hover, .mobilemenu ul li.active a { color: #fff !important; } .mobilemenu ul ul a, .mobilemenu ul li.active ul a { color: #aaa; } .mobilemenu ul ul a:hover, .mobilemenu ul ul li.active a, .mobilemenu ul li.active ul a:hover { color: #fff !important; } .mobilemenu ul ul ul a, .mobilemenu ul ul li.active ul a { color: #aaa !important; } .mobilemenu ul ul ul a:hover, .mobilemenu ul ul ul li.active a, .mobilemenu ul ul li.active ul a:hover { color: #fff !important; } .mobilemenu ul ul ul ul a, .mobilemenu ul ul ul li.active ul a { color: #aaa !important; } .mobilemenu ul ul ul ul a:hover, .mobilemenu ul ul ul ul li.active a, .mobilemenu ul ul ul li.active ul a:hover { color: #fff !important; } .mobilemenu li.parent>a { /*background: url('http://scdn.lilyanncabinets.com/skin/frontend/rwd/newlilyan/images/open.gif') no-repeat center right;*/ } .mobilemenu li ul li { font-size: 0.9em; /*background: url("http://scdn.lilyanncabinets.com/skin/frontend/rwd/newlilyan/images/bg-nav.png") repeat scroll 0 0 transparent;*/ } .mobilemenu li ul li.image{display:none} .mobilemenu li.active>ul { } .mobilemenu ul a { padding-left: 25px; } .mobilemenu ul ul a { padding-left: 40px; } .mobilemenu ul ul ul a { padding-left: 55px; } .mobilemenu ul ul ul ul a { padding-left: 70px; } .mobilemenu ul ul ul ul ul a { padding-left: 85px; } /*----------- button mobilemenu -------------*/ .mobilemenu span.head {position: absolute;top: 8px; right: 8px; width: 28px} .mobilemenu span.head a { background: url(menu_down.png) no-repeat 50% 50%; color:#333333; display:block; height:30px; padding:0; width:20px; border: 0; } /*.mobilemenu span.head a:hover*/ .mobilemenu li.active>span.head a { background: url(menu_up.png) no-repeat 50% 50%; } .mobilemenu li.selected span.head a { background: url(menu_up.png) no-repeat 50% 50%; } /* .mobilemenu li.selected span.head a:hover { background: url(menu_down.png) no-repeat 50% 50%; } */ .mobilemenu li.nav-design-kitchen a { background: #ff704e; } .ma-nav-container { background: #836726; height: 50px; } .wide_menu, .fish_menu { font-size:12px; width:1200px; margin:0px auto; background:#2e3192; position:relative; } .wide_menu li, .fish_menu li { margin-right: 0px; /*padding:12px 0px 11px 0px;*/ } .wide_menu li, .fish_menu li.left-arrow {position:absolute; top:43px; left:0px; z-index:999; color:#fff; background:url(topmenu-arrow-left.png) top left no-repeat; width:24px; height:24px;} .wide_menu li, .fish_menu li.right-arrow {position:absolute; top:43px; right:0px; z-index:999; color:#fff; background:url(topmenu-arrow-right.png) top left no-repeat; width:24px; height:24px;} .wide_menu li.home, .fish_menu li.home {} .wide_menu a, .fish_menu a { float:left; margin: 0px; color:#fff; font-size:18px; padding: 0 27px; line-height: 50px; } .wide_menu a, .fish_menu a.home { background:#836726 url(sprite-img.png) -329px -228px no-repeat; width:47px; height:41px; padding:0px; border:none; } .wide_menu a, .fish_menu a.home:hover { background-color:#181c18; } .wide_menu a, .fish_menu li.nav_catalog a.download-catalog { background:url(sprite-img.png) -396px -233px no-repeat; padding:0px 26px 0px 26px; border:none; color:#c11e03; margin-left:11px; } .wide_menu a, .fish_menu li.nav_catalog a.download-catalog:hover { background:url(sprite-img.png) -396px -250px no-repeat; } .nav_catalog{ padding-top:12px; padding-bottom:11px;} .nav_catalog:hover{ background:#fff;} .wide_menu li.active a, .fish_menu li.active a, .wide_menu li.over a, .fish_menu li.over a, .wide_menu a:hover, .fish_menu a:hover { color: #ffffff; background:#239f85} .wide_menu .container { background: #FF4C4C; } .wide_menu ul li { min-height: 290px; } .wide_menu ul ul li { min-height: 20px; } .wide_menu ul li a { background: none!important; color: #888 !important; font-size: 16px; height: auto; line-height: 30px !important; padding: 0; text-transform: capitalize; font-family:Roboto; width: 100%; margin-bottom: 5px; } .wide_menu ul li a:hover { line-height:30px; color: #FF4C4C !important; } .wide_menu ul ul li a { background:url(bg-li-nav.png) 0 50% no-repeat !important; color: #666 !important; font-weight: normal; font-size:14px !important; margin: 0 0 0 10px; padding: 0 0 0 10px; position: relative; text-transform: capitalize; width: 150px; z-index: 1000; } .wide_menu ul ul li a:hover { background:url(bg-li-nav.jpg) 0 50% no-repeat !important ; color: #239f85; } .fish_menu ul li a { background:url(bg-li-nav.jpg) 18px 15px no-repeat #f4f4f4 !important; padding: 0 0 0 20px !important; color: #000 !important; font-weight: normal; font-size:18px; text-transform:capitalize !important; margin: 0 !important; line-height: 40px; border-right: solid 1px #dbdbdb; } .fish_menu ul li a span { padding: 0 12px; } .fish_menu ul li.over a, .fish_menu ul li a:hover { background:url(bg-li-nav-hover.jpg) 18px 15px no-repeat #FFFFFF !important; color: #239f85 !important; border-right: solid 1px #FFFFFF; } .fish_menu ul li.image a.fullink{background:none !important; color:#239f85 !important; text-transform:uppercase !important; margin-bottom:0 !important} .fish_menu ul li.image{color:#239f85 !important; text-align:center !important; text-transform:uppercase} #nav ul li ul.mega_sub_category{float:left; width: 960px; padding: 41px 20px 40px; background:#fff;color:#fff; margin-left:1px; border-bottom: none !important; box-shadow: 2px 2px 2px 0 #e2e2e2;} #nav ul li ul.mega_sub_category .odd{float:left;width:95px;margin-left:20px;padding:6px 0} #nav ul li ul.mega_sub_category .even{float:left;width:95px;margin-left:20px;padding:0px 0px 27px;} #nav ul li ul.mega_sub_category li:nth-child(8n+1) { clear: left; } #nav ul li ul.mega_sub_category li span{padding-top:5px; padding-left:0px} #nav ul li ul.mega_sub_category li a{color:#333!important; background:inherit !important; padding-left:0px !important; text-align:center; border-right: none; } #nav ul li ul.mega_sub_category li a:hover{color:#35342e!important} #nav ul li ul.mega_sub_category li a span{padding-top:11px;padding-bottom:0!important; padding-right:0px; float:left; width:90px} #nav ul li ul.mega_sub_category li a span h3{font-size:13px; line-height: normal;} #nav ul li ul.mega_sub_category li{text-transform:capitalize; border-bottom:0px} #nav ul li ul.mega_sub_category .even img{ margin:0 auto; float: none !important;} #nav ul li ul.mega_sub_category li a .sale { position: absolute; left: 5px; top: -10px; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ff714f; font-size: 9px; font-weight: normal; color: #FFF; margin: 0; padding: 6px 0 0; line-height: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } #nav ul li ul.mega_sub_category li a .sale.sale-right { left: auto; right: 5px; } #nav ul li ul.mega_sub_category li a .isnew { position: absolute; left: 17px; top: 0; background: url(sprite_cat.png) 0 -231px no-repeat; width: 34px; height: 34px; padding: 0; } /*****usp-section*****/ .usp-wrapper ul li .icons {border: 2px solid #239f85; border-radius: 100%;display: block; height: 70px; width: 70px; margin: 0 auto; transition: all 0.4s linear 0s} .usp-module ul li a{float:none;padding:0;line-height:22px;color:#505050; font-family:'maven_probold'} .usp-module ul li {border-left: 1px solid #fff; color: #505050; float: left;font-size: 16px; margin: 0 2% 0 0; padding: 0; text-align: center; width: 18.3%} .usp-wrapper{background:#fff;clear:both;width:100%; float:left; margin-bottom:35px; margin-top:35px } .usp-module ul li p a{ font-weight:normal; font-size:14px; font-family: "maven_proregular"} .usp-module ul li.first{padding-left:0;border:none} .usp-module ul li.last{background:none; margin:0} .usp-module{width:1200px; margin:0 auto} .usp-module ul li a .ups-title{ padding:15px 0; display:block; text-transform: uppercase;} .usp-wrapper ul li .ship .sprite { background-position: 0 -386px;} .usp-wrapper ul li .free-samples .sprite{ background-position:-73px -386px} .usp-wrapper ul li .free-pro-design .sprite{ background-position:-144px -386px} .usp-wrapper ul li .testimo .sprite{ background-position:-215px -397px} .usp-wrapper ul li .no-tax .sprite{ background-position:-288px -397px} .usp-module ul li:hover .free-samples .sprite {background-position: -73px -445px} .usp-module ul li:hover .free-pro-design .sprite { background-position: -144px -445px} .usp-module ul li:hover .testimo .sprite { background-position: -215px -445px} .usp-module ul li:hover .no-tax .sprite { background-position: -288px -445px} .usp-wrapper ul li:hover a.sprite{background-color: #239f85; transform: rotate3d(1, 0, 0, 0deg); transition: all 0.4s linear 0s} .usp-module ul li a:hover { color: #766943} .usp-module ul li:hover .ship a.sprite { background-position: 0 -445px} .usp-module ul li:hover .ups-title a{ color:#239f85} .usp-module li .icons-bg {display: block; margin: 0 auto; text-align: center} .ups-title {display: block; margin: 15px 0 5px; width: 100%; text-transform:uppercase} .ups-title span{ font-weight:normal; text-transform:none} /*****why-lilyann*****/ .why_lily_heading{ font-family: 'maven_probold'; font-size:29px; font-weight:bold; text-align:center; padding-top:75px; padding-bottom:30px; text-transform:uppercase} .why_lily_heading h1{ font-size:26px; font-family: 'maven_probold'; text-transform: none;} .why_lac {clear: both; float: left; line-height: 50px; width: 100%; margin: 52px 0 0;} .new_con_wrap{ margin-bottom:10px; background:#fff;} .new_con_wrap .actives{ color:#239f85;} .heading {position: relative; border-bottom: 2px solid #f5f5f5; padding-left:20px; font-size:17px; font-family: 'maven_probold'; cursor:pointer} .heading > img {position: absolute;right: 1px;top: 1px;} .heading_1 {position: relative; border-bottom: 2px solid #f5f5f5; padding-left:20px; font-size:17px; font-family: 'maven_probold';} .heading_1 > img {position: absolute;right: 0;top: 0;} .heading #cplus{ background:url(bullet_toggle_plus.png) no-repeat top right; float:right; width:50px; text-indent:-9999px;} .heading #cminus{ background:url(bullet_toggle_minus.png) no-repeat top right; float:right; width:50px; text-indent:-9999px;} .heading h1, .heading h2, .heading h3, .heading_1 h3{font-size:17px; font-family: 'maven_probold';} .expanddescription {display: none; line-height:21px; padding:15px 20px 20px;} #iminus{display: none} #iplus{display: none} /*Footer work with logo*/ .work-with-logos {margin: 0 0 50px; padding: 50px 0} .pay-fb-footer-part {margin: 0 auto 60px; padding: 0 0 50px; width: 1200px} .pay-fb-footer-part ul li {float: left; margin: 0 39px 0 0; width: 374px} .pay-fb-footer-part ul li:last-child {margin: 0} .cart-name {color: #fff; display: block; float: left; font-family: "maven_probold"; font-size: 16px; height: 48px; line-height: 48px; padding: 0 2px; text-align: center; width: 158px; position:relative; z-index:99} .cart-name a{ color:#fff; font-family: "maven_probold"} .cart-name a:hover{ color:#239f85} .video-gallery_category .view_ifram video{ background:#000} .product-shop .add-to-box .staicmessage {color: #9f233d; font-family: "maven_probold"; font-size: 16px; position: absolute; right: 100px; text-transform: uppercase; top: 15px} .pro-listing-right .staicmessage {color: #9f233d; font-family: "maven_probold"; font-size: 16px; position: absolute; right: 20px; text-transform: uppercase; top: 45px} .sample_cart .product-list-button .staicmessage {position: absolute; right: 170px; top: 12px; color: #9f233d; font-family: "maven_probold"; font-size: 16px; text-transform: uppercase} .product-shop .add-to-box{ position:relative; clear:both} .f-fix .pro-listing-right{ position:relative} .sample_cart .product-list-button{ position:relative} /**footer**/ .ma-footer-static-container {background:#2e3192; margin: 0 auto; text-align: center} /* Footer ================================================================================ */ /* Special price Part Category Page*/ .special-price { margin:0 14px 0 0; padding: 0; float:left;} .special-price .price-label {color: #9f233d; float: left; font-size: 15px; font-family: 'maven_probold'; font-weight: normal; margin-right: 3px; white-space: nowrap} .special-price .price {color: #9f233d; float: left; font-size: 15px; font-family: 'maven_probold'; /*font-weight: 600*/} .product-view .product-shop .old-price { float: left; margin: 5px 15px 5px 0; font-size:14px;} .old-price .price {color: #303030; float: left; font-size: 14px; font-weight: normal; text-decoration: line-through} .products-list .old-price {float: left; margin: 1px 14px 8px 0} .old-price .price-label { white-space:nowrap; color:#303030; font-size:14px; float:left; margin-right:3px;} .price-savebox {color: #239f85; display: inline-block; float: none; font-family: "maven_probold"; font-size: 15px; font-weight: normal; margin: 0 2px 0 0; padding: 0} .product-image-ajax:hover .ajax {display: block !important; font-size: 0; background:url(quick-bg.png) no-repeat scroll center center} .pro-listing-left .percent-price {display: block; float: left; font-size: 15px; font-family: 'maven_probold'; font-weight: normal; margin: 0 0 0 2px} /* BreadCrumbs */ .ma-bradcrumbs-contain { background: #239f85; margin: 0 0 3px; padding:4px 0px} .breadcrumbs { font-size:14px; line-height:1.25; padding: 0px 0px 0px 0; text-align: left; width:1200px; margin:0 auto } .breadcrumbs li { display: inline-block; vertical-align: middle; } .breadcrumbs li.home { position: relative; } .breadcrumbs li strong { color:#fff; } .breadcrumbs li strong h2 { font-weight:normal; color:#fff; font-size:12px; line-height:normal; } .breadcrumbs li strong h1{ font-weight:normal; color:#fff; font-size:14px; line-height:18px; } .breadcrumbs li a { color:#bcb215; float:left; font-weight: bold; } .breadcrumbs li a:hover { text-decoration: underline; } .breadcrumbs span { float:left; margin: 2px 21px 0; color:#999; width: 7px; height: 14px; background: url(sprite_cat.png) 0 -30px no-repeat; } .breadcrumbs li.feedback{ float:inherit; margin:0px;} .view-mode {margin: 14px 0 0} /* Photo Gallery */ body.cms-kitchen-cabinets-photos-gallery .col-main { margin-bottom: 70px; } body.igallery-category-view .col-main { margin-bottom: 100px; } .cms-kitchen-cabinets-photos-gallery .page-title { margin-bottom:20px; padding: 0 0 15px; } .cms-kitchen-cabinets-photos-gallery .page-title h1 { margin-bottom:0px; color:#239f85; } .igallery-images .toolbar {color: #fff; float: none; margin: 10px 0 0; width: 100%} .igallery-images .pager::before, .page-sitemap .pager::after {content: ""; display: table} .igallery-images .pager .pages .current {color: #fff; padding: 2px 5px} .igallery-images .pages strong {font-size: 13px; font-weight: 600} .igallery-images .pager a {display: inline-block} .igallery-images .pager .pages li {display: inline; margin: 0 2px} .igallery-images .pager {background: #836726; color: #fff; font-size: 14px; margin: 0 0 10px; padding: 0 10px 8px; text-align: center} .igallery-images .pager .pages {float: right; margin: 10px 0 0 30px} .igallery-images .pager .pages a {color: #6b88a6} .igallery-images .toolbar-bottom {padding: 20px 0 0} .photo-gallery-main { margin:20px 0 0 0; } .photo-gallery-main ul { margin:0;padding:0 } .photo-gallery-main ul li { margin:40px 0 0 3.5%; width:31%; float:left; } .photo-gallery-main ul li a span { color: #239f85; font-weight:600; font-size:18px; float: left; padding:0px 0 20px 0; width: 100%;} .photo-gallery-main ul li.first { margin-left:0 !important } .photo-gallery-main ul li .arrow_box, .photo-gallery-main ul li .showhtml { display:none; } .photo-gallery-main ul li.active .arrow_box, .photo-gallery-main ul li.active .open-video { display:block; } .photo-gallery-main ul li.active .arrow_box {position: relative; margin-top:30px; } .photo-gallery-main ul li.active .arrow_box:after, .photo-gallery-main ul li.active .arrow_box:before {bottom:100%;left: 50%;border:solid transparent;content: " "; height: 0; width: 0;position: absolute;pointer-events: none;} .photo-gallery-main ul li.active .arrow_box:after { border-color: rgba(245, 245, 245, 0);border-bottom-color: #f5f5f5;border-width: 15px;margin-left: -15px;} .photo-gallery-main ul li.active .arrow_box:before {border-color: rgba(245, 245, 245, 0);border-bottom-color:#f5f5f5;border-width:0px; margin-left: -22px;} .photo-gallery-main ul li .showhtml { background:#f5f5f5; left: 0; position: absolute; width: 100%; margin-top:0px; padding-bottom: 40px; padding-top: 40px; /*z-index:999;*/ } .photo-gallery-main ul li .showhtml .imageblock { width:1200px; margin:0 auto; position:relative; } .photo-gallery-main ul li .showhtml .imageblock .bigimage { float:left; width:66%; } .photo-gallery-main ul li .showhtml .imageblock ul { float:left; width:34%; } .photo-gallery-main ul li .showhtml .imageblock ul li { float:left; width:38%; margin-left:12%; margin-top:0px; margin-bottom:40px; } .photo-gallery-main ul li .showhtml .imageblock ul li img { cursor:pointer; } .photo-gallery-main ul li .showhtml .imageblock ul li.active { opacity: 0.5; filter: Alpha(opacity=50); } .photo-gallery-main ul li .showhtml .close-btn { position: absolute; right: 0; top:0px; cursor:pointer; border:none; background:none; } .photo-gallery-main ul li .showhtml .close-btn i { font-size:18px; color:#bebebe; } .photo-gallery-main ul li .showhtml .close-btn:hover i { color:#000; } .photo-gallery-main ul li .showhtml h2 { color: #239f85; font-family: 'maven_promedium'; font-weight: normal; font-size:28px; float: left; padding:0px 0 20px 0; width: 100%} .photo-gallery-main ul li .showhtml .get-started { margin:0px; } .photo-gallery-main ul li .showhtml .get-started .viewall { margin:0px; padding:3px 16px 3px 16px; } .photo-gallery-main ul li .showhtml .get-started .viewall span { float:none; margin:0px; padding:0px;} .photo-gallery-main ul li .showhtml .get-started .viewall span::after{ content: "\f067"; font-size:20px; color:#fff; text-align:left; } .photo-gallery ul li.item a img { height:250px; width:250px; } .photo-gallery-main ul li .showhtml .imageblock ul li.active .bigimage img { width:802px; width:555px; } .photo-gallery-main ul li .showhtml .imageblock ul li.active ul li img { width:159px; height:159px; } .photo-gallery { float: left; margin: 40px 0 0; padding: 0; width: 100%;} .photo-gallery-main div.photo-gallery:first-child { margin-top:0px; } .photo-gallery ul{margin:0;padding:0} .photo-gallery ul li{ margin:0 0 0 3.4%; width:31%; float:left; } .photo-gallery ul li a span { color: #239f85; font-family: 'maven_promedium'; font-weight: normal; font-size:18px; float: left; padding:0 0 18px 0; width: 100%;} .photo-gallery ul li.first { margin-left:0 !important } .photo-gallery ul li a { display: block; position: relative; } .photo-gallery ul li a span.gallery-click-here { position: absolute; left: 50%; bottom: 50%; margin-left: -60px; margin-bottom: -33px; width: 120px; height: 36px; text-align: center; line-height: 36px; background: #836726; font-size: 16px; font-family: 'maven_probold'; color: #FFF; text-transform: uppercase; padding: 0; display: none; transition: all 0.5s ease 0s; } .photo-gallery ul li a:hover span.gallery-click-here { display: block; } .photo-gallery ul li a:hover span.gallery-click-here:hover { background: #239f85; } .showhtml .imageblock .active {min-height: auto} .photo-gallery .active {min-height: 1405px} /* video gallery & video gallery Featured */ .show_more{width:100%;float:left} .show_more center{} .show_more center a{color:#fff;font-size:14px;font-family: "maven_probold"; background:-webkit-linear-gradient(top,#008363 0%,#025742 80%,#024f3d 100%);background:-o-linear-gradient(top,#008363 0%,#025742 80%,#024f3d 100%);background:-ms-linear-gradient(top,#008363 0%,#025742 80%,#024f3d 100%);background:-moz-linear-gradient(top,#008363 0%,#025742 80%,#024f3d 100%);background:linear-gradient(to bottom,#008363 0%,#025742 80%,#024f3d 100%);display:block;text-align:center;width:295px;margin:22px auto 69px;padding:10px 0 11px} .show_more center a:hover{background:#1E241F} /* video gallery Featured ( Assembly Videos ) */ .videogallery-index-featured .col-main { float:none !important; width:1200px; margin:0 auto; margin-bottom: 70px;} .videogallery-index-featured .col-main .page-title { margin-bottom:15px; padding: 0 0 15px; } .videogallery-index-featured .col-main .page-title h1 { margin-bottom:0px; color:#239f85; margin-top:70px; } .video-assembly-featured .video_gallery .collection-head { background:#836726; margin-bottom:20px; float:left; width:100%; padding:0px; } .video-assembly-featured .video_gallery .collection-head h3 { background:#836726; font-size:16px; font-family: "maven_probold"; color:#FFF; padding:16px 15px 16px 15px; text-transform:uppercase; } .video-assembly-featured .video_gallery ul { float: none; list-style: outside none none; padding: 0; margin: 0 auto; width: 90%;} .video-assembly-featured .video_gallery ul li { margin-left:3.3%; width:auto; float:left; border:none; padding:0px; list-style:none} .video-assembly-featured .video_gallery ul li.first { margin-left: 0; clear: left} .video-assembly-featured .video_gallery ul li:first-child {} .video-assembly-featured .video_gallery ul li.last { } .video-assembly-featured .video_gallery ul li .video-img { width:100%; float:none; margin:0 auto; text-align:center; border:1px solid #cecece; padding-top:19px; padding-bottom:19px; } .video-assembly-featured .video_gallery ul li .video-img img { cursor:pointer; min-height: auto; width: auto; max-width:100%; max-width:328px; } .video-assembly-featured #tabs-container .tabs-menu li{ margin-left: 1%;} .video-assembly-featured .video_gallery ul li .video-details { min-height:80px; margin-left:20px; margin-top:10px; width:93%; } .video-assembly-featured .video_gallery ul li .video-details h2 { } .video-assembly-featured .video_gallery ul li .video-details h2 a { color:#303030; font-size:16px; font-weight:600; text-transform:uppercase; } .video-assembly-featured .video_gallery ul li .date { float:none; } .video-assembly-featured .video_gallery ul li .assembly_views { float:none; font-size:12px; color:#303030; } .assembly_calendar{ font-size:12px} .video-assembly-featured .video_gallery ul li .arrow_box, .video-assembly-featured .video_gallery ul li .open-video { display:none; } .video-assembly-featured .video_gallery ul li.active .arrow_box, .video-assembly-featured .video_gallery ul li.active .open-video { display:block; } .video-assembly-featured .video_gallery ul li.active { min-height:760px; } .video-assembly-featured .video_gallery ul li.active .arrow_box {position: relative; margin-top:28px; } .video-assembly-featured .video_gallery ul li.active .arrow_box:after, .video-assembly-featured .video_gallery ul li.active .arrow_box:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .video-assembly-featured .video_gallery ul li.active .arrow_box:after { border-color: rgba(245, 245, 245, 0); border-bottom-color: #f5f5f5; border-width: 15px; margin-left: -15px;} .video-assembly-featured .video_gallery ul li.active .arrow_box:before { border-color: rgba(245, 245, 245, 0); border-bottom-color: #f5f5f5; border-width:0px; margin-left: -22px;} .video-assembly-featured li .open-video { background:#f5f5f5; left: 0; position: absolute; width: 100%; padding-bottom: 35px; padding-top: 40px; z-index:999; } .video-assembly-featured li .open-video .open-video-center { width:1200px; margin:0 auto; position:relative; } .video-assembly-featured li .open-video .video- { width:1200px; margin:0 auto; position:relative; } .video-assembly-featured li .open-video .close-btn { position: absolute; right: 0; top:0px; cursor:pointer; border:none; background:none; } .video-assembly-featured li .open-video .close-btn i { font-size:18px; color:#bebebe; } .video-assembly-featured li .open-video h2 { color: #239f85; font-family: 'maven_promedium'; font-weight: normal; font-size:28px; text-align:center; padding:0px 0 22px 0; width: 100%; } .video-assembly-featured li .open-video .video-iframe { width:700px; margin:0 auto; -webkit-box-shadow: 2px 6px 6px -14px rgba(0,0,0,0.75); -moz-box-shadow: 2px 6px 6px -14px rgba(0,0,0,0.75); box-shadow: 2px 6px 6px -14px rgba(0,0,0,0.75); } .video-assembly-featured .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0;} .video-assembly-featured .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-assembly-featured .video_gallery .get-started { margin-top:0px; margin-bottom:20px; } .video-assembly-featured .video_gallery .get-started button { margin:0px; } .pr-snippet-link:hover {color: #505050 !important} /* video gallery Featured Inner page ( Assembly Videos Inner page ) */ .videogallery-index-index .col-main { width:1200px; margin:0 auto; margin-bottom: 70px; } .videogallery-index-index .pager { background: #836726; float: left; /*margin-bottom: 20px;*/ width: 100%; box-sizing: border-box;} .videogallery-index-index .pager .amount { padding:8px 0 0 15px; color:#fff; } .videogallery-index-index .pager .limiter {color: #fff; float: right; margin:12px 0 0 0; width:205px;} .videogallery-index-index .pager .pages { color:#fff; margin:16px 0 0 0; } .videogallery-index-index .pager .pages strong { color:#fff; } .videogallery-index-index .pager .pages ol { } .videogallery-index-index .pager .pages ol li { display:inline-block; } .videogallery-index-index .pager .pages ol li.current {font-weight:bold;} .videogallery-index-index .pager .pages ol li a { display:block; color:#fff; } .videogallery-index-index .pager .pages ol li a.i-previous, .videogallery-index-index .pager .pages ol li a.i-next {color: #fff;font-size:22px;} .videogallery-index-index .pager .pages ol li:hover a {color:#239f85;} .videogallery-index-index .video_gallery ul li { /*min-height:500px;*/ width:31%; margin-top: 20px; } .videogallery-index-index .video_gallery ul li.first { margin-left:0px; clear: left; } .videogallery-index-index .video_gallery ul li .video-details { margin-left:0px; width:100%; } .videogallery-index-index .video_gallery ul li h2 { min-height:40px; } .videogallery-index-index .video_gallery ul li .date .assembly_calendar { margin-bottom:15px; } .videogallery-index-index .video_gallery ul li .video-img img { max-width:328px; width:inherit; } .videogallery-index-index .video_gallery ul li .description {color: #505050;font-family: "Maven Pro",sans-serif;font-size: 14px; line-height: 18px; text-align: left; margin-top:10px;} .videogallery-index-index .video_gallery ul li .description .morectnt .showmoretxt { display: inline-block; position: relative; padding-right: 14px; color: #239f85; } .videogallery-index-index .video_gallery ul li .description .morectnt .showmoretxt:after { content: '\f107'; font-family: "FontAwesome"; color: #239f85; display: block; position: absolute; top: 2px; right: 0; } .videogallery-index-index .video_gallery ul li .description .morectnt .showmoretxt.sample:after { content: '\f106'; } .videogallery-index-index .video_gallery ul li .description .morectnt .showmoretxt:hover, .videogallery-index-index .video_gallery ul li .description .morectnt .showmoretxt:after:hover { color: #505050; } .videogallery-index-index .video_gallery ul li.active { min-height:1000px; } .videogallery-index-index .video_gallery ul li.active .viewer h2 { min-height:inherit; } .videogallery-index-featured .video_gallery ul li.active .viewer .fa-times, .videogallery-index-index .video_gallery ul li.active .viewer .fa-times { position:absolute; right: 225px; top: -5px; } .videogallery-index-index .video_gallery ul li.active .main-video { position:relative; } /* My account page*/ .tabs-menu {border-bottom: 1px solid #d4d4d1; clear: both; float: none; height: 51px; margin: 0 auto; padding: 0 79px; width: 432px} .tabs-menu li {background-color: #f5f5f5; float: left; line-height: 10px; margin-right: 10px} .tabs-menu li.current {position: relative; background-color: #239f85; border-bottom: 1px solid #fff; z-index: 5} .tabs-menu li a {color: #505050; display: inline-block; padding: 20px 25px; text-decoration: none; text-transform: uppercase; font-size:16px} .tabs-menu .current a { color: #fff} .tab {background-color: #fff; float: none; margin-bottom: 0px; width: auto} .tab-content {display: none; margin: 0 auto; padding: 20px 0 0; width: 790px} .videogallery-index-featured .tab-content{display: block;} #tab-1 {display: block} .tabs-menu li:last-child {float: right; margin: 0} .registered-users ul li {float: left; width: 48%} .registered-users ul li label {color: #505050; display: inline-block; margin: 0 0 11px; text-transform: uppercase} .registered-users .content {margin: 0} .customer-account-login .account-login{padding: 0} .input-box .required {padding: 10px 18px 0; text-align: right} .input-box .required a{ text-decoration:underline} .registered-users ul li:last-child {float: right} .registered-users ul li input[type="text"], .registered-users ul li input[type="password"], .customer-name .input-box input{background: #f5f5f5; border: 0 none; border-radius: 20px; line-height: 40px; padding-left: 20px} .registered-users button{ background:#9f233d; width:157px; line-height:54px; font-size:20px; text-transform:uppercase; margin:0 auto; text-shadow: 0.4px 0.4px 0.4px #545353; font-family: 'maven_promedium'; font-weight: normal;} .account-create .buttons-set button{ float:right} .registered-users button:hover, .account-create .buttons-set button:hover{ background:#239f85} .add-to-box button:hover{ background:#239f85 url(sprite-img.png) repeat scroll 45px -983px } .registered-users .form-list {margin: 16px 0 0} .account-create .buttons-set button{ margin:0px auto} .registered-users ul li:nth-child(2n) {float: right} #remember-me-box {margin: 10px 0 0} .account-create .back-link {float: left; margin: 0} .messages {box-sizing: border-box; color: #303030; display: inline-block; line-height: 30px; margin: 0 auto 15px; text-align: center; width: 100%} .my-account .box { margin: 10px 0} #breadcrumbs {margin-bottom: 8px} #breadcrumbs ul {display: inline-table; list-style: outside none none} #breadcrumbs ul li {display: inline} #breadcrumbs ul li:first-child a::before {display: none} #breadcrumbs ul li a::before {border-bottom: 25px solid transparent; border-left: 25px solid #fff; border-top: 25px solid transparent; content: ""; left: 0; position: absolute; top: 0} #breadcrumbs ul li a.active::after {border-left-color: #239f85} #breadcrumbs ul li a::after {border-bottom: 25px solid transparent; border-left: 25px solid #eee; border-top: 25px solid transparent; content: ""; position: absolute; right: -25px; top: 0; z-index: 1} #breadcrumbs ul li:first-child a {border-bottom-left-radius: 0; border-top-left-radius: 0} #breadcrumbs ul li a {background: #eee; color: #565656; display: block; float: left; font-size: 19px; height: 35px; margin: 0 3px 0 0; padding: 15px 54px 0 74px; position: relative; text-decoration: none} #breadcrumbs ul li a.active {background: #239f85; color: #fff} .link-reorder.pink-bg, .link-print.pink-bg {background: #9f233d; color: #fff!important; padding: 6px} .order-info {background: #239f85; color: #fff; height: 29px; line-height: 29px; margin: 0 0 8px; padding: 0} .order-date {margin: 10px 0} #order-info-tabs {float: right} .order-info .current {background: #9f233d; color: #fff; border-left:1px solid #fff; display: inline-block; font-weight: normal; height: 29px; line-height: 30px; padding: 0 12px; text-transform: uppercase} .order-info dt {padding: 0 0 0 8px; box-sizing:border-box; font-family: 'maven_promedium'; font-weight: normal;} .order-info dt, .order-info dd, .order-info ul, .order-info li {display: inline} .my-account .page-title.title-buttons {margin: 0 0 14px} .link-reorder.pink-bg:hover, .link-print.pink-bg:hover {background: #239f85} .pr_write_review .p-w-r .thank-you-page .review-preview {padding: 0 0 30px} .edit_ticket .required-entry {border: 1px solid #cecece; border-radius: 20px; resize: none; margin: 10px 0} .edit_ticket .cart-table{margin: 15px 0} .edit_ticket .input-text > label {font-size: 14px; font-weight: 700} .colmain-account .add_ticket {width: auto} .my-account a:link, .my-account a:visited{ color:#666} .my-account a:hover{ color:#239f85} /*#my-quotations-table input[type="checkbox"]:not(old) + label {margin-left: -6px; padding-left: 14px}*/ .main .middle_wrap .quote-title {margin: 30px 0 0} .my-account .buttons-set a{ color:#fff} #order-info-tabs li a {background: #239f85; border-left: 1px solid #fff; color: #fff; display: inline-block; height: 29px; line-height: 29px; padding: 0 12px; text-transform: uppercase} #order-info-tabs li a:hover { background: #9f233d; color: #fff} .order-info li {display: block; float: left; margin: 0} #my-orders-table .item-options > dt {float: left} .order-items.order-details h2 {border-bottom: 1px solid #cecece; color: #239f85; font-size: 28px; margin-bottom: 30px; margin-top: 20px; padding: 0 0 15px; text-transform: capitalize} .fieldset.edit_ticket li {line-height: 22px} .edit_ticket .input-text label {font-size: 14px; font-weight: 700} /*Start - Table design in my account for order view, invoice and shipment*/ .sales-order-shipment .table-caption { margin-top: 20px; } .sales-order-view .cart-table-part .cart-table .produsct-name, .sales-order-invoice .cart-table-part .cart-table .product-name, .sales-order-shipment .cart-table-part .cart-table .product-name { margin: 0; } .sales-order-view .cart-table-part .cart-table .item-options, .sales-order-invoice .cart-table-part .cart-table .item-options, .sales-order-shipment .cart-table-part .cart-table .item-options { margin: 10px 0 0; } .sales-order-view .cart-table-part .cart-table .item-options dt, .sales-order-view .cart-table-part .cart-table .item-options dd, .sales-order-invoice .cart-table-part .cart-table .item-options dt, .sales-order-invoice .cart-table-part .cart-table .item-options dd, .sales-order-shipment .cart-table-part .cart-table .item-options dt, .sales-order-shipment .cart-table-part .cart-table .item-options dd { float: left; margin-right: 2px; } .sales-order-view .cart-table-part .cart-table .item-options dt, .sales-order-invoice .cart-table-part .cart-table .item-options dt, .sales-order-shipment .cart-table-part .cart-table .item-options dt { margin-left: 5px; } .sales-order-view .cart-table-part .cart-table .item-options dt:first-child, .sales-order-invoice .cart-table-part .cart-table .item-options dt:first-child, .sales-order-shipment .cart-table-part .cart-table .item-options dt:first-child { clear: none; margin-left: 0; } .sales-order-view .cart-table-part .cart-table tfoot tr td, .sales-order-invoice .cart-table-part .cart-table tfoot tr td, .sales-order-shipment .cart-table-part .cart-table tfoot tr td { padding: 20px 20px 0; border-width: 0 0 0 1px !important; font-size: 16px; font-family: 'maven_promedium'; font-weight: normal; color: #666; } .sales-order-view .cart-table-part .cart-table tfoot tr td.last, .sales-order-invoice .cart-table-part .cart-table tfoot tr td.last, .sales-order-shipment .cart-table-part .cart-table tfoot tr td.last { border-width: 0 1px 0 0 !important; } .sales-order-view .cart-table-part .cart-table tfoot tr.grand_total td, .sales-order-invoice .cart-table-part .cart-table tfoot tr.grand_total td, .sales-order-shipment .cart-table-part .cart-table tfoot tr.grand_total td { font-size: 20px; color: #333; border-bottom-width: 1px !important; padding-bottom: 20px; } .sales-order-view .cart-table-part .cart-table tfoot tr.grand_total td strong, .sales-order-invoice .cart-table-part .cart-table tfoot tr.grand_total td strong, .sales-order-shipment .cart-table-part .cart-table tfoot tr.grand_total td strong { font-weight: normal; } /*Close - Table design in my account for order view, invoice and shipment*/ /* Free sample (Kitchen Full Size Samples Cabinets) page */ .category-kitchen-full-size-samples .col-main { float: none; padding: 0; width: auto; } .free_sample_banner { margin-top:-10px; padding: 0 0 40px} .free_sample_banner img { max-width:100%; height:auto} .free_sample_main .category-products .products-list { margin:0px; padding:0px; } .free_sample_main .category-products .products-list li { width:48.3%; margin-left:3.4%;} .free_sample_main .category-products .products-list li.odd { margin-left:0px; } .free_sample_main .category-products .products-list li .sample_images { float:left; width:100%; } .free_sample_main .category-products .products-list li .product-image { width:100%; box-sizing:border-box } .free_sample_main .category-products .products-list li .product-image img { max-width:100%; } .free_sample_main .home-categories ul li:nth-child(3n) { margin: 0 0 14px 3.4% } .free_sample_main .category-products .home-categories ul li figcaption { overflow:hidden; height:176px; top:35px; width:92%} .free_sample_main .category-products .home-categories ul li:hover figcaption { min-height:210px; width:96.3%; margin:2%; } .free_sample_main .category-products .home-categories ul li .small-img { margin-top:9px;} .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left { float:left; width:100%; margin-left:19px; margin-top:16px; min-height:295px } .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left h4 { font-size:18px; font-weight:600; color:#303030; text-transform:uppercase } .free_sample_main .category-products .home-categories ul.products-list .desc { border:none; margin:0px; min-height:inherit; padding:0px; } .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left ul { margin:0px; padding:0px; } .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left ul li { color: #303030; margin: 6px 0 0; width: 100%; min-height:inherit; line-height: 18px} .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left ul li::before {content: "\f105"; font-family: fontawesome; font-size: 15px; font-weight: normal; margin: 0 10px; display:block; float:left; padding: 0 0 5px} .free_sample_main .category-products .home-categories ul li .sample_price { background:#f3f3f3; float:left; padding:15px 0 10px; width:100%; margin:14px 0 12px} .free_sample_main .category-products .home-categories ul li .sample_price .price-box { margin-left:10px; float:left} .free_sample_main .category-products .home-categories ul li .sample_price .old-price { margin:0 10px 8px 0; } .free_sample_main .category-products .home-categories ul li .sample_price .price { color:#239f85; font-size:13px} .free_sample_main .category-products .home-categories ul li .sample_price .price-savebox { padding-left:0px; font-size: 13px} .free_sample_main .category-products .home-categories ul li .sample_price .discount-price { color:#d12020; font-family: 'maven_promedium'; font-weight: normal;float:right; margin-right:10px; } .free_sample_main .category-products .home-categories ul li .sample_cart { float:left; width:100%; margin-bottom:20px; } .free_sample_main .category-products .home-categories ul li .sample_cart .addtocart { color:#fff; font-size:14px; font-weight:bold; float:right; text-align:right; } .free_sample_main .category-products .home-categories ul li .sample_cart .addtocart span {font-size: 14px; font-weight: normal; padding-right: 11px; text-shadow: 0.4px 0.4px 0.4px #545353; text-transform: uppercase} .free_sample_main .collection-head-bottom {box-sizing: border-box; float: left; margin-bottom: 90px; padding: 10px 10px} .free_sample_main .back-order{ clear:both} .free_sample_main .home-categories ul li:nth-child(2n) {float: left} .free_sample_main .home-categories ul li:nth-child(2n+1) {clear: left} .free_sample_main .collection-head-bottom .toolbar {margin: 0px 0 0} #sample_type_content{background:none repeat scroll 0 0 #fff;padding:15px;position:fixed;top:25%;left:35%;width:350px;z-index:999999} .popup_bg{background:none repeat scroll 0 0 #000;height:100%;opacity:.5;position:fixed;width:100%;z-index:99999} .close-link-sample{left:30px;top:-122px;float:right;cursor:pointer;z-index:999999;position:relative} /*.cms-kitchen-cabinets-free-samples .ma-bradcrumbs-contain{margin-bottom:0px}*/ .cms-kitchen-cabinets-free-samples .std{ margin-top:-8px} .cms-kitchen-cabinets-free-samples .toolbar .pager{ padding-bottom:0px } .accordion .image .fullink {float: left; padding: 0 5px 0 10px; color: #505050} .accordion .image .navtext {display: block; padding: 4px 0 0} .store_side_sub .right-section-block {padding: 0 0 75px} .free_sample_main .special-price .price-label, .free_sample_main .special-price .price{font-size: 13px} .refer-cabinet-side .front_text .required{padding: 10px 0 0} /* Marketing Materials */ .marketing-materials-main { padding-bottom:80px; } .marketing-materials-main .marketing-materials { margin-bottom:30px; } .marketing-materials-main .marketing-materials ul li { margin-bottom:10px; } .marketing-materials-main .marketing-materials ul li a {background: #9f233d; border: 0 none; color: #fff; cursor: pointer; font-family: "Maven Pro",sans-serif; font-size: 20px;font-family: 'maven_probold'; line-height: 45px; padding:10px 28px 10px 28px; text-shadow: 0.4px 0.4px 0.4px #545353; text-transform: uppercase} .marketing-materials-main .marketing-materials ul li a:hover{ background:#239f85;} .marketing-materials-main .marketing-materials ul li a span::after {content: "\f0ed"; display: inline-block; font-family: FontAwesome; font-size: 26px; height: 20px; width:38px; font-weight:normal} /*My Account Page Login*/ .social-media-users a {color: #fff; display: block; float: left; line-height: 70px; text-align: center; text-transform: uppercase; width: 30.9%} .facebook_login {background: #3a5ba2 none repeat scroll 0 0} .facebook_login:hover{ background:#5ea9dd} .gplus_login{ background:#dd4c3b; margin: 0 3.6%} .gplus_login:hover{ background:#c63524} .twitter_login{ background:#5ea9dd} .twitter_login:hover{ background:#3f9bda} .social-media-users {margin: 0 auto; max-width: 1118px; padding: 0 0 100px; box-sizing: border-box} .account-login {margin: 0 auto; width: 1200px} .account-create .page-title{ display:none} .or-for-social {border-bottom: 1px solid #d5d5d5; clear: both; margin: 0 auto 45px; padding: 0; text-align: center; width: 242px} .or-for-social > span {background: #fff; display: inline-block; font-size: 20px; height: 20px; margin: 0 0 25px; padding: 0; position: relative; top: 34px; width: 50px} .form-list .name-lastname {float: right; width: 48%} .form-list .name-firstname {float: left; width: 48%} .account-create .form-list li:nth-child(2n) {float: left; width: 48%; margin-top:12px} .account-create .form-list .control .input-box {float: left} #tabs-container .account-create .fieldset {clear: both; margin: 10px 0 0} .account-create .control .checkbox {margin: 4px 8px 0 0} .account-create .form-list .control {float: left; line-height: 20px; margin: 58px 0 0 50px} .account-create .form-list {margin: 20px 0 0} .field.pass_field {float: left; width: 48%} .field.conf_pass_field {float: right; width: 48%} .col-2.registered-users {clear: both; padding: 0; position: relative} .account-create {padding: 0; position: relative} .account-create .control label{ display:inline} .account-create label, .my-account label, .form-list label{color: #505050; display: inline-block; margin: 0 0 10px; text-transform: uppercase; font-family: 'maven_promedium'; font-weight: normal; padding-left:10px} .my-account label{margin: 11px 0; font-size: 18px; text-transform: capitalize;} .page-heading { font-size: 28px; color: #239f85; margin: 2px 0 20px 20px;} .field label span.required, .required span, .wide label span.required, .contact-us-page-main .buttons-set p.required em{color: #eb340a; float: right; font-size: 22px; font-style: normal} .contact-form label em {color: #eb340a; float: none; font-size: 22px; font-style: normal; position: absolute; right: -8px} .contact-form .label-note em {left: 0; position: relative !important} .upload-your-file .required em{color: #eb340a; float: left; font-size: 22px; font-style: normal} .button-set .required em{color: #eb340a; float: left; font-size: 22px; font-style: normal} p.required{color: #eb340a} .label-note > label {color: #eb340a} .input-box p.required {color: #eb340a; display: inline; padding: 0; text-align: left} .input-box p.required em{color: #eb340a; font-size: 22px; font-style: normal} .buttons-set .required {padding: 13px 0 0} .cabinet-budget h2 span{ float:none} .account-create input[type="text"], .account-create input[type="password"], .account-create input[type="datetime"], .account-create input[type="datetime-local"], .account-create input[type="date"], .account-create input[type="month"], .account-create input[type="number"], .account-create input[type="email"], .account-create input[type="url"], .account-create input[type="search"], .account-create input[type="tel"], .account-create .uneditable-input{background: #f5f5f5; border: 0 none; border-radius: 20px; line-height: 40px; padding-left: 20px} h2.legend, .addresses-list h2{/*border: 1px solid #cecece; box-shadow: 1px 0 1px #f2f2f2;*/ color: #239f85; display: inline-block; font-family: 'maven_probold'; margin: 0 0 15px; padding: 8px 8px 8px 0px; width: auto; box-sizing: border-box} h2.legend{ color: #505050; } .customer-name input[type="text"], input[type="password"], input[type="email"]{background: #f5f5f5; border: 0 none; border-radius: 20px; line-height: 40px; padding-left: 20px} .login_info_pass {float: left; width: 48%} .login_info_pass_conf {float: right; width: 48%} #tabs-container .account-create .login_info {padding: 15px 0 0} /*Custom Css for after Login*/ .my-account .page-title, .colmain-account .page-title, .page-popup .page-title{margin: 0 auto; width: 100%} .colmain-account .page-title h1{margin: 0 0 15px} .colmain-account{float: right; padding:0; width: 77.1%} .col-left.sidebar.span3.colleft-sidebar-account {float: left; width: 21.4%} .my-account .page-title h1{ margin: 0 0 15px} .main-inner .middle_wrap .row-fluid.show-grid {padding: 30px 0 80px} button.import_button { text-transform: capitalize !important; padding: 8px 12px !important; font-size: 13px !important; line-height: 1 !important; position: relative; top: -1px;} .my-account button, .colmain-account button, .success-page button, .back-link a{background: #9f233d; color: #fff; display: inline-block; font-size: 20px; font-family: 'maven_promedium'; font-weight: normal; line-height: 40px; margin: 0 auto; padding: 0 12px; border:0 none; text-shadow: 0.4px 0.4px 0.4px #545353; text-transform: uppercase} .buttons-set button{background: #9f233d; color: #fff; display: inline-block; font-size: 20px; font-family: 'maven_promedium'; font-weight: normal; line-height: 38px; margin: 0 auto; padding: 0 12px; text-shadow: 0.4px 0.4px 0.4px #545353; text-transform: uppercase} .green-bg:hover, .my-account .buttons-set button:hover, button:hover, .back-link a:hover, .actions button, .colmain-account button:hover{ background:#239f85; color:#fff} .colmain-account .wishlist{ margin-top:20px} .colmain-account .buttons-set{margin-top:20px} .colmain-account .button-set {margin-top: 20px} .my-account .buttons-set .back-link {float: left} .my-account .buttons-set .button {float: right} .form-list label.required em {color: #eb340a; float: right; font-style: normal; font-size: 22px} label.required{text-transform: capitalize;} .form-list input[type="text"], .uneditable-input, .form-list select, .form-list textarea, .form-list input[type="text"], .form-list input[type="password"], .form-list input[type="number"], .form-list input[type="email"], .form-list input[type="url"], .form-list input[type="search"], .form-list input[type="tel"], .form-list .uneditable-input {background: #f5f5f5; border: 0 none; border-radius: 20px; line-height: 40px; height:40px; padding-left: 20px; resize:none} .form-list select{ height:40px; -webkit-appearance: none; -moz-appearance: none; appearance: none} .control .checkbox {margin: 0 9px 0 0} .green-bg small {display: none; line-height: 5px} .fieldset.login_part {padding: 20px 0 0} .my-account .box-account.box-info {background: #f7f7f7; border: 1px solid #cecece; box-sizing: border-box; padding: 20px; margin: 0 0 10px} .my-account .box-head h2 {border-bottom: 1px solid #cecece; color: #239f85; margin: 0 0 15px; padding: 0 0 15px; text-transform: capitalize} .my-account .box-title h3 { padding: 0 0 8px; float:left} .my-account .box-title {border-bottom: 1px dashed #cecece; margin: 0 0 8px; padding: 0 0 8px} .my-account .dashboard .box .box-title {text-align: right} .my-account .email_add_edit{ width:48%} .my-account .form-list .field {float: left; margin: 0 4% 0 0; width: 48%} .my-account .form-list .field:last-child {margin: 0} .my-account .form-list {clear: both; padding: 0 0 30px} a.csv_button { display: block; margin: 18px 0 0 20px; background: #239f85; padding: 8px 15px 8px 38px; width: 19%; color: #fff !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 15px; font-weight: normal;} a.csv_button:hover { background: #9f233d;} .check_remember_part label{margin: 0 0 5px} .check_remember {display: inline-block; float: left} .customer-account-login div.j2t-overlay{ z-index:9} .customer-account-forgotpassword .form-list li .input-box{ width:380px} .customer-account-forgotpassword .back-link{float: left} .customer-account-forgotpassword button{ float:right} .buttons-set small {display: none} .customer-account-forgotpassword .buttons-set {margin: 0 0 70px; padding: 30px 0 0} .input-box .no-display {display: none!important} .form-list #current_password {width: 48%} .block .btn-remove::after {border: 1px solid #ccc; content: "\f00d"; font-family: fontawesome; font-size: 12px; margin: 0; padding: 3px} .block-compare .btn-remove {font-size: 0; margin: 0} .actions button{background: #9f233d; color: #fff; display: inline-block; font-size: 14px!important; font-family: 'maven_promedium'; font-weight: normal; line-height: 40px; margin: 0 8px 0 0; padding: 0 12px; text-shadow: 0.4px 0.4px 0.4px #545353; text-transform: uppercase; border:0 none} .actions button:hover{ background:#239f85} .pr-snippet-link{ font-size:13px; color:#239f85 !important} .pr-snippet-read-write{ clear:inherit !important} .pr_snippet_product .pr-snippet-review-count{ float:left; line-height: 20px; color: #303030; font-size: 14px; margin-right: 20px} .pr_snippet_product .pr-snippet-read-write{ display:flex} .pr_snippet_product .pr-snippet-read-write{ border-left:1px solid #9d9d9d !important; line-height: 7px; font-size: 13px; color: #303030; padding-left: 42px; border-bottom:0 none!important; border-right:0 none!important; border-top:0 none!important} .pr_snippet_product .pr-snippet-write-first-review {padding-top: 2px} .pr_snippet_product .pr-snippet-read-write::before {content: "\f040"; font-family: fontawesome; font-size: 19px; margin-left: -25px; position: absolute; color:#836726; margin-top: 2px} .pr-snippet-write-first-review p {margin: 0} .product-shop .tier-prices.product-pricing {border-bottom: 1px solid #dedede; clear: both; margin: 0 0 20px; padding: 0 0 15px} .catalog-product-view .product-view .product-shop .old-price {margin: 5px 15px 0 0} /*Compare Products popup css*/ .page-popup .product-image {border: 1px solid #cecece; display: inline-block; float: none} .page-popup .product-image, .product-image img {width: 100%} .category-products .product-image-ajax .product-image .lazy{ min-height:170px; min-width:168px} .data-table th {background: #f4f4f4; line-height: 1.4; text-transform: uppercase; white-space: nowrap} .data-table td, .data-table th {padding: 10px; vertical-align: top} .data-table thead th, .data-table tbody td {border-bottom: 1px solid #cecece} .page-popup .page-title h1{margin-top: 0} .page-popup .buttons-set {margin: 30px 0 0} .page-popup .buttons-set button{ float:right} .page-popup button{ background: #9f233d; color: #fff; display: inline-block; font-size: 12px; font-family: 'maven_promedium'; font-weight: normal; line-height: 25px; margin: 0 auto; padding: 0 6px; text-shadow: 0.4px 0.4px 0.4px #545353; text-transform: uppercase; border:0 none} .page-title .link-rss::after {content: "\f09e"; font-family: fontawesome; font-size: 20px; float:right} .page-title .link-rss {font-size: 0; position: absolute; right: 0; top: 0} .table-caption {margin: 0 0 8px} .j2tajax-confirm-delete {background-color: #fff !important; box-sizing: border-box; color: #505050; height: auto !important; padding: 5px 8px 15px; position: fixed !important; text-align: center; left:40%; top: 45% !important; z-index: 19999; border: 7px solid #239f85 !important} .deleteno, .deleteyes {cursor: pointer} .order-table .a-right {text-align: right} .deletequote {display: block; margin: 15px 0} .cart_area .topqty{ font-family: 'maven_promedium'; font-weight: normal;} /*Address Book css*/ .wishlist th {background: #239f85; border: 1px solid #cecece; color: #fff; font-weight: 900; line-height: 15px; padding: 7px 10px; vertical-align: middle} .wishlist td {border: 1px solid #cecece; padding: 7px 14px} caption, th, td {font-weight: normal; text-align: left; vertical-align: top} .wishlist {border-collapse: collapse !important; width: 100%; margin: 0 0 20px} .tabcol1 {color: #333; display: none; float: left; font-family: 'maven_probold'; width: 42%} .nobr {white-space: nowrap !important} .a-center {text-align: center !important} .addresses-list li.item {background: #f5f5f5; border: 1px solid #ccc; margin: 0 0 10px; padding: 10px 13px} .col2-set.addresses-list {margin: 20px 0 0} .colmain-account .pager .limiter select {background: #f5f5f5 url("sprite-img.png") no-repeat scroll -117px -7px; border: 1px solid #ececec; font-size: 14px; height: 30px; margin: 0; outline: medium none; padding: 0 0 0 5px; vertical-align: middle; width: 80px} /* Sidebar =============================================================================== */ .block { margin:0 0 25px; } .block .block-title { background:#239f85; padding:15px 0 15px 15px;} .block .block-title strong { display:block; padding: 0; text-transform:uppercase; color:#fff; font-weight:bold; font-size:15px; line-height:normal;} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0; padding:5px 9px; font-size:1em; font-weight:bold; color:#444; } .block .block-content { padding: 15px 0; border:1px solid #cecece; border-top:none; background:#fff url(http://scdn.lilyanncabinets.com/skin/frontend/rwd/newlilyan/images/grn-arrow.png) 15px top no-repeat;} .block .block-content li.item { padding:7px 9px; } .block .block-content .product-name { color:#1e7ec8; text-transform: uppercase; } .block .btn-remove, .block .btn-edit { float:right; margin:5px 0 2px 5px} .block .actions {padding: 10px 10px 0 !important; text-align: center} .block .actions a {float: left; font-size: 14px!important; margin: 15px 0 0} .block .empty { margin:0; padding:0} /* block left static */ .block-ads-left {padding: 0px;-moz-box-shadow: 0 0 3px 0 #fff !important;-webkit-box-shadow: 0 0 3px 0 #fff !important; box-shadow: 0 0 3px 0 #fff !important} .block-ads-left a:hover {-moz-opacity:.8; -webkit-opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/*IE8*/ opacity:.8;} /* block-right-static */ .block-right-static, .block-subscribe-right { text-align: center; } .block-right-static .block-title strong, .block-subscribe-right .block-title strong {font-size: 18px; color: #FF4C4C; text-align: center} .block-right-static .block-title h3, .block-subscribe-right .block-title h3 {font-size: 14px; text-transform: uppercase; color: #4c4c4c; text-align: center; font-weight: normal} .block-subscribe-right .input-box {width: 100%} .block-subscribe-right input.input-text {width: 95%; padding: 5px 2%; margin: 10px 0 15px} .ma-featured-product-title {margin: 0 0 20px} /* block-subscribe-left */ .block-subscribe-left .input-box {width: 100%} .block-subscribe-left input.input-text {padding: 5px 2%; width: 94%; margin: 10px 0 12px} /* Mini Blocks */ .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-viewed, .block-compared, .block-related, .block-tags, .block-login { font-size:14px; line-height:1.25; } /* Mini Products List */ .mini-products-list .product-image { float:left; width:50px; margin-right:10px!important; } .mini-products-list .product-details { margin-left:60px; } /* Block: Account */ .block-account .block-content li a::before {content: "\f0da"; font-family: fontawesome; margin: 0 8px 0 0} .block-content ul li {line-height: 24px; padding: 0 20px} /* Block: Currency Switcher */ .block-currency { border:0; background:url(http://scdn.lilyanncabinets.com/skin/frontend/rwd/newlilyan/images/bkg_block-currency.gif) 0 0 no-repeat; padding:7px 12px 10px; height:51px; } .block-currency .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-currency .block-title strong { font:bold 13px/21px Arial, Helvetica, sans-serif; text-transform:none; color:#fff; } .block-currency .block-content { background:none; padding:0; } .block-currency .block-content select { width:100%; padding:0; } /* Block: Layered Navigation */ .block-layered-nav { } .block-layered-nav .block-title { } .block-layered-nav .block-subtitle { display:none} .block-layered-nav .block-content {} .block-layered-nav dt { padding:0 10px 3px 0; font-weight:bold; text-transform:uppercase; color:#666; margin:0 13px; border-bottom:1px dotted #DDDDDD;} .block-layered-nav dd { padding:5px 0 10px 12px} .block-layered-nav dd .price { padding: 0px 18px 0px 12px} .block-layered-nav dd .price #amount { border: 1px solid #ddd !important; width: 94%} .block-layered-nav dd.last { } .block-layered-nav .currently li { padding:4px 24px 6px 15px; position:relative; z-index:1; line-height:1.5} .block-layered-nav .currently .label { font-weight:bold; text-transform:uppercase; display:inline-block; vertical-align:top} .block-layered-nav .currently .value { display:inline-block; vertical-align:top} .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { position:absolute; right:4px; top:9px; margin:0} .block-layered-nav .currently .btn-previous { right:17px} .block-layered-nav .actions { font-size:11px; padding:4px 5px 4px 9px; border:1px solid #dee5e8; border-width:1px 0; text-align:right} .block-layered-nav .actions a { float:none} .block-layered-nav li { list-style: disc inside none; color: #888; line-height: 25px} .block-layered-nav li:hover { color: #FF4C4C} .block-layered-nav li a { text-decoration: none; color:#8D8D8D} .block-layered-nav li a:hover { color:#FF4C4C} .remember-me-box .link-tip {font-size: 13px; padding-left: 10px} .remember-me-popup.show { display: block} .remember-me-popup .remember-me-popup-close {position: absolute; top: 0; right: 0; padding: 4px; font-size: 0px} .remember-me-popup {background: #fff; left: 50%; margin: -85px 0 0 -200px; position: fixed; text-align: left; top: 50%; width: 400px; z-index: 1000} .remember-me-popup .remember-me-popup-head {position: relative} .remember-me-popup h3 {background: #009f87;color: #fff; font-size: 14px; font-family: 'maven_promedium'; font-weight: normal; padding: 5px 10px} .remember-me-popup .remember-me-popup-head .remember-me-popup-close::after {background: #000; border: 0 none; border-radius: 100%; color: #fff; content: "\f00d"; cursor: pointer; font-family: "fontawesome"; font-size: 15px; height: 20px; padding: 3px 5px; position: relative; right: -16px; top: -10px; width: 20px; border: 2px solid #fff; box-shadow: -1px 3px 1px #a6a6a6} .remember-me-popup .remember-me-popup-body {padding: 10px} .check_remember_part .link-tip {display: block; float:left; padding:2px 0px 0px 5px} .remember-me-popup.show{ display:none} .remember-me-popup-close.button > span {font-size: 0} /*Compare Features Css*/ .money-compare-features {float: left; margin: 0; padding: 0; width: 19.3%} .money-compare-features ul li.heading-block {background: none; display: block; font-size: 27px; font-family: 'maven_probold'; height: 63px; line-height: 60px; text-align: center; text-transform: uppercase} .money-compare-features ul li.text-left {background: #f9f9f9; text-align: left !important} .money-compare-features ul li {border-color: #ddd; border-style: dotted; border-width: 1px; font-size: 13px; margin: 0; padding: 10px; text-align: center} .money-compare-lac-main ul li {border-color: #ddd; border-style: dotted; border-width: 1px; font-size: 13px; margin: 0; padding: 10px; text-align: center} .money-compare-main ul li {border-color: #ddd; border-style: dotted; border-width: 1px; font-size: 13px; margin: 0; padding: 10px; text-align: center} .features-comparision-m {display: none} .money-compare-lac-main {float: left; margin: 0; padding: 0; width: 22.5%} .money-compare-main {float: left; margin: 0; padding: 0; width: 19.3%} .comparis-feature-text{ color:#FF0000} .category-name {position: relative} /*Homepage Static Blocks*/ .hp-static-banners { padding-top: 70px; padding-bottom: 70px; clear: both} .hp-static-banners li { float: left; width: 31.66666666666667%; /*width: 380px/1200px;*/ margin-left: 2.5%; /*margin-left: 30px/1200px;*/ } .hp-static-banners li:first-child { margin-left: 0} .hp-static-banners li img { max-width: 100%} .hp-static-banners li span#entirecollection { cursor: pointer; } .hp-static-banners ul:after { content: ''; display: table; clear: both} /* Customer Reviews Page */ .customer-review-container { padding-bottom: 70px; } .cus_review_section {background: #836726; height: 120px; margin-bottom: 20px; font-family: 'Roboto', sans-serif} .cus_review_section li:first-child {background: #239f85; color: #fff; font-family: "Roboto",sans-serif; font-size: 110px; font-family: 'maven_probold'; margin: 0 10px 0 0; min-height: 67px; padding: 53px 0 0; width: 250px} .cus_review_section li {color: #fff; float: left; font-family:'Roboto', sans-serif; font-size: 18px; list-style-type: none; margin: 15px 20px; text-align: center; width: auto} .cus_review_section li:last-child {font-family: roboto; margin-left: 0px; margin-right: 0; margin-top: 12px} .cus_review_section li .bar_graph .bar {background-color: #666; height: 54px; margin: 0 auto; padding: 5px 0 0; width: 44px} .cus_review_section li .bar_graph .bar .inner {background:url(http://scdn.lilyanncabinets.com/skin/frontend/rwd/newlilyan/images/review_gradient.jpg) repeat-y scroll 0 0; height: 100%; margin: 0 auto; width: 26px} .cus_review_section li .bar_graph .unfilled {background-color: #666; font-size: 0; width: 100%} .cus_review_section li .bar_graph {float: left; margin-bottom: 0; padding: 0} .cus_review_section li span.price {color: #fff; float: left; font-size: 45px; padding: 16px 0} .customer_review .heading { background: #f1f1f1; border-bottom: 2px solid #bbb; color: #444; font-size: 18px; font-weight: normal; overflow: hidden; padding: 17px 20px 11px; text-transform: capitalize; clear:both} .customer_review .heading .select_man {margin: -5px 0 0; text-transform: none} .f-right, .right {float: right !important} .customer_review .heading .select_man label {float: left; font-size: 14px; padding: 6px 7px 0 0} .input-slect-fix-w {background: #fff url("http://scdn.lilyanncabinets.com/skin/frontend/rwd/newlilyan/images/select-input-arrow.png") no-repeat scroll right 6px; border: 1px solid #dddddd; border-radius: 3px; cursor: pointer; overflow: hidden; height:28px} .customer_review .heading .select_man .input-slect-fix-w {float: left; width: 193px} .input-slect-fix-w select {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; cursor: pointer; height: 30px} .customer_review .heading .select_man .input-slect-fix-w select {width: 214px} .cus_review_section li .bar_graph li {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; box-shadow: none; display: block; float: left; font-size: 12px; line-height: 18px; margin: 0 5px; padding: 0; text-align: center; width: 44px} .review-testi-title-part {clear: both; text-align: center} .review-testi-title {background: url("http://scdn.lilyanncabinets.com/skin/frontend/rwd/newlilyan/images/shopper_approved_title_bg.png") no-repeat scroll center 60px; color: #00664e; font: bold 22px/65px Roboto; padding: 0 0 10px; text-transform: uppercase} .review-testi-title-part > span {color: #333333; display: block; font-size: 18px; padding: 10px 0} .custom-review-text-head > span { font-family: roboto; font-style: italic; font-family: 'maven_probold'; text-transform: uppercase} .review_icon {float: left; min-height: 170px} .review_icon_img{ border: 1px solid #d4d4d4; margin-right:15px} .review_data {float: left} .review-item {border-bottom: 1px solid #e1e1e1; clear: both; margin: 20px 0 30px} .review_data .review_ddm .pr-review-rating .pr-stars {float: left} /*.pr-stars.pr-stars-small.pr-stars-4-sm {background-position: 0 52px !important}*/ .review_data .pr-stars-small5 {background-image: url("http://scdn.lilyanncabinets.com/skin/frontend/rwd/newlilyan/images/stars_small.png"); background-repeat: inherit; float: none; height: 16px; line-height: 16px; width: 104px} .custom-review-text-head {font-size: 34px; font-weight: 300; line-height: 45px; width: 575px; font-family:"Maven Pro",sans-serif;} .custom-review-text-head > span {color: #34e7be; display: inline-block; font-style: italic; font-family: 'maven_probold'; text-transform: uppercase} .review-content {display: inline-block; float: none; margin: 15px 0; width: 90%} .review_ddm {color: #239f86; font-family:"Maven Pro",sans-serif;font-size: 14px; margin: 0px} .review_by {padding: 5px 0 0; color:#662495} .review_by span{ color:#333333 } .paginationreview {display: inline-block; margin: 40px auto; text-align: center; width: 100%} .paginationreview ul ul li:hover, .paginationreview ul ul li.active {background: #f4f3f4; border: 1px solid #e1e1e1; font-size: 14px} .paginationreview ul ul li {background: #fff; border: 1px solid #e1e1e1; display: inline-block; height: 30px; line-height: 30px; margin: 4px; text-align: center; width: 30px} .paginationreview ul ul li:last-child{ color:#333;} .paginationreview ul ul li:last-child a{ color:#333} .paginationreview ul ul li.hover a, .paginationreview ul ul li.active a {color: #333333} .paginationreview ul ul li a {font-size: 14px} .home-categories .product-inner .product-image .lazy{min-height: 374px} /*Commen top nav*/ .header-nav{width:100%; top:0; z-index:100000} .header-nav.box-shadow.innerhd{position:static;} .header-nav.box-shadow { transition: all 0.3s ease-in-out 0s; background:#836726;position:fixed;-webkit-box-shadow:#313832 0px 2px 8px;-moz-box-shadow:#313832 0px 2px 8px;box-shadow:#313832 0px 2px 8px;} a.face{width:230px;height:30px;display:none;float:left;margin-left:15px; background:url(small-logo.jpg)no-repeat; position:relative; z-index:999; margin-top:10px;padding-right:30px;} a.face.dspl{display:block !important;} a.face1 {float:right; color:#fff; margin:0px; width:170px; height:49px; padding:0px 0px 0px 0px; } a.face1:hover {background-position:-242px -176px;} /*Ajax_cart*/ div.j2tajax-confirm div.j2tajax-checkout-img{float:left; margin-right:10px; padding:1px; border:1px solid #ddd} div.j2tajax-confirm .success-msg {background:none;color:#505050; padding: 0px 8px 0px 8px !important;text-align:left; border:none !important; margin-bottom:0px!important} .j2t-continue-link::before {background: #000; border: 1px solid #fff; border-radius: 100%; content: "\f00d"; font-family: fontawesome; font-size: 14px; padding: 5px 9px; position: absolute; top: -23px} .success-msg span {box-sizing: border-box; color: #505050; display: block; font-weight: normal; padding: 12px 0 0} div.j2tajax-confirm, div.j2tajax-progress {background-color: #fff!important; box-sizing: border-box; color: #505050; height: auto !important; padding: 5px 18px 6px; position: fixed !important; text-align: center; top: 45% !important; z-index: 19999} div.j2tajax-confirm{ border: 7px solid #239f85!important} div.j2tajax-progress{ z-index: 19999; border: 1px solid #000; display: block; position: fixed; text-align: center; padding: 10px; padding-top: 20px; width: 232px; height: 90px; margin: auto; color:#02ebb5; background-color:rgba(0,0,0,0.85)!important; font-family: 'maven_probold'; font-size: 13px; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.90);-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.90); box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.90); top: expression(document.getElementsByTagName( 'body' )[0].scrollTop + "px"); position:fixed!important; top:40%!important} div.j2t-overlay{width: 100%; height: 100%; background:rgba(0,0,0,0.85); position: fixed; top: 0; left: 0; z-index: 19998;opacity:0.5!important} a.j2t-checkout-link{background: #008365; display: block; float: right; font-size:11px; line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ height: 24px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none; margin-right:10px} a:link.j2t-checkout-link, a:visited.j2t-checkout-link, a:active.j2t-checkout-link{color: #fff; /*button text color*/} a.j2t-checkout-link span{background: #008365; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/} a.j2t-checkout-link:hover{ /* Hover state CSS */ background:#471c66} a.j2t-checkout-link:hover span{ /* Hover state CSS */ background:#471c66; color: #fff} span.j2t-or{display:none} a.j2t-continue-link{display: block; float: left; text-decoration: none; color:#fff; position:absolute; top:10px; right:10px; background:url(remove.png) top left no-repeat; width:8px; height:8px} a.j2t-continue-link:hover{background:url(remove.png) top left no-repeat!important} a:link.j2t-continue-link, a:visited.j2t-continue-link, a:active.j2t-continue-link{ color: #fff; /*button text color*/} a.j2t-continue-link span{display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/} a.j2t-continue-link:hover{ /* Hover state CSS */background:#471c66} a.j2t-continue-link:hover span{ /* Hover state CSS */ background:#471c66; color: #fff} .j2tajax-checkout-txt {line-height:normal; font-weight:normal; color:#fff} .j2tajax-confirm.box { padding:3px; background-color:#321944 !important} .j2tajax-confirm.box a { height: 20px; position: absolute; right: -8px; top: -8px; width: 20px;background: url("remove-1.png") no-repeat scroll left top rgba(0, 0, 0, 0);} .j2tajax-confirm.box a:hover{ height: 20px; position: absolute; right: -8px; top: -8px; width: 20px;background: url("remove-1.png") no-repeat scroll left top rgba(0, 0, 0, 0)!important;} .j2tajax-confirm.box div .error-msg {color: #000;padding: 7px 35px !important; background-color: #fff; border: medium none !important;} .j2tajax-confirm.box div .messages li { margin: 0 !important; padding: 0;} /*Czettner Ajax*/ #quick-window {background-color: #fff; border: 7px solid #239f85; display: none; left: 50% !important; margin-left: -340px; position: fixed; top: 20% !important; width: 680px; z-index: 99999 /*-webkit-box-shadow: 0px 0px 30px 0px #000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ /*box-shadow: 0px 0px 30px 0px #000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */} #quick-window .product-img-box{width:54%; float:left} #quick-window .product-img-box .quick-view-pro {border:1px solid #ddd; padding:10px; float:left;} #quickview-close{background:url(btn_trash.gif) top left no-repeat; float:right; width:24px; height:24px; margin:7px; text-indent: -10000px; overflow: hidden} #quickview-header {background: #fff; border-radius: 100%; padding: 0; position: absolute; right: -14px; top: -14px} #ajax-preloader{opacity:0.8; filter:alpha(opacity="80"); text-align:center; z-index:500; background: url(ajax_loader.gif) center top no-repeat} #ajax-preloader .loading{border:2px solid #777; color:#000; background:#fff; text-align:center; width:120px; padding:15px; font-weight:bold;} #quick-window .product-shop {float: right; width: 44%} #quick-window .product-shop .product-name {font-size:18px; font-family: 'maven_probold'; margin-bottom:10px; color:#03A27D; line-height:normal;} #quick-window .product-essential{padding:15px} #quick-window .product-shop .col2-set .col-1 {width:100%;} #quick-window .product-shop .col2-set .col-1 .special-price {width:100%; margin-bottom:15px; padding: 0} #quick-window .product-shop .col2-set .col-2 {width:100%;} #quick-window .product-shop .col2-set .col-1 .special-price .price-label {} #quick-window .product-shop .col2-set .col-1 .special-price .price {} .catalog-listing .product-image-ajax{position:relative;} .catalog-listing .product-image-ajax .ajax{position:absolute; display:none; z-index:20;} a.ajax {height: 100%; left: 0; margin-top: 0; position: absolute; text-decoration: none; text-transform: uppercase; top: 0; width: 100%; z-index: 999} .quickimage {background: #239f85; border: 1px solid #8c02ad; color: #fff; display: block; font-size: 11px; font-family: 'maven_probold'; margin: 82px auto 0; padding: 0 5px; width: 70px} a.ajax:hover{border:1px solid #9f233d; background:#9f233d; color:#fff} .product-image-ajax a.ajax:hover{ background:url(quick-bg.png) no-repeat scroll center center; border: 0 none} .more-views {clear: both; float: none; margin: 0 auto; padding: 0; width: 248px} .more-views ul {margin:0px; padding:0px;} .product-img-box .more-views ul li {margin:0px 8px 8px 0px; padding:4px; float:left; width:70px !important} .more-views ul li img {width:100%;} .product-view .product-img-box .more-views li a{margin: 0} /*.product-img-box .more-views {clear: none; float: right; margin: -4px 5px; padding: 0; width: 108px}*/ .product-img-box .more-views {clear: none; float: right; margin: 0px 5px; max-height: 340px; overflow: auto; padding: 0; width: 127px;} .product-view .product-img-box .more-views li {width: 100px !important} /*Fish Menu Css*/ /********** < Navigation */ /*.ma-nav-container { background:#f5f5f5; }*/ #nav { margin:0 auto; } /* All Levels */ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.last { } #nav li.over { z-index: 1000; } #nav a, #nav a:hover { display:block; /*line-height:1.3em;*/ text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav li ul span h3 {/*line-height:normal;*/ font-size:14px} .highlight_design { background: #321944 none repeat scroll 0 0 !important;} .highlight_design span { /*color: #fff;*/} .highlight_design span:hover{color:#000; } #nav ul li.parent a {} #nav ul li.parent li a { } /* 0 Level */ #nav li { float:left; } #nav li.last{ background:none; } #nav li.home { padding-left: 0; } #nav li.active a span, #nav li.over a span, #nav a:hover span{ } /* 1st Level */ #nav ul li, #nav ul li.active { border-bottom: 1px solid #dbdbdb; float:none; margin:0; padding: 0; background: none;} #nav ul li.last { /*border: 0;*/} #nav ul a, #nav ul a:hover { float:none; } #nav ul li a { /*font-weight:normal !important;*/ } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:200px; top: 50px; left:-10000px; background: #fff; margin-left:-111px /*border-bottom:4px solid #F3B804;*/ } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top: 0; } #nav ul ul, #nav ul div { } #nav ul span, #nav ul li.last li span { } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; height: 419px; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:199px; top:0px } #nav li ul.shown-sub {box-shadow: 0 2px 2px 2px #e2e2e2} #nav li .shown-sub .nav-1 ul{top:0px; height: 340px; overflow-y: auto; } #nav li .shown-sub .nav-3 ul{top:-41px; height: 340px; overflow-y: auto;} #nav li .shown-sub .nav-5 ul{top:-82px; height: 340px; /*padding-top:0px; padding-bottom:0px*/} #nav li .shown-sub .nav-7 ul{top:-123px; height: 340px; /*padding-top:0px; padding-bottom:0px*/} #nav li .shown-sub .nav-8 ul{top:-205px; height: 340px; /*padding-top:0px; padding-bottom:0px*/} #nav li .shown-sub .nav-9 ul{top:-164px; padding-top:2px; padding-bottom:0px} /********** Navigation > */ #nav a.nav_arrow span{ float:right; height:9px; margin-left:6px; margin-top:6px} /* ======================================================================================= */ #nav ul li.image { border-bottom: none; height: 145px; padding-top: 30px; border-right: solid 1px #dbdbdb; background: #fff none repeat scroll 0 0;} #nav ul li.image a { font-size:14px; font-family: 'maven_probold'; padding-left:0px !important; border-right: none; line-height: normal; } #nav ul li.image span{ font-size:14px; cursor:inherit} #nav ul li.image span.navtext{ width:80%; margin:0 auto 5px; line-height:20px} #nav ul li.image span.navbullet{ border: 1px solid #239f85; border-radius: 100%; background:#239f85; width:5px; height:5px; margin: 0 auto 20px; } #nav ul li.image span.navbulletbottom{ border: 1px solid #239f85; border-radius: 100%; background:#239f85; width:5px; height:5px; margin: 20px auto 0; } #nav li ul.shown-sub{ /*border-right:1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;*/} #nav ul#custom_navigate{margin-left:0px; width:215px; height: auto; } #nav ul#custom_navigate li a{ font-size:14px; background-color: #FFF !important; border-right: none; } #nav ul#custom_navigate li a:hover { background-color: #f4f4f4 !important; } #nav li.nav-design-kitchen { float: right; } #nav li.nav-design-kitchen a { background: #ff704e; padding: 0 20px 0 50px;} #nav li.nav-design-kitchen a:hover { background: #239f85; } .header-sticky.box-shadow { position: fixed; width: 100%; height: 50px; left: 0; top: 0; z-index: 10000; -webkit-box-shadow: #313832 0px 2px 8px; -moz-box-shadow: #313832 0px 2px 8px; box-shadow: #313832 0px 2px 8px; } /*Style-discount*/ #cp_background_layer { position: fixed; z-index: 9999; width: 100%; height: 100%; overflow: hidden; display: block; text-align: center; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; } .cptext { display: block; float: left; padding: 0% 4% 3%; } #cp_box_layer { z-index: 9999; background-repeat: no-repeat; width: 660px; top: 0%; text-align: center; display: inline-block; /*height:400px;*/ position: relative; } #cp_box_title {float: none; height: auto; overflow: hidden} #cp_box_block_1 {color: #000; font-family: 'maven_proregular'; font-size: 28px; line-height: 10px; padding: 35px 0 30px; text-align: center;text-transform: uppercase; width: 100%} #cp_box_block_2 {color: #239f85; font-family: 'maven_proregular'; font-size: 32px; font-weight: 800; height: auto; margin: 0 0 5px; text-align: center; text-transform: uppercase; width: 100%} #cp_box_block_3 {color: #000; float: none; font-family: 'maven_proregular'; font-size: 15px; line-height: 24px; margin: 0 !important; padding: 15px 8% 0 !important; text-align: center} .bg_pop {position: relative; width: 260px; float:left; display: none} .bg_pop > img {width: 100%} .bg_cp_border { background-image: url("pop-border.png"); background-repeat: no-repeat; float: right; height: 7px; padding-bottom: 20px; width: 64%; } .bg_cp_border.mrg-T20 { margin-top: 5px; } #cp_box_close {border: 1px solid #fff; color: #fff; cursor: pointer; float: right; font-size: 11px; height: 12px; line-height: 14px; margin-right: 0; margin-top: -25px; position: relative; text-transform: uppercase; width: 68px} .cp_box_lines { display: block; /* height: 1px; width: 94%;*/ clear: both; margin: 0; /* height:377px;*/ background-repeat: no-repeat; } #cp_box_subscribe {float: none; height: auto; margin: 1% 0 0; overflow: hidden; width: 100%} .pop-up { background: #fff none repeat scroll 0 0; float: none; margin: 0; } #cp_box_subscribe_input { float: none; clear: both; display:none} #cp_box_subscribe_input input {background: #f5f5f5; border-radius: 20px; box-sizing: border-box; color: #505050; font-size: 14px; height: 40px; line-height: 40px; margin: 5px 0 0 5px; padding-left: 20px; width: 100%} #cp_box_subscribe_submit {float: none; margin: 0 0 3%; display:none} #cp_box_subscribe_submit a {border: 1px solid #000; color: #000; display: block; font-family: 'maven_proregular'; font-size: 16px; font-weight: normal; line-height: 32px; margin: 6% auto; padding: 1.5% 5px; text-transform: uppercase; width: 160px} #cp_box_subscribe_submit a:hover{ background:#239f85; color:#fff} #cp_box_subscribe_response { text-align: left; margin: 10px 0 0 30px; height: 15px; } #cp_box_subscribe_response_success { display: none; } #cp_box_subscribe_response_error { color: #ea6868; text-align: left; margin: 0 3%; height: auto; overflow: hidden; width: 85%; } #cp_box_subscribe_response_success { color: #35ea49; font: 20px/34px "CenturyGothicRegular", Century Gothic, Verdana, sans-serif; } /*** LABEL THEME ***/ .tl#cp_box_layer { height: 263px; width: 504px; position: relative; } .tl #cp_box_block_1, .tl #cp_box_block_2 { color: #ffffff; text-align: right; float: right; line-height: normal; } .tl #cp_box_block_1 { margin: 20px 55px 0 0; } .tl #cp_box_block_2 { margin: 0px 55px 0 0; } .tl #cp_box_block_3 { color: #000000; clear: both; text-align: justify; float: right; margin: 10px 55px 0px 0; width: 340px; height: 70px; overflow: hidden; } .tl #cp_box_close { position: absolute; } .tl #cp_box_subscribe_input { width: 340px; } .tl #cp_box_subscribe_response_error { height: 22px; line-height: 15px; color: #ffffff; float: right; text-align: left; width: 325px; margin: 0 50px 0 0; overflow: hidden; } .tl #cp_box_subscribe_input input { margin: 0 0 0 132px; background: none; height: 29px; width: 216px; border: 0; display:none} .tl #cp_box_subscribe_submit a { background: none; color: #ffffff; height: 29px; line-height: 25px; } .tl #cp_box_subscribe_response_success { color: #FFFFFF; float: right; margin: 0 50px 0 0; width: 340px; } .tl #cp_box_subscribe_input { } .tl #cp_box_close { height: 36px; width: 36px; right: 10px; top: -5px; } div#showcoupon, #showtwitcoupon, #hidecoupon, #showgooglecoupon { display: none; } .tweet_hidecoupon { background: rgba(0, 0, 0, 0) url("cuponcode.png") no-repeat scroll 0 0; color: #fff; display: block; height: 17px; margin: 0 auto; padding: 3% 0; width: 132px; font-family: 'maven_probold'; } .fb-like { top: -4px; position: relative; } .pluginCountBox { color: red !important; } .cp_likebox { float: right; padding-bottom: 10px; padding-top: 0; width: 85%; } .pop-up > span { float: left; padding-bottom: 5px; padding-top: 5px; text-align: center; width: 100%; } @media (min-width:320px) and (max-width: 767px) { #cp_box_layer { top: 0%; width: 306px; display:none; } #cp_background_layer{background:none; display:none!important} .pop-up { width: 290px; } #cp_box_title { width: 100%; } .bg_cp_border { background-position: 34px 0; width: 100%; padding-bottom: 5px; } .cp_likebox { float: left; padding-left: 5%; width: 96%; padding-bottom: 0px; } .bg_cp_border.mrg-T20 { margin-top: 5px; } #cp_box_block_3 { width: 92%; padding: 0 4% !important; font-size: 10px; } #cp_box_subscribe_submit { width: 100%; } .bg_pop { display: none; } #cp_box_subscribe { width: 100%; } #cp_box_block_1 { padding: 3px 0 0; } #cp_box_block_2 { margin: 0px; } #cp_box_subscribe_input input { margin: 5px 0 0 7%; width: 240px; } #cp_box_block_1 { font-size: 16px; } #cp_box_block_2 { font-size: 20px; } #cp_box_subscribe_input input { height: 15px; } #cp_box_subscribe_submit a { padding: 0% 5px; } #cp_box_close { background: rgba(0, 0, 0, 0) url("pop-box.png") no-repeat scroll 0 3px; height: 19px; margin-right: 0; margin-top: 0; } #cp_box_subscribe { margin: 1% 0 0; } .cms-firesale .fire-sale .fire-image img { max-width: 100%; width:100%; height: auto} .cms-firesale .fire-sale .knobinsertdescription .home_content{ padding:15px 0; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box} } /*New css*/ /*Homepage Slider Banner*/ .hp-slider-banner { position: relative; } .hp-slider-banner .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .hp-slider-banner .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .hp-slider-banner .rslides li:first-child { position: relative; display: block; float: left; } .hp-slider-banner .rslides img { display: block; float: left; width: 100%; border: 0; } .hp-slider-banner .rslides .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; display: none; } .hp-slider-banner .callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 100%; width: 100px; } .hp-slider-banner .callbacks_nav.next { left: auto; right: 0; } .hp-slider-banner .callbacks_nav.prev, .hp-slider-banner .callbacks_nav.next { background: none; } .hp-slider-banner:hover .callbacks_nav.prev { background: url(arrow_cursor_prev.png) 50% 50% no-repeat; } .hp-slider-banner:hover .callbacks_nav.next { background: url(arrow_cursor_next.png) 50% 50% no-repeat; } .category-products {padding: 0 0 70px} /*Header Sticky*/ .header-sticky a.face, .header-sticky .face1 { display: none !important; } .header-sticky.scroll-to-fixed-fixed a.face, .header-sticky.scroll-to-fixed-fixed .face1 { display: block !important; } /*Floting Cart*/ .cart_area .scrollbar-container { margin-bottom: 10px; } .cart_area .scrollbar-container > div { max-height: 265px; overflow: auto; } .cart_area .scrollbar-container .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 10px; } @charset "utf-8"; /* CSS Document */ @media only screen and (max-width:1699px){ .face1 #footer-cart { margin-right: 10px; } .header-sticky.box-shadow .header-cart .block-cart { padding: 0 10px; } .header-sticky.box-shadow .header-cart .block-cart .label { font-size: 16px; } .header-sticky.box-shadow .header-cart .block-cart .cart-text-floating { right: 25px} .header-sticky.box-shadow .cart_area .footer-cart-content { margin-right: 10px; } } @media only screen and (max-width:1599px){ .header-sticky.box-shadow .fish_menu { text-align: center; height: 50px; } .header-sticky.box-shadow #nav li { float: none; display: inline-block; *display: inline; zoom: 1; } .header-sticky.box-shadow #nav ul li, .header-sticky.box-shadow #nav ul li.active { display: block; } .header-sticky.box-shadow #nav li.nav-design-kitchen { float: none; } .header-sticky.box-shadow .fish_menu a, .header-sticky.box-shadow .fish_menu li.nav-design-kitchen a { padding: 0 15px; } .header-sticky.box-shadow #nav li ul.shown-sub, .header-sticky.box-shadow #nav li div.shown-sub { margin-left: -150px; } .header-sticky.box-shadow #nav ul li ul.mega_sub_category { margin-left: 1px; } .scroll-to-fixed-fixed .wide_menu a, .scroll-to-fixed-fixed .fish_menu a{font-size: 16px} .scroll-to-fixed-fixed .freesample-nav span::before{display: none} .scroll-to-fixed-fixed .nav-design-kitchen span::before{display: none} .scroll-to-fixed-fixed #nav li.nav-design-kitchen a {padding: 0 20px 0 15px} } @media only screen and (max-width:1399px){ .customer-account-login .account-login {width: 95%} } @media only screen and (max-width:1366px){ .scroll-to-fixed-fixed .wide_menu a, .scroll-to-fixed-fixed .fish_menu a{font-size: 16px} .scroll-to-fixed-fixed .freesample-nav span::before{display: none} .scroll-to-fixed-fixed .nav-design-kitchen span::before{display: none} .scroll-to-fixed-fixed .fish_menu {width: auto; background: none} .header-sticky.box-shadow .fish_menu {text-align: left} .wide_menu a, .fish_menu a{padding: 0 33px} .ma-nav-inner .freesample-nav a{padding: 0 20px 0 50px} #nav li.nav-design-kitchen a{padding: 0 20px 0 50px} .wide_menu a, .fish_menu a {padding: 0 26px} } @media only screen and (max-width:1299px){ .header-sticky.box-shadow .fish_menu a, .header-sticky.box-shadow .fish_menu li.nav-design-kitchen a { padding: 0 8px; } .header-sticky.box-shadow #nav li ul.shown-sub, .header-sticky.box-shadow #nav li div.shown-sub { margin-left: -210px; } .header-sticky.box-shadow #nav ul li ul.mega_sub_category { margin-left: 1px; } .scroll-to-fixed-fixed #nav li.nav-design-kitchen a {padding: 0 10px 0 15px} .header-sticky.box-shadow .freesample-nav a {padding: 0 18px} .scroll-to-fixed-fixed .wide_menu a, .scroll-to-fixed-fixed .fish_menu a{font-size: 15px} .header-sticky .freesample-nav span::before{display: none} .header-sticky .nav-design-kitchen span::before{display: none} .header-sticky #nav li.nav-design-kitchen a {padding: 0 20px 0 15px} .scroll-to-fixed-fixed #nav li.nav-design-kitchen a {padding: 0 20px 0 15px} } @media only screen and (max-width:1199px) { .topbar .Quicklinks, .middle_wrap { width: 100%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .welcome_text { margin-right: 20px; font-size: 12px; } .header_contact_info { width: auto; } .header_contact_info ul li, .Quicklinks .links li a { font-size: 12px } .usp-module { width: 95% } /*.box-shadow #nav ul, .box-shadow #nav div {margin-left: -281px!important} .box-shadow #nav li div.shown-sub { left:-30px; }*/ .pay-fb-footer-part { width: 100%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pay-fb-footer-part ul li { width: 31.6667%; margin-right: 2.5%; } .pay-fb-footer-part ul li img { max-width: 100%; } /* Contact us Page Style */ .contact-us-page-main .full_width-goofle-map {margin: 0 auto; width: 100%} .contact-us-page-main .contact-form .contact-left { width: 610px; } .contact-us-page-main .contact-form .contact-right { width: 352px; } .contact-us-page-main .contact-form .contact-right .contact-right-img .contact-form-img { max-width: 100%; top: 125px} .contact-us-page-main .page-title { max-width: 100%} /* CMS FAQ Page Style */ .middle_wrap .cms-page-main { width:100%} .cms-page-main { max-width:100%; } /* Save money ( Comparison ) */ .money-compare-features ul li { min-height:38px; } .money-compare-lac-main ul li { min-height:38px; } .money-compare-main ul li { min-height:38px; } /* Testimonials ( Client Testimonials ) */ .feedback_review_rblock { width:83%; } .home-categories .product-inner ul li{ width:100%} /* Photo Gallery */ .photo-gallery-main ul li .showhtml .imageblock { width:95%; } .photo-gallery-main img { max-width:100%; height:auto; } .photo-gallery ul li.item a img { height:auto; } .photo-gallery-main ul li .showhtml .get-started { padding-top:30px; } .photo-gallery .active { min-height:1080px; } .breadcrumbs {box-sizing: border-box; padding: 0 2%; width: 100%} .page-title {box-sizing: border-box; /*margin: 0 auto; padding: 0 1%;*/ width: 100%} .page-title .link-rss { right: 2%; } .category-title .page-title { padding: 0 2%; } .cat-price-left ul .col3, .cat-price-right ul .col3{width: 100%} .footer-static-content .desktop-map img { width: 100% } .pro-listing-left {margin: 0; min-height: unset; width: 44%} .pro-listing-right { width: 50%} .f-fix {float: right; width: 88%} .products-list .product-shop {margin-left: 30px} .special-price.discout-price{clear: both; padding: 0} .price-savebox {padding: 0} /*Assmabley Video Css*/ .videogallery-index-featured .col-main { width:95%; } .videogallery-index-featured .col-main .main-video { max-width:95%; } .video-assembly-featured .video_gallery ul li .video-img { padding-top:5%; padding-bottom:5%; } .video-assembly-featured .video_gallery ul li .video-img img { max-width:90%; height:auto; } .video-assembly-featured .video_gallery ul li .video-details { margin-left:5%; } .video-assembly-featured .video_gallery ul li.active { min-height:710px; } .videogallery-index-featured .video_gallery ul li.active .viewer .fa-times { right: -5px; top: 0; } .videogallery-index-index .video_gallery ul li.active .viewer .fa-times { right: 10px; top: 0; } /*Sticky Menu*/ .fix-search .form-search input.input-text {width: 68%} .fix-search .search-btn {position: absolute; right: 0} .fix-search .form-search{margin: 5px 0 0 0} /*.face1{ width:260px}*/ /*Product Detail Page */ .product-img-box.span5 .product-image{ width:75%} .product-img-box.span5 {width: 43%} .more-views.ma-more-img{ width:21%; clear:none} .foot-run {width: 47.5%} .kitchen-run {width: 47.5%} .short-desc > img {width: 100%} .view_ifram > iframe {width: 100%} .video-gallery_category {width: 40%} .product-cat-info{ width:55%; box-sizing:border-box} .cat-detail-section {float: none} .add-cat-module-title{ line-height: 38px} .add-cat-module-section ul li a{ width:162px} .add-cat-module-section ul li{margin: 0 10px 0 0} .home-categories .kitchen-price .col3 .price, .home-categories .foot-price .col3 .price{ display: block} .home-categories ul li .backdate, .home-categories ul li .sale, .home-categories ul li .isnew { top: 39px; left: 1px; } /* Video Testimonial Happy Customers of Lily Ann Cabinets */ .video-testimonial .v_testimonial { width:92%; padding:3%; height:auto; } .video-testimonial .v_testimonial video { width: 100% !important; height:auto !important; min-height:393px; } .igallery-category-view .page-title, .cms-video-testimonail-review-lily-ann-cabinets-happy-customer .page-title { padding:0px} /*Sticky Menu*/ .topbar_l {width: 60%} /*Become a Dealer*/ .cp-dealer-account-create .account-create .input-box {width: 100%} .cp-dealer-account-create .become-dealer-ac-info .fields .dealer-email {float: right; width: 32%} .cp-dealer-account-create .dealer-contact-part .field {width: 31.2%} .field.dealer-cont {float: left; width: 31.2%} .cp-dealer-account-create .dealer-add {width: 65.5%} .cp-dealer-account-create .dealer-add .wide {width: 47.5%} .dealer-city-state .field {width: 31.2%} .cp-dealer-account-create .account-create .num_1 .fields {width: 31.2%} .cp-dealer-account-create .account-create .num_4 .fields {width: 31.2%} .discount_coupon_wrap .input-box{ width:97%} .dealer_button{ margin-top:15px} .discount_coupon_wrap .input-box input.cancel_form{ width:100%} .category_sample_banner img{ width:100%} .videogallery-index-index .col-main { width:100%; } .video-assembly-featured .video_gallery ul li.active { min-height:1030px; } .catalog-category-view .cat-bath-price-left ul li.col1{ width:100%} .cart-table td{padding: 2%} .field.add_image_button {right: 28%} .header-sticky.box-shadow .header-cart .block-cart .label { display: none; } .header-sticky.box-shadow .fish_menu a, .header-sticky.box-shadow .fish_menu li.nav-design-kitchen a { padding: 0 8px; font-size: 15px; } .header-sticky.box-shadow #nav li ul.shown-sub, .header-sticky.box-shadow #nav li div.shown-sub { margin-left: -227px; } .scroll-to-fixed-fixed #nav li ul.shown-sub, .scroll-to-fixed-fixed #nav li div.shown-sub { margin-left: -227px; } .header-sticky.box-shadow #nav ul li ul.mega_sub_category { margin-left: 1px; } .product-view-sample-door .product-img-box { width: 33.33333333333333%; margin-right: 3.333333333333333%; } .product-view-sample-door .product-img-box .product-image { width: 100%; } .product-view-sample-door .product-shop { width: 39.83333333333333%; } .product-view-sample-door .bnr-sampel-kit { width: 20.16666666666667%; } .product-view-sample-door .pr_snippet_product .pr-snippet-read-write { display: block; float: left; width: 88%; border: none !important; position: relative; padding-left: 25px; margin-top: 5px; } .product-view-sample-door .pr_snippet_product .pr-snippet-read-write:before { left: 0; margin-left: 0; } .product-view-sample-door .pr_snippet_product .pr-snippet-read-reviews, .product-view-sample-door .pr_snippet_product .pr-snippet-write-review { float: left; } .product-view-sample-door .addtocart-detailpage { clear: left; } .cat-price-left ul li strong, .cat-price-right ul li strong {display: block} .product-detail-pdf a { margin-left: 0; } /*Start - Quotation My Account*/ .quotation-view .item-desc { width: 100%; display: block; margin-top: 5px; } .qoute-total table td { font-size: 14px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } /*Close - Quotation My Account*/ /*Start - Linerize Table*/ .linerize-table th, .linerize-table td { padding: 10px; font-size: 14px; } /*Close - Linerize Table*/ /*Sitemap*/ body.catalog-seo-sitemap-product .page-sitemap { padding-left: 2%; padding-right: 2%; } .cms-kitchen-cabinets-free-samples .free_sample_main .category-products .home-categories ul li .sample_price .price-box{margin-left: 0; padding-right: 10px} .account-create .form-list li:nth-child(2n) {float: left; margin-top: 0; width: 47%} .cp-dealer-account-create .account-create .form-list.num_7 label {min-height: 32px} .header-nav .black_overlay{ display:none!important} .cp-dealer-account-create .account-create .form-list.num_7 label {min-height: 36px} .float-L.store-loc {padding: 0 0 50px} .contact-us-page-main .full_width-contact-box ul .contact-add-part { width: 43%} .note-msg {margin: 10px auto 50px; width: 95%} .cnt-left video {width: 100%} .header-sticky .wide_menu a, .header-sticky .fish_menu a{font-size: 15px} .header-sticky .freesample-nav span::before{display: none} .header-sticky .nav-design-kitchen span::before{display: none} .header-sticky #nav li.nav-design-kitchen a {padding: 0 20px 0 15px} .header-sticky.box-shadow .fish_menu {text-align: left} .wide_menu, .fish_menu{width: auto; display: table;} .wide_menu a, .fish_menu a {padding: 0 27px} .video-section .video-title, .video-section .video-title-two {font-size: 14px} .why_lily_heading h1 {font-size: 24px} .new-assembly-head{ font-size:23px} .spec-deco .hardware-block .lazy {width: 100% !important} .crosssell_pop_up{width: 100%} } @media only screen and (min-device-width : 1025px) and (max-device-width : 1199px) { /*.wide_menu, .fish_menu { width: 100%; } .wide_menu a, .fish_menu a { padding-left: 20px; padding-right: 20px } .fish_menu li.nav-design-kitchen a { padding-left: 20px; padding-right: 20px; }*/ .usp-module ul li { width: 19%; margin-right: 1% } .home-categories ul li { width: 30% } .product-image img { width: 100% } .cat-price-left { width: 49.2% } .cat-price-left ul li.col1, .cat-price-right ul li.col1 { width: 100% } .cat-price-left ul li strong, .cat-price-right ul li strong, .home-categories .cat-price-left .price, .home-categories .cat-price-right .price { font-size: 13px } .why_lac { width: 100% } .video-section { width: 100%; margin-left: 0px; margin-top: 40px } .homepro-title a { font-size: 18px } .why_lily_heading { padding-top: 50px } .desgin-own-style-block ul li { width: 323px } .left-style { width: 105px; padding-left: 20px; padding-right: 20px; font-size: 70px } .right-style { width: 120px; padding-left: 24px; padding-right: 24px; width: 130px } .work-with-logos img { width: 100%; } .newsletter-part { width: 46.5% } .footer-static-content, .newletter, .newsletter-text, .newletter ul li .textfield { width: 100% } .row-fluid .footer-cal2 { width: 41% } .row-fluid .footer-cal1 { width: 54% } .footer { width: 95% } /*a.face{ background-position:-198px -1217px; width:154px} .box-shadow .wide_menu a, .box-shadow .fish_menu a {font-size: 13px} .floating-cart-content {float: left; padding: 0 !important}*/ .cartstyle-msg{ width:52%} .assemble_left{width:65.8333%} .assemble_right{ width:31.25%} .shipping, .assembly, .discount_coupon_wrap{ width:100%} .checkbtn{ text-align:left; width:100%} .large_red_icon_btn{ font-size:16px !important} .cart_slider .product-image img{ width:auto} .cart_slider h2{ font-size:24px; line-height:28px} /*Product Detail Page*/ .product-tabs-content {width: 68%} .add-cat-module-section ul li a {width: 154px} .welcome_text {margin-right: 0} .quotation-quote-requestfromcart .quote_title h2.legend, .quotation-quote-requestfromcart .sales_repre h2.legend, .quotation-quote-requestfromcart .request_form_address h2.legend{ min-height:52px} .cp-feedback-index-index .account-create{ width:95%} .stander-mesurements {margin: 0 auto; width: 96%} .videogallery-index-index .video_gallery ul li{ /*min-height:600px*/} .cart-table td{padding: 2%} .header .hidden_mobile form#search_mini_form {margin-left: -15px} .header .firesale-logo {margin-left: -168px} .header_right_info ul li.quick_quote {display: none} .cms-firesale .fire-content {width: 45.4%} .category-knobs-pulls-and-inserts-kitchen-cabinets .product-shop .add-to-cart {margin: 0 0 10px} .category-knobs-pulls-and-inserts-kitchen-cabinets .pro-listing-right {width: 22%} .freesample-nav a {padding: 0 20px} #nav ul li ul.mega_sub_category .even{margin-left: 4px;} .scroll-to-fixed-fixed #nav ul li ul.mega_sub_category, #nav ul li ul.mega_sub_category {width: 793px} } @media only screen and (max-width:1024px) { .payment-img { display: block; text-align: center; width: 100%; } .toplinks .m_account { float: right; color: #505050; font-size: 10px; margin-top: 1px; cursor: pointer } .topbar { padding-top: 15px; padding-bottom: 15px; height: auto } .topbar_l { margin-top: 0px; margin-left: 8px } .toplinks { float: right; width: 90px; margin-top: 0px; margin-right: 8px } .m_account::before { content: "\f078"; font-family: fontawesome; } .m_account.active::before { content: "\f077"; font-family: fontawesome; } .Quicklinks .links { display: none } .toplinks { display: block } .menuhide { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; display: block; margin-left: -50px; margin-top: 15px; padding: 5px; position: absolute; width: 130px; } .wide_menu a, .fish_menu a { padding-left: 24px; padding-right: 24px } .fish_menu li.nav-design-kitchen a { padding-left: 18px; padding-right: 18px; } .usp-module ul li { width: 18.2% } .home-categories ul li { width: 32%; margin-right: 2% } .product-image img { width: 100% } .homepro-title a { font-size: 15px } .cat-price-left ul li, .cat-price-right ul li { width: 100% } .cat-price-left ul li strong, .cat-price-right ul li strong { font-size: 14px } .cat-price-left, .cat-price-right { width: 49.2% } .why_lac { width: 100%; padding-bottom: 40px } .video-section { margin: 0 auto; width: 80%; float: none } .work-with-logos img { width: 100% } .why_wrap { padding-bottom: 50px } .why_lily_heading { padding-top: 50px } .own-style-title, .design-own-style-part { padding-top: 50px; padding-bottom: 50px } .own-style-title { margin-bottom: 0px } .desgin-own-style-block ul li { width: 33% } .left-style { width: 70px; padding-left: 20px; padding-right: 30px; font-size: 60px } .right-style { padding-left: 27px } .newsletter-part { width: 43% } .footer-static-content { width: 100% } .newletter, .newsletter-text { width: 100% } .row-fluid .footer-cal1 { width: 48% } .ma-footer-static-container-bottom .footer-static-title h3 { font-size: 27px } .payment-img img { /*width: 100%;*/ max-width: 100%; } .footer { width: 95% } .footer address { width: 40% } .footer-static-content .desktop-map { width: 100% } /* Contact us Page Style */ .contact-us-page-main .contact-form .contact-right { width: 312px; } .contact-us-page-main .contact-form .contact-right .contact-right-img .contact-form-img { top:165px; } /* CMS FAQ Page Style */ .faq-page-main .why_lac { padding-bottom:0px; } /* Testimonials ( Client Testimonials ) */ .feedback_review_rblock { width:82%; } /* Photo Gallery */ .photo-gallery .active { min-height:960px; } /*Assmabley Video Css*/ .video-assembly-featured .video_gallery ul li.active { min-height:730px; } /*User Dashboard*/ .block .block-content li.item { padding:9px 4px 9px 4px; } /*Product Listing Page*/ .product-cat-info {box-sizing: border-box; clear: both; float: left; margin: 30px 0 0; padding: 10px 0 10px 30px; width: 100%} .foot-run {width: 46%} .kitchen-run {width: 47%} .short-desc > img {width: 100%} .add-cat-module-section ul li a{ width:147px} .add-cat-module-section ul li{margin: 0 10px 0 0} .video-gallery_category {float: none; width: 100%} .cat-detail-section {clear: both; float: none; margin: 0 auto; text-align: center} .add-cat-module-title{ font-size:18px} .pro-listing-right {width: 57%} .product-shop .add-to-cart {margin: 10px 0 0 21px} .pro-listing-left {width: 41%} /*Product Detail Page*/ .catalog-product-view .product-view .product-img-box .product-image {width: 100%} .product-view .product-img-box.span5 {float: left; width: 42%} .product-tabs-content{ width:62%} a.face{ background-position:-198px -1217px; width:154px} .box-shadow .wide_menu a, .box-shadow .fish_menu a {font-size: 13px; padding: 15px 6px} .box-shadow .fish_menu li.nav-design-kitchen a { padding: 15px 6px } .assemble_left{width:65.8333%} .assemble_right{ width:31.25%} .shipping, .assembly, .discount_coupon_wrap{ width:100%} #shopingcartform{ overflow-y:scroll; display:block} .cart_slider h2{ font-size:24px; line-height:27px} .cart_slider .product-image img{ width:auto} .add-cat-module-section ul li.active, .add-cat-module-section ul li.active:hover, .add-cat-module-section ul li:hover {background: unset; cursor: unset; height: unset; position: relative; top: 0} .add-cat-module-section ul li.active a { margin-top: 0; } .add-cat-module-section ul li:hover .triangle-bottomleft, .add-cat-module-section ul li.active .triangle-bottomleft, .triangle-bottomright, .triangle-topleft, .triangle-topright {display: none} .add-cat-module-section ul li.active a.basecabinets, .add-cat-module-section ul li:hover a.basecabinets{background-position:57px -520px} .add-cat-module-section ul li.active a.wallcabinets, .add-cat-module-section ul li:hover a.wallcabinets{background-position:-47px -524px} .add-cat-module-section ul li.active a.panelsfillersandtrim, .add-cat-module-section ul li:hover a.panelsfillersandtrim{background-position:-32px -279px} .add-cat-module-section ul li.active a.accessories, .add-cat-module-section ul li:hover a.accessories{background-position:57px -709px} .add-cat-module-section ul li.active a.pantryandovencabinets, .add-cat-module-section ul li:hover a.pantryandovencabinets{background-position:-160px -529px} .add-cat-module-section ul li.active a.bathroomvanities, .add-cat-module-section ul li:hover a.bathroomvanities{background-position:-95px -794px} .add-cat-module-section ul li.active a span { color: #505050 } .add-cat-module-section ul li.active a span, .add-cat-module-section ul li:hover a span {color: #505050} .add-cat-module-section ul li.active a, .add-cat-module-section ul li:hover a{margin-top: 0} .catalog-product-view .product-view .product-img-box .more-views li {float: left; margin: 0 11px 0 0 !important} .more-views.ma-more-img {width: 100%} /* Video Testimonial Happy Customers of Lily Ann Cabinets */ .video-testimonial .v_testimonial video { min-height:336px; } .cart-table-part {width: 95%} .topbar_l {width: 66%} .wide_menu, .fish_menu {width: 100%} .quotation-quote-requestfromcart .quote_title h2.legend, .quotation-quote-requestfromcart .sales_repre h2.legend, .quotation-quote-requestfromcart .request_form_address h2.legend{ min-height:52px} .cp-feedback-index-index .account-create{ width:95%} .cp-feedback-index-index .feed-rating-part{ width:44%} .videogallery-index-index .video_gallery ul li {/*min-height:630px;*/} .videogallery-index-index .video_gallery ul li.first { clear: none; } .videogallery-index-index .video_gallery ul li.active { min-height:1100px;} .videogallery-index-index .video_gallery ul li{ width:46%; margin-left:2%; margin-right:2%} .videogallery-index-index .video_gallery ul li.first{ margin-left:2%; margin-right:2%} .videogallery-index-index .video-assembly-featured .video_gallery ul li .video-details{ margin-left:0px} .videogallery-index-index .video-assembly-featured .video_gallery ul li:first-child{ margin-left:2%} .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left{ min-height:335px} .custom-review-text-head {font-size: 29px; width: 366px} .review-content {width: 80%} .product-view-sample-door .product-img-box { width: 33.33333333333333% !important; margin-right: 3.333333333333333%; } .product-view-sample-door .product-img-box .product-image { width: 100%; } .product-view-sample-door .product-shop { width: 39.83333333333333%; } .product-view-sample-door .bnr-sampel-kit { width: 20.16666666666667%; } .product-detail-pdf a { display: block; text-align: center; padding-left: 0; padding-right: 0; } /*New Design Tool Page*/ .design-form .page-title { padding: 0; width: 95%; } .design-form .page-title h1 { margin-bottom: 10px; } .design-kitchen-started .middle_form_heading { font-size: 27px; } .design-kitchen-started .cnt-left { width: 100%; margin-bottom: 30px; } .design-kitchen-started .cnt-right { width: 100%; } .design-kitchen-started .cnt-left img { float: left; width: 49%; margin: 0; } .design-kitchen-started .cnt-left .info { float: right; width: 42%; } .design-kitchen-started .cnt-left .info h3 { margin-top: 20px; font-size: 23px; line-height: 28px; } .design-kitchen-started .cnt-left .info h3:first-child { margin-top: 0; } .design-kitchen-options-container { padding-top: 40px; padding-bottom: 40px; } .design-kitchen-options { background: none; } .design-kitchen-options .middle_form_heading { font-size: 27px; margin-bottom: 20px; } .design-kitchen-options h3 { margin-bottom: 20px; } .design-kitchen-options .cnt-left, .design-kitchen-options .cnt-right { width: 100%; } .design-kitchen-options .form-list { margin-bottom: 20px; } .design-kitchen-options .form-list-less-margin { margin-bottom: 20px; } .design-kitchen-options .form-list-no-margin { margin-bottom: 0; } .design-kitchen-options .form-list-options { padding-bottom: 5px; } .design-kitchen-options .form-list li { float: left; width: 25%; } .design-kitchen-options .form-list-two li { width: 47.36842105263158%; /*width: 270px/570px;*/ margin-left: 5.263157894736842%; /*width: 30px/570px;*/ } .design-kitchen-options .form-list-upgrades-options li { width: 47.36842105263158%; /*width: 270px/570px;*/ margin-left: 5.263157894736842%; /*width: 30px/570px;*/ margin-bottom: 5px; } .design-kitchen-options .form-list-upgrades-options li:nth-child(3n+1) { margin-left: 5.263157894736842%; /*width: 30px/570px;*/ clear: none; } .design-kitchen-options .form-list-upgrades-options li:nth-child(2n+1) { margin-left: 0; clear: left; } .design-kitchen-options .form-list-upgrades-options .validation-advice { bottom: -5px; } .design-kitchen-options .form-list li:nth-child(3n+1) { clear: none; } .design-kitchen-options .form-list li:nth-child(4n+1) { clear: left; } .design-kitchen-options .form-list input[type="checkbox"]:not(old) + label { margin-bottom: 12px; } .design-kitchen-options .form-list input[type="radio"]:not(old) + label { margin-bottom: 15px; } .design-kitchen-options .form-list-no-margin input[type="radio"]:not(old) + label { margin-bottom: 0; } .design-kitchen-packet { position: relative; padding: 0 0 40px; } .design-kitchen-packet .packet-img-container { position: relative; width: 100%; height: 420px; margin-bottom: 20px; } .design-kitchen-packet .packet-img-container .packet-img-inner { position: absolute; top: 0; width: 100%; height: 100%; background: url(http://scdn.lilyanncabinets.com/skin/frontend/rwd/newlilyan/images/img_design_packet_kitchen.jpg) 0 0 no-repeat; background-size: cover; } .design-kitchen-packet .packet-content-inner { width: 100%; padding-right: 0; } .design-kitchen-packet .packet-content-inner .middle_form_heading { font-size: 27px; } .design-kitchen-tips { padding-top: 40px; padding-bottom: 40px; } .design-kitchen-tips .tips-content { padding-top: 55px; } .design-kitchen-tips .tips-content .middle_form_heading { font-size: 27px; line-height: 32px; margin-bottom: 20px; } .design-kitchen-samples .design-kitchen-samples { background-size: 65%; background-position: 100% 62px; } /*Sitemap*/ .page-sitemap .toplinks { display: none; } .video-assembly-featured .video_gallery ul {width: 96%} .videogallery-index-featured .video-assembly-featured .tabs-menu li {margin: 0 0.3% 10px} .videogallery-index-featured .video-assembly-featured .tab-content .thumbs li {width: 31%} .video-assembly-featured .video_gallery ul li .video-details {min-height: 110px} /* .videogallery-index-featured .video-assembly-featured .tab-content .thumbs li:last-child { margin: 0!important} */ .header_right_info ul li {margin-left: 20px} .cart-table-part {width: 100%} .cart-table td {padding: 10px} .cartstyle-msg {font-size: 13px; width: 521px; padding-left: 15px} .f-fix .back-order {box-sizing: border-box; padding: 0 4px 0 0; width: 100%} .checkout-types .large_red_icon_btn{font-size: 16px !important; width: 100%;} .checkout-cart-index .swiper-container {padding: 30px 0 70px} .cart-table-part .pro_mob_img .product-image img {height: 90px; width: 90px} .cart_slider .product-details .old-price {float: left; text-align: right; width: 49.5%} .cart_slider .product-details .special-price {margin-left: 2%; width: 48.5%} .cart_slider .product-details{padding: 18px;} .parent-kitchen-run.hidden_mobile {width: 48%} .parent-foot-run.hidden_mobile {width: 48%} .foot-run {width: 100%} .kitchen-run {width: 99%} .catalog-category-view .col-main .cat-detail-main .pro-list-img .backdate{width: 300px !important;} .floating-cart-content{z-index: 9;} .menuhide{z-index: 9;} .menuhide li.first a{ display:none} .videogallery-index-featured .video-assembly-featured .video_gallery #tab-2 ul li.last {clear: inherit; margin-top: 20px !important} .product-detail-part-one .pr_snippet_product .pr-snippet{width: 73%} .pr_snippet_product .pr-snippet-read-write::before{ display:none} .pr_snippet_product .pr-snippet-read-write{padding-left: 7px} .pr_snippet_product .pr-snippet-review-count{margin-right: 5px} .topbar{ width:100%} .topbar .Quicklinks{ width:100%} /*.foot-price-title span {font-size: 11px} .foot-price-title .btn-add-cart a{font-size: 13px;}*/ .cnt-left video {width: 54%} .category-knobs-pulls-and-inserts-kitchen-cabinets .pro-listing-right .qty_listing {float: left; margin: 0 0 6px} .category-knobs-pulls-and-inserts-kitchen-cabinets .f-fix {float: left; width: 84%} .category-knobs-pulls-and-inserts-kitchen-cabinets button.submiturl {margin: 0 8px 8px 0; width: 100%} .category-knobs-pulls-and-inserts-kitchen-cabinets .block .actions > a {display: block; text-align: center} .category-knobs-pulls-and-inserts-kitchen-cabinets .block-layered-nav .actions {border: 0 none; float: none; padding: 0 !important; width: 100%} .discount_coupon_wrap .input-box input{ width:100%} .cms-firesale .fire-content {float: right; width: 44.4% } .cms-firesale .fire-swatch {right: 10px} .fire-image img {width: 100%} .category-knobs-pulls-and-inserts-kitchen-cabinets .block-layered-nav {padding: 9px} .category-knobs-pulls-and-inserts-kitchen-cabinets .product-shop .f-fix {float: left; width: 100%} .category-knobs-pulls-and-inserts-kitchen-cabinets .pro-listing-left {width: 62%} .category-knobs-pulls-and-inserts-kitchen-cabinets .pro-listing-right {float: right; width: 29%} .category-knobs-pulls-and-inserts-kitchen-cabinets .products-list .product-shop {float: right; width: 71%; margin-left: 0} .cnn-logo {margin-left: -182px} .bathcabinet .pro-list-img .lazy {width: 100%} #nav ul, #nav div {margin-left: -81px; width: 180px} #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub {left: 179px} #nav ul li ul.mega_sub_category {width: 940px} .header-sticky.box-shadow .fish_menu a, .header-sticky.box-shadow .fish_menu li.nav-design-kitchen a {font-size: 14px} .scroll-to-fixed-fixed #nav ul, #nav div {margin-left: -81px; width: 180px} .scroll-to-fixed-fixed #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub {left: 179px} .scroll-to-fixed-fixed #nav ul li ul.mega_sub_category {width: 940px} .scroll-to-fixed-fixed.box-shadow .fish_menu a, .scroll-to-fixed-fixed.box-shadow .fish_menu li.nav-design-kitchen a {font-size: 14px} .cart_slider .product-details .special-price {float: none; margin: 0 auto; text-align: center; width: auto} #nav ul li ul.mega_sub_category .even{margin-left: 4px;} .scroll-to-fixed-fixed #nav ul li ul.mega_sub_category, #nav ul li ul.mega_sub_category {width: 793px} .freesamples-index-list .cart-table-part {overflow: scroll; width: 100%} .product-view-sample-door .addtocart-detailpage {float: left} .product-rta-kitchen-with-full-door-sample-kit .product-view-sample-door .product-shop .add-to-box .staicmessage {right: 63px; top: 70px} .new-foot-price-part{ width:190px} .why_lily_heading h1{font-size: 22px;} .catalog-category-view .yousave { display: block; float: right; margin: 7px 0 8px; padding: 0px 8px 0 0; width: auto} .qty_listing label{ display:none} .catalog-category-view .f-fix .special-price.discout-price{float: left} .products-list.Cabinet.Organizers {margin-right: 2%} .new-blank-sticky {display: none !important} .foot-price-title{padding: 0} .free_sample_banner{ display:none} .discount_coupon_wrap, .referral_wrap{width: 100%} .header .hidden_mobile form#search_mini_form{left: 50%} .you-save-right .products-list .price-box{margin: 0} .catalog-category-view .products-list .old-price, .catalogsearch-result-index .products-list .old-price {margin: 11px 0px 8px 0} .catalog-category-view .f-fix .special-price.discout-price {float: none; display: inline-block} .you-save-right {margin: 10px 0 0} /* finacing-page */ .finacing-page .swift-section .left-wrap {height:300px;} .finacing-page .answers-questions .secound-text {min-height: 330px;} } @media only screen and (min-width: 981px) and (max-width: 1024px) { .contact-us-page-main .contact-form .contact-left { min-height: 420px;} .contact-us-page-main .contact-form .contact-right .contact-right-img .contact-form-img { top: 192px; } .contact-us-page-main .full_width-contact-box ul .contact-add-part { width: 30%; } .contact-us-page-main .full_width-contact-box ul .contact-add-part p { margin-bottom: 0; } .contact-us-page-main .full_width-contact-box ul li { width: 20.33%; } .contact-us-page-main .full_width-contact-box ul li:last-child { width: 29%; } .foot-price-title span {font-size: 11px} .foot-price-title .btn-add-cart a{font-size: 13px;} /*Product View Sample Door*/ .product-view-sample-door .product-shop .amxnotif-block .input-box { width: 60%; } .header .hidden_mobile form#search_mini_form {margin-left: -15px} .header .firesale-logo {margin-left: -168px} .header_right_info ul li.quick_quote {display: none} .cms-free-kitchen-design .design-kitchen-started .cnt-left .info {float: none; width: 100%} .cms-free-kitchen-design .cnt-left video {width: 100%} } @media only screen and (max-width:980px) { .welcome_text { font-size: 13px; text-transform: uppercase; color: #239f85; margin-right: 0px } .header_contact_info { display: block; /*margin-left: 20px*/ } .Quicklinks .links { display: none } .hidden_mobile { display: none } .hidden-desktop { display: block } .toplinks .m_account { float: right; color: #505050; font-size: 12px; margin-top: -1px; cursor: pointer; padding: 2px} .topbar { padding-top: 2px; padding-bottom: 0px; height: auto } .topbar_l { margin-top: 0px; margin-left: 8px } .toplinks { float: right; width: 95px; margin-top: 0px; margin-right: 8px } .m_account::before { content: "\f078"; font-family: fontawesome; } .m_account.active::before { content: "\f077"; font-family: fontawesome; } .header { padding: 2px 0px } .header h1.logo { padding-left: 0px; width: 300px; margin: 0 auto; float: left } .header a.logo { margin: 0px 0px 0px 0px } .header a.logo img { width: 100% } .header .hidden_mobile { display: none } .icon-bar { border: 1px solid #fff; float: left; margin-top: 3px; width: 20px; } .mobile_search { width: 250px; margin: 0 auto; float: right } .mobile_right_info { float: right; padding-top: 5px; position: relative } .mobile_right_info ul li { border-right: 1px solid #fff; float: left; margin-top: 13px; margin-right: 10px; padding: 3px 10px 3px 0px; cursor: pointer } .mobile_right_info ul li a { float: left; background: url(sprite-img.png) no-repeat left top; } .mobile_right_info ul li a.head_feedback { background-position: -56px -1062px; width: 20px; height: 20px } .mobile_right_info ul li a.head_catalog { background-position: -105px -1062px; width: 23px; height: 20px } .mobile_right_info ul li a.live_chat { background-position: -155px -1062px; width: 23px; height: 20px } .mobile_right_info ul li #footer-cart { background: url("sprite-img.png") no-repeat scroll 0px -1062px; float: left; width: 25px; height: 25px } .mobile_right_info ul li:last-child { border-right: 0 none; } .header_right_info { float: right; position: relative; right: auto; top: auto; margin-top: 6px; margin-right: 15px; } .header_right_info ul li { margin-left: 15px; } .header_right_info ul li a, .header-cart .block-cart, .header_right_info ul li a:hover, .header-cart .block-cart:hover { color: #FFFFFF; } .header_right_info ul li.head_feedback a .icon { background-position: 0 -62px; } .header_right_info ul li.head_feedback a:hover .icon { background-position: 0 -62px; } .header_right_info ul li.head_catalog a .icon { background-position: -40px -62px; } .header_right_info ul li.head_catalog a:hover .icon { background-position: -40px -62px; } .header_right_info ul li.live_chat a .icon { background-position: -88px -62px; } .header_right_info ul li.live_chat a:hover .icon { background-position: -88px -62px; } .header_right_info a.edit_btn, .header_right_info a.btn-remove { color: #bebebe; } .header_right_info a.edit_btn:hover, .header_right_info a.btn-remove:hover, .header_right_info .cart_area .product-name a:hover { color: #239f85; } .header-cart .block-cart .icon { background-position: -136px -62px; } .header-cart .block-cart:hover .icon { background-position: -136px -62px; } .header-cart .block-cart:hover .cart-text-floating { color: #ff704e; } .pay-fb-footer-part { margin-bottom: 0; } .cart_area .footer-cart-content { margin-top: 36px; } .usp-wrapper { display: none } .swiper-wrapper .ship .sprite { background-position: 0 -386px; } .swiper-wrapper .free-samples .sprite { background-position: -73px -386px } .swiper-wrapper .free-pro-design .sprite { background-position: -144px -386px } .swiper-wrapper .testimo .sprite { background-position: -215px -397px } .swiper-wrapper .no-tax .sprite { background-position: -288px -397px } .swiper-wrapper .icons { border: 2px solid #239f85; border-radius: 100%; display: block; height: 70px; width: 70px; margin: 0 auto; transition: all 0.4s linear 0s } .mobile_benefit_text { font-size: 14px; width: 80%; margin: 0 auto } .swiper-wrapper .ups-title { font-size: 16px } .why_wrap, .design-own-style-part, .testimonial-review, .work-with-logos { display: none } .home-categories ul li { width: 48%; margin-top: 30px; margin-right: 1%; margin-left: 1% } .home-categories ul li:nth-child(3n) { margin-right: 1%; margin-left: 1%; margin-top: 30px; } .home-categories .cat-price-left ul li, .home-categories .cat-price-right ul li { margin: 0px; width: 100% } .product-image, .product-image img { width: 100% } .cat-price-left, .cat-price-right { width: 49.3% } .homepro-title a { font-size: 15px; } .home-categories .kitchen-price .col3 .price, .home-categories .foot-price .col3 .price {display: inline} .cat-price-left ul li strong, .cat-price-right ul li strong { font-size: 13px } .home-categories .cat-price-left .price, .home-categories .cat-price-right .price { font-size: 14px } .home-categories .kitchen-price .col3 .price, .home-categories .foot-price .col3 .price { font-size: 15px } .home-categories ul li .backdate, .home-categories ul li .sale, .home-categories ul li .isnew { top: 37px; left: 1px; } .cat-price-left .foot-price, .cat-price-right .kitchen-price { padding: 15px } .ma-footer-static-container-bottom { margin-top: 145px } .newsletter-social-part { padding: 20px 15px; margin-top: -100px } .newsletter-part { width: 100% } .footer-static-content, .newsletter-text { width: 100% } .newletter { width: 100%; margin-bottom: 10px } .social-media-connect ul li { margin-top: 10px } .social-media-connect { float: none; width: 502px; margin: 0 auto; } .row-fluid .footer-cal2 { display: none } .footer_section_area_1, .footer_section_area_2 { display: block; margin-bottom: 10px } .footer_section_area_1 ul, .footer_section_area_2 ul { padding-top: 5px } .footer-m-link, .footer-m-link-right { display: none } .company_info, .custom-serv { background: #836726; box-sizing: border-box; display: block; padding: 15px; width: 100%; color: #fff; text-transform: uppercase; text-align: right; cursor: pointer } .company_info span, .custom-serv span { float: left; text-align: left } .row-fluid .footer-cal1 { width: 100% } .rate-houzz { text-align: center; margin-top: 0px } .rate-houzz > img { float: none; text-align: center } .rate-houzz > span.rating-img { float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } .rate-houzz > div { float: none } .payment_img_m p { padding-top: 10px; float: left; text-align: center; width: 100%; } .footer address { width: 100%; text-align: center; padding-bottom: 20px } .footer_benefits_icon { float: none; clear: both; margin: 0; width: 100%; text-align: center; } .footer_benefits_icon img { /*width: 100%*/ } .hozz { display: none } .company_info::before, .custom-serv::before { content: "\f078"; font-family: fontawesome; } .company_info.active::before, .custom-serv.active::before { content: "\f077"; font-family: fontawesome; } /* Contact us Page Style */ .contact-us-page-main { margin-bottom: 0px; } .contact-us-page-main .contact-form .contact-right { display: none; } .contact-us-page-main .contact-form .contact-left { width: 100%; } /* CMS FAQ Page Style */ .cms-page-main { padding-bottom:0px; } .sale{top: 38px} .isnew{top: 38px} /* Save money ( Comparison ) */ .money-compare-lac-main ul li { padding:8px; } .money-compare-lac-main ul li.heading-block { min-height:62px; } .money-compare-lac-main ul li.heading-block img { max-width:100%; } .money-compare-features ul li { padding:8px; } .money-compare-features ul li.heading-block { min-height:62px; font-size:18px; } .money-compare-features ul li.heading-block img { max-width:100%; } .money-compare-main ul li { padding:8px; } .money-compare-main ul li.heading-block { min-height:62px; } .money-compare-main ul li.heading-block img { max-width:100%} .home-categories .product-inner .product-image {border: 1px solid #ddd; width: 99%} #catalogFormmob > span {font-size: 12px; margin: 0 15px 0 0; padding: 0 6px} /*Product Listing page*/ .product-image-ajax .product-image img {width: 100%} .pro-listing-right .qty_listing {float: left; margin: -25px 10px 0 0; width: 120px} .products-list .add-to-links {clear: unset; float: right; margin: 0} .pro-listing-left {float: none; margin: 0; min-height: auto; width: 100%} .pro-listing-right {box-sizing: border-box; float: none; width: 98%} .catalog-category-view .products-list .product-image-ajax .product-image {box-shadow: none; float: none; margin: 0} .products-list .product-shop .product-list-button {float: right; margin: 0 0 5px 0px} .add-cat-module {padding: 30px 0 2px} .product-image-ajax {display: block; float: left; margin: 0 2% 0 0; width: 9%} /*.products-list .product-shop {float: right; width: 88%}*/ .product-shop .f-fix {float: none; width: 100%} .product-image-ajax {display: block; float: none; margin: 0 2% 0 0; width: auto} .products-list .product-shop {float: right; margin: 0; width: 80%} .products-list .desc{min-height: auto;} .add-cat-module-title{ line-height:30px} .add-cat-module-section ul li:hover .triangle-bottomleft, .add-cat-module-section ul li:hover .triangle-bottomright, .add-cat-module-section ul li:hover .triangle-topleft, .add-cat-module-section ul li:hover .triangle-topright{ display:none} .add-cat-module-section ul li:hover {background: unset; height: 158px} .add-cat-module-section{ height:auto} .add-cat-module-section ul li:hover a span {color: #505050} .add-cat-module-section ul li:hover a.basecabinets {background-position: 57px -520px} .add-cat-module-section ul li:hover a.wallcabinets{background-position: -47px -524px;} .add-cat-module-section ul li:hover a.panelsfillersandtrim{background-position: -32px -279px} .add-cat-module-section ul li:hover a.accessories{background-position: 57px -709px;} .add-cat-module-section ul li:hover a.pantryandovencabinets{background-position: -160px -529px} .add-cat-module-section ul li:hover a.bathroomvanities{background-position: -95px -794px;} .add-cat-module-section ul li a{width: 147px; margin: 0 20%} .add-cat-module-section ul li {width: 32%} .foot-run {width: 100%; box-sizing: border-box} .kitchen-run {box-sizing: border-box; float: right; margin: 20px 0 0; width: 100%} .foot-run .col1, .kitchen-run .col1 { padding-top: 24px; padding-bottom: 24px; } .foot-run .short-desc, .kitchen-run .short-desc { display: none; } .foot-run .short-desc-mobile, .kitchen-run .short-desc-mobile { display: block; padding: 16px 10px; } .foot-run .short-desc-mobile img, .kitchen-run .short-desc-mobile img { max-width: 100%; } .video-gallery_category {float: none; width: 100%} .video-gallery_category .view_ifram iframe{ height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .video-gallery_category .view_ifram {float: left; height: 0; padding-bottom: 56%; padding-top: 0; position: relative; width: 100%} .category-description {margin: 0 auto; padding: 0 0 50px} .product-cat-info {box-sizing: border-box; clear: both; float: left; margin: 30px 0 0; padding: 10px 0 10px 30px; width: 100%} .cat-detail-section {float: none} .add-cat-module-section ul li:nth-child(3n) {margin: 0} .short-desc-tab-1{ display:block} .short-desc-tab-2{ display:block} .catalog-category-view .product-shop .add-to-cart label {float: none; padding: 0 48px 0 0; text-align: right} .catalog-category-view .product-shop .qty_listing .product-qty {float: right; margin-right: 0} /*.catalog-category-view .pro-listing-right .qty_listing{clear: none; float: right; margin: 0; padding: 0 0 20px; text-align: right; width: 100%}*/ .videogallery-index-index .video_gallery ul li{ /*min-height:655px*/} .catalog-category-view .pro-listing-right .qty_listing {margin: 10px 10px 0 10px} .list-buttons-part {clear: both; float: right; position: relative; width: auto; margin: 12px 0 0} .pro-listing-right .staicmessage {right: 20px; top: -19px} .videogallery-index-index .video_gallery ul li.first { clear: none; } .videogallery-index-index .video_gallery ul li:nth-child(2n+1) { clear: left; } .pr-snippet-link {font-size: 13px!important} .ma-thumbnail-container .flexslider{margin: 0 1px 20px 0} .cat-detail-main .pro-list-img .more-views{width: 252px} .pro-list-img{width: 39.7%} .pro-list-module{width: 57%} /* Testimonials ( Client Testimonials ) */ .cms-cabinets-client-feedback .testimonial-block { margin-bottom:0px; } .feedback_review_rblock { width:77%; } /* Marketing Materials */ .marketing-materials-main { padding-bottom:0px; } .marketing-materials-main .marketing-materials { margin-bottom:20px; } /* Photo Gallery */ body.cms-kitchen-cabinets-photos-gallery .col-main { margin-bottom:0px; } body.igallery-category-view .col-main { margin-bottom:0px; } .photo-gallery .active { min-height:932px; } /*Assmabley Video Css*/ .videogallery-index-featured .col-main { margin-bottom:0px; } .video-assembly-featured .video_gallery .get-started { margin-bottom:0px; } .add-cat-module-section ul li:hover a {margin-top: inherit} .add-cat-module-section ul li:hover {background: unset; height: auto; top:0} .add-cat-module-section{ padding: 15px 20px 30px; margin:22px auto 45px} .collection-head {float: none; margin: 0 auto 20px; text-align: center; width: 100%; padding: 0 0 25px} .catalog-category-view .toolbar , .cms-kitchen-cabinets-free-samples .toolbar{color: #fff; float: none; margin: 0 auto; width: 475px} .collection-head h3{ float:none} /*User Dashboard*/ .block .block-content li.item { padding:9px 9px 9px 9px; } .block .block-content li.item p { margin:0px; } .colleft-sidebar-account .block-compare .block-content .actions .green-bg { margin:2px 0 10px 0; } .colleft-sidebar-account .block-compare .block-content .actions .pink-bg { width:100%; } .customer-account-index .main-inner .middle_wrap .row-fluid.show-grid { padding-bottom:0px; } .customer-account-index .wishlist td { padding:5px 5px 5px 5px; } /*Product Detail Page*/ .col-main .product-view .product-img-box .more-views li a{margin: 0 5px 10px 0} .more-views.ma-more-img {float: none; margin: 0} .catalog-product-view .add-to-box .add-to-cart label{margin: 18px 0 0} .catalog-product-view .product-qty{margin: 12px 20px 10px} .catalog-product-view .product-social {float: none; width: 100%; display: block; clear: both; padding: 18px 0 0} .mobile_hidden {display: none} .product-tabs-mobile-content { background: #fff; float: right; padding: 25px; position: relative; width: 71%} .product-collateral.row-fluid { margin: 0; padding: 20px 0; } .product-collateral ul li.active a::after{ display:none} .mobile_hidden {display: none} .product-collateral ul li{width: 100%; box-sizing: border-box} .product-tabs-mobile-content {box-sizing: border-box; float: none; margin: 0 0 10px; padding: 25px; position: relative; width: 100%} .product-tabs {float: none} .breadcrumbs li a {font-size: 13px} .breadcrumbs span{margin: 3px 10px 0} .product-tabs-mobile li a {text-transform: uppercase; display: block} .catalog-product-view .product-view .product-img-box .product-image {width: 100%} .catalog-product-view .more-views.ma-more-img {clear: both; float: none; margin: 0; width: 100%} .block-crosssell .block-content li.item p.old-price{ margin-right:20px} .downloadcatalog input[type="radio"]:not(old){ width:14px; display: inline-block; opacity: 1} /*shopping cart*/ .cartstyle-msg{ width:100%; margin:0px; padding:10px; box-sizing:border-box} .change_style{ float:none;} .mycart-style.clearfix > form{ width:32%; padding-bottom:5px} .mycart-style{ text-align:left; padding-bottom:10px} #demoShowSelected{ float:none; margin:0 auto} .change_style::after{ border-color:inherit;} .left-value h2{ font-size:18px} #shopping-cart-table .pop-heading{ font-size:12px} .compare-value .cart-table td{ font-size:12px} /* Video Testimonial Happy Customers of Lily Ann Cabinets */ .video-testimonial .v_testimonial video { min-height:321px; } .cms-video-testimonail-review-lily-ann-cabinets-happy-customer .col-main { margin-bottom:0px; } /* Information (Resources) */ .cms-resource .text13pt { margin-bottom:0px; } /* Information ( Social Media Network Feeds) */ .cms-social-network-feed .tintup { margin-bottom:0px; max-width:100% !important} /*Become a Dealer*/ .cp-dealer-account-create .account-create .num_1 .fields {margin: 0 20px 0 0} .cp-dealer-account-create .account-create label {text-transform: capitalize; min-height: 35px} .cp-dealer-account-create .dealer-add .dealer-add-two {margin: -38px 0 0!important} .dealer-city-state .field {margin: 0 20px 0 0} .cp-dealer-account-create .dealer-contact-part .field {margin: 0 20px 0 0} .topbar_l {width: 84%} .floting-swatches-part , .floating-free-sample {top: 260px; right: 10px} .cp-dealer-account-create .dealer-add .dealer-add-two {margin: -84px 0 0 !important; position: absolute; right: 0; top: 80px} .cp-dealer-account-create .dealer-add-two > label {display: block; margin-top: 0; min-height: 36px} .cp-dealer-account-create .dealer-add {min-height: 100px; position: relative} /*Free Sample Page*/ .free_sample_main .collection-head{clear: both; margin: 5px auto 30px} .back-order{ clear:both; width: 100%; box-sizing:border-box} .pro-listing-right {overflow: hidden} .cp-feedback-index-index .photo-upload{background:#fcf2d7; width:100%; box-sizing: border-box; float:left; margin-top:15px; height:auto; padding-bottom:25px; width:56%} .add_ticket {width: 96%} .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left{ min-height:375px} /*Design Tool Page*/ /*.uploadown {box-sizing: border-box; clear: both; margin: 0 0 10%; padding: 30px 0; width: 100%}*/ .designtool-index-index .select-door-style {width: 220px; margin:0} .process-by-steps {font-size: 18px; padding: 0 37px 0 10px} .step_up label {margin: 0 10px} .step_up em {font-size: 18px; padding: 5px 11px} .step_up span {font-size: 18px; margin: 0 10px} .stander-mesurements {width: 96%} .videogallery-index-index .col-main { margin-bottom:0px; } .videogallery-index-index .col-main { margin-bottom:0px;} .send-friend{margin-bottom: 0px;} .header .form-search .search-autocomplete{ border:0 none} .home > span {margin: 3px 10px 0 32px!important} .contact-banner p{ text-align:justify} .small-img {margin: 40px 0 0} .home-categories ul li:hover figcaption{ top: 40px} .home-categories ul li figcaption{height: 316px} .tab-content{ width:100%} .contact-us-page-main .full_width-contact-box ul li {padding: 12px; width: 25.33%} .contact-us-page-main .full_width-contact-box ul li:last-child {width: 33%} .contact-us-page-main .full_width-contact-box ul .contact-add-part {padding: 0; width: 100%} .contact-us-page-main .full_width-contact-box ul .contact-add-part:hover{ background:#239f85} .hp-static-banners { padding-top: 20px; padding-bottom: 0; } .hp-box-under-slider-desktop .usp-wrapper { display: block;} .cart-table td {padding: 10px} .coming_soon_largo {right: 0; top: 0;} .vanity_video {float: none; width: 100%} /*.search-btn {margin: 12px 5px 0 0}*/ .special-price.discout-price {clear: inherit; padding: 0 10px} .floting-swatches-part, .floating-free-sample{right: -20px} /*.nav-design-kitchen {display: none!important}*/ .mobilemenu li.nav-design-kitchen a { background: none; } .floting-swatches-part, .floating-free-sample{ display:none} .vanity_video_img > img {width: 100%} .mousetrap {display: none!important} .customer-review-container { padding-bottom: 0} .inter-as{ display:block} .overflow {width: 96%} .product-shop .product-detail-part-one .pr_snippet_product .pr-snippet-read-write {border-left: 0 none!important; float: left; margin: 10px 0 0 !important; padding: 0 0 0 26px; width: 100%} .pr_snippet_product{padding: 0 0 15px} .product-view-sample-door .product-img-box { width: 33.33333333333333% !important; margin-right: 3.333333333333333%; } .product-view-sample-door .product-img-box .product-image { width: 100%; } .product-view-sample-door .product-shop { width: 62%; } .product-view-sample-door .bnr-sampel-kit { width: 100%; margin-bottom: 20px; } .catalog-product-view .product-social{padding: 10px 0 0} .ma-nav-mobile-container .shopping_cart #cart-content{ display:block!important} .ticket-compopup { width: 94%; left: 3%; margin-left: 0; } .ticket-compopup .onlyreturn .ticket-fieldset { padding: 15px 15px 0; } .ticket-compopup .onlyreturn .ticket-fieldset h2 { margin: -15px -15px 15px; padding: 10px; } .ticket-compopup .onlyreturn .ticket-fieldset ul li { margin-left: 20px; } .multiselect-products .addlink { display: block; float: none; padding-left: 28px; margin-top: 5px; } .multiselect-products > li input[type="checkbox"]:not(old) + label { width: 90%; } .cat-price-left ul li strong, .cat-price-right ul li strong {display: inline} .cart_m_area .back-order{padding: 0;} .checkout-cart-index .cart-table-part .pro_mob_name {width: 150px} .checkout-cart-index .cart-table-part {width: 100%} .checkout-cart-index .cart-table-part .cart-table th{padding:8px} .product-view .product-shop .product-name h1 {font-size: 30px; padding: 0} .hidden_in_phone .nobr {white-space: normal !important} .hidden_in_phone .cart-cabinet-style {width: 96px} .checkout-cart-index .cart-table td {padding: 9px} .checkout-cart-index .cart-table .product-name a {color: #303030; font-family: "maven_probold"; font-size: 15px} .assemble_left {width: 100%} .assemble_right {width: 48%} .upgrade-foot-run.hidden-desktop > img, .upgrade-kitchen-run.hidden-desktop > img {width: 100%; display:none} .design-kitchen-samples { margin-bottom: 0; } .upload-your-file .form-list li label { display: block; text-align: center; line-height: normal; margin: 0; padding: 0; float: none; } .upload-your-file .input-box span { float: none; margin: 0 auto; } .upload-your-file .uploadown .input-box { margin-top: 5px; } .upload-your-file .uploadown .input-box input { left: 50%; margin-left: -60px;} .home-link > a {color: #836726} #back-products {padding-left: 27px; color:#836726} .backto::before {color: #836726; content: "\f104"; font-family: fontawesome; font-size: 18px; left: 10px; position: absolute; top: 0; width: 30px; z-index: 9999} /*Start - Get a Quick Quote*/ .quick-quote-container fieldset { padding: 40px 0; margin-bottom: 0; } .quote-steps-container .quote-steps li { float: left; display: block; width: 20%; margin: 0; } .quote-shape .quote-shape-content { margin-top: 25px; } .quote-shape .quote-shape-content ul { max-width: 550px; } .quote-shape .quote-shape-content ul li { width: 30.90909090909091%; /*width: 170px/550px;*/ margin-left: 3.636363636363636%; /*margin-left: 20px/550px;*/ margin-bottom: 20px; } .quote-shape .quote-shape-content ul li:nth-child(3n+1) { clear: left; margin-left: 0; } /*Close - Get a Quick Quote*/ .quote-measure .quote-measure-content .measure-left {width: 40%} .quote-measure .quote-measure-content .measure-right {width: 59.667%} .review-finalize-form ul li:nth-child(2n) {margin: 20px 15px 10px 0} .step_three .cabinet-bottom-style {width: 95%} .step_three .cabinet-bottom-right {width: 37%} .step_three .cabinet-left-desc {margin: 0 0 0 20px} .step_three .cabinet-bottom-left {width: 61%} /*Step-5*/ .setp-five .start_design {margin: 0 auto; width: 370px} .setp-five .prime-design-free {clear: both; float: none; padding: 30px 0 0} .prime-quote-detail-box-left{width: 33.3%; min-height: 625px;} .prime-quote-detail-box.active{width: 33.3%; min-height: 690px} .prime-quote-detail-box-right{width: 33.3%} .prime-quote-detail {box-sizing: border-box; margin: 0 auto; width: 100%} .topleft-prime-quote ul li:nth-child(2n) {margin: 0 0 0 200px} .header_right_info ul li.quick_quote a .icon {background-position: -85px -97px} .header_right_info ul li.quick_quote a:hover .icon {background-position: -85px -97px} /*Login Page*/ .customer-account-login .account-login { padding: 0; } .cms-kitchen-cabinets-free-samples .collection-head{ padding:0} .showassembly .crosssell_pop_up{width: 100%;} /*Sitemap*/ .page-sitemap { padding-bottom: 0; } .collection-head {float: left; margin: 0 auto 20px; padding: 0; width: 100%} .video-gallery_category .view_ifram{padding-bottom: 62%;} .cart-table th{padding: 16px; box-sizing: border-box;} .cart-table-part .cart-price-strikeout {display: block; margin: 0; padding: 0 !important; text-align: right} .cart-table-part .cart-price-strikeout .price {padding-right: 0; text-decoration: line-through;} .videogallery-index-featured .video-assembly-featured .tab-content .thumbs li {width: 23%} .videogallery-index-featured .video-assembly-featured .tabs-menu li {margin: 0 8px 8px} .video-assembly-featured .video_gallery ul li .video-details {min-height: 60px; width: 93%;} /*CMS - Information new changes*/ .cms-information-container { margin-bottom: 0; } .cms-information-container .show-desktop { display: none; } .cms-information-container .show-tab { display: block; } .cms-firesale .fire-image > img {height: auto; width: 100%} .cms-firesale .fire-content {float: right; width: 48.4%} .category-knobs-pulls-and-inserts-kitchen-cabinets .products-list .product-shop {float: left; margin: 0; width: 74%} .category-knobs-pulls-and-inserts-kitchen-cabinets .pro-listing-left {float: left; margin: 0 10px 0 20px; min-height: 163px; width: 62%} .header .firesale-logo {margin-left: -32px} .cnn-logo {margin-left: -45px} .mobi-free-sample {background: #ffc000; display: block; line-height: 45px; text-align: center; display: block; clear:both} .mobi-free-sample > a {color: #222222; font-family: "maven_probold"; font-size: 15px; text-transform: uppercase; position:relative; padding: 0 0 0 72px} .mobi-free-sample > a::before {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -276px -1573px; content: ""; height: 42px; left: -5px; position: absolute; top: -10px; width: 72px} .free-click-here {background: #239f85; color: #fff !important; font-size: 13px !important; margin: 0 0 0 12px; padding: 7px !important} .free-click-here:hover{ background:#9f233d} .free-click-here::before {display: none} .nav-design-kitchen span::before{ display:none} .mega_sub_category img { display:none} #nav ul li ul.mega_sub_category .even{margin-left: 0;} .freesamples-index-list .cart-table th {display: none} .freesamples-index-list .cart-table tbody td {border-bottom: medium none; float: right; padding-left: 2%; padding-right: 1.9%; text-align: left; width: 96.8%} .freesamples-index-list .cart-table-part {overflow: inherit} .category-knobs-pulls-and-inserts-kitchen-cabinets .check-box > label{margin-left: -5px;} .cms-free-kitchen-design .design-kitchen-started .cnt-left .info {float: none; width: 100%} .cms-free-kitchen-design .cnt-left video {width: 100%} .bathcabinet .foot-run.hidden-desktop , .bathcabinet .parent-kitchen-run.hidden-desktop{display: none} .new-foot-price-part {width: 230px} .foot-run .col1, .kitchen-run .col1{ display:none} .cat-detail-main .pro-list-img .lazy { width: 100%} .quick-list-mobile-no .phone-number {color: #199c7d; font-family: "maven_probold"; font-size: 20px} .mobile-email-phone {padding: 2px 0 0; clear: both} .mobile-email-phone .fa.fa-envelope {color: #199c7d; font-size: 19px; padding: 0 8px 0 0} .phone-number > span::before {color: #199c7d; content: "\f098"; font-family: fontawesome; font-size: 19px; padding: 0 8px 0 0} .mobile-email-phone .email > a {color: #199c7d; font-family: maven_probold; font-size: 18px} .mobile-email-phone .email {display: none} /* Finacing Page */ .finacing-page .bread-section .work-box ul.work-inner li p {font-size:14px;} .finacing-page .bread-section .work-box ul.work-inner li h4 {margin-top:0;} .finacing-page .bread-section .work-box h3 {font-size:30px;} .finacing-page .bread-section .left-bread h2, .finacing-page .swift-section .right-wrap span {font-size:25px;} .finacing-page .swift-section .left-wrap p {font-size: 15px;padding: 0px 40px;} .finacing-page .swift-section .right-wrap p {padding:0;} .finacing-page .answers-questions .left-text {margin:0px 10px;} .finacing-page .answers-questions .fullwrap {margin:40px 0px;padding-left:0;} .finacing-page .answers-questions h2 {font-size:30px;} .finacing-page .answers-questions .secound-text {min-height:410px;} .finacing-page .answers-questions .first-text {min-height: 230px;} } @media only screen and (max-width:768px) { .ticket-compopup .onlyreturn .ticket-fieldset ul li { width: 49%; margin-left: 1%; } .ticket-compopup .onlyreturn .ticket-fieldset ul li:nth-child(2n+1) { clear: left; margin-left: 0; } .ticket-compopup .onlyreturn .ticket-fieldset ul.ticket-column li { width: 33.33333333333333%; margin-left: 0; } .ticket-compopup .onlyreturn .ticket-fieldset ul.ticket-column li:nth-child(2n+1) { clear: none; } .ticket-compopup .onlyreturn .ticket-fieldset ul.ticket-column li:nth-child(3n+1) { clear: left; } .cat-price-left ul li strong, .cat-price-right ul li strong {display: block} .home-categories .kitchen-price .col3 .price, .home-categories .foot-price .col3 .price {display: inline} .home-categories .cat-price-left .price, .home-categories .cat-price-right .price {display: block; font-size: 14px} /*.cart-table-part .cart-table .product-name {line-height: 22px; margin: 20px 0 10px}*/ .cart-table-part .cart-table .item-msg {line-height: 20px} .cart-table-part .cart-table .qty_part .item-options dt {height: 38px} .cart-table-part .cart-table .hingleqty{margin-top: -14px} .catalog-category-view .col-main .cat-detail-main .pro-list-img .backdate {left: 4px !important; top: 3px; width: 269px !important} .checkbtn {width: 100%} .assembly_detail {padding: 50px 0} .design-kitchen-tips .tips-content { padding-top: 0; } /*Step-3*/ .step_three .cabinet-left-desc {margin: 0 0 0 10px} .quote-layout.middle_wrap.step_three.clearfix {width: 98% !important} .step_three .cabinet-bottom-style {width: 100%} /*Step-5*/ .prime-quote-detail-box-left {min-height: 685px} .prime-quote-detail-box.active {min-height: 740px} .crosssell_pop_up { width: 95%; } .crosssell_pop_up .cancel_btn_popup { margin-top: -42px; margin-right: 10px; } .videogallery-index-featured .video-assembly-featured .tab-content .thumbs li:nth-child(5n) {} .video-assembly-featured .video_gallery ul {width: 71%} .videogallery-index-featured .video-assembly-featured .tab-content .thumbs li {width: 31%} .col-left.sidebar.span3.colleft-sidebar-account {float: none; width: 100%} .colmain-account {float: none; padding: 0; width: 100%} .overflow {width: 100%} .cms-kitchen-cabinets-free-samples .free_sample_main .category-products .home-categories ul li .sample_price .price-box {margin-right: 20px} .upload-file-popup { left: 50%; } #demoShowSelected .dd-options{ top: 101px} .product-view .product-shop .amxnotif-block .input-box { width: 60%; } .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left {margin-top: 36px} .video-gallery_category .view_ifram{padding-bottom: 72%;} .design-kitchen-started .cnt-left video {width: 100%} .design-kitchen-started .cnt-left .info {width: 100%} .videogallery-index-featured .video-assembly-featured .tabs-menu li a { line-height: 20px;} .cms-firesale .fire-image {float: none; position: relative; width: 100%} .cms-firesale .fire-content {float: none; margin: 20px 0 0; width: 100%} .category-knobs-pulls-and-inserts-kitchen-cabinets .block-layered-nav {float: left; width: 100%} .category-knobs-pulls-and-inserts-kitchen-cabinets .category-products {clear: inherit; float: none; padding: 0 0 70px; width: 100%} .category-knobs-pulls-and-inserts-kitchen-cabinets .category-products .product-image-ajax {display: block; float: left; width: 170px} .design-kitchen-started .cnt-left {margin: 15px 0 0} .customer-address-form .form-list input[type="text"], .customer-address-form .uneditable-input, .customer-address-form .form-list select, .customer-address-form .form-list textarea, .customer-address-form .form-list input[type="text"], .customer-address-form .form-list input[type="password"], .customer-address-form .form-list input[type="number"], .customer-address-form .form-list input[type="email"], .customer-address-form .form-list input[type="url"], .customer-address-form .form-list input[type="search"], .customer-address-form .form-list input[type="tel"], .customer-address-form .form-list .uneditable-input {box-sizing: border-box; margin: 0} .customer-address-form .form-list .fields {margin: 0;} .customer-address-form .form-list > li {margin: 10px 0} .category-knobs-pulls-and-inserts-kitchen-cabinets .check-box > label {margin-left: -2px} .cms-free-kitchen-design .design-kitchen-started .cnt-right {width: 100%} .cms-free-kitchen-design .design-kitchen-started .cnt-left{width: 100%} .cms-free-kitchen-design .design-kitchen-started .cnt-left.for-desk {display: none} .cms-free-kitchen-design .design-kitchen-started .cnt-left.for-mobile { display:block; margin: 0 0 30px} .cms-free-kitchen-design .design-kitchen-options-container {width: 96%} .cms-free-kitchen-design .design-kitchen-started .cnt-right p { margin-bottom: 30px} .cat-detail-main .new-foot-price-part {width: 230px} .pro-listing-right .qty_listing {margin: 8px 5px 0 5px} .custom-title > span{font-size: 12px} li.products-list {min-height: 560px} .home-categories .product-inner .product-image .lazy, .category-bathroom-vanity .product-inner .product-image .lazy{width: 350px} /* finacing-page */ .finacing-page .answers-questions .first-text {min-height:230px;} .finacing-page .answers-questions .secound-text {min-height: 410px;} } @media only screen and (min-width: 768px) and (max-width: 980px) { .cus_review_section li { margin-left: 10px; margin-right: 10px; margin-top: 29px; width: 40%; } .cus_review_section li:first-child { font-size: 50px; padding-left: 10px; padding-right: 10px; width: auto; } .cus_review_section li:last-child { width: 38%; } .custom-review-text-head { font-size: 22px; width: auto; line-height: 30px; } .contact-us-page-main .full_width-contact-box { padding-bottom: 16px; } .contact-us-page-main .full_width-contact-box ul .contact-add-part { text-align: center; } .contact-us-page-main .full_width-contact-box h1 { text-align: center; margin-bottom: 15px; } .contact-us-page-main .full_width-contact-box p { text-align: center; } .contact-us-page-main .full_width-contact-box ul li { width: 33.3333%; } .free_sample_main .category-products .home-categories ul li .sample_price { padding: 15px 10px 10px; box-sizing:border-box} .free_sample_main .category-products .home-categories ul li .sample_price .price-box { float: none; margin: 0; } .free_sample_main .category-products .home-categories ul li .sample_price .price-savebox { clear: both; display: block; float: none; } .category-knobs-pulls-and-inserts-kitchen-cabinets .check-box > label {margin-left: -2px} } @media only screen and (max-width:767px) { .page-title h1 { margin-top:50px; line-height:30px; } .header_contact_info { display: none } .pay-fb-footer-part { display: none; } /* Contact us Page Style */ .contact-us-page-main .full_width-contact-box ul li { width: 100%; margin-bottom: 30px; } .contact-us-page-main .full_width-contact-box ul li .icons { margin-bottom: 10px; } .contact-us-page-main .full_width-contact-box { padding-bottom: 45px; } .contact-us-page-main .full_width-contact-box { padding-bottom:20px; padding-top:50px; } .contact-us-page-main .testimonial-contact { margin-bottom:50px; margin-top:50px; } .contact-us-page-main .contact-form { margin-top:50px; } /* CMS FAQ Page Style */ .faq-page-main h1 { margin-top:30px; margin-bottom:20px; line-height:32px; font-size:24px; } .heading-txt-mobile { line-height: 21px; max-width: 90%; padding: 15px 0 14px; } .new_con_wrap .heading span { padding:10px 10px 8px 12px; top:14%; } .cms-page-main .questionbox { width:auto; } .why_lily_heading h1 {line-height: 39px} .home-categories ul li:hover figcaption{ display:none} /*Product Listing page*/ .products-list .product-shop {float: none; margin: 0; width: 100%} .product-image-ajax {display: block; float: none; margin: 0; width: 30%} .block-crosssell .block-content{ min-width:765px; overflow:scroll; border:0px; max-height:300px} .crosssell_pop_up{ overflow:scroll; width:95%} .crosssell_pop_up form{ display:block; min-width:742px} .block-crosssell .block-title{ width:100%} .cancel_btn_popup{ margin-top:-42px} .category-products {margin: 20px 0 0} .catalog-category-view .pro-listing-right .qty_listing {clear: none; float: left; margin: 23px 10px 12px; padding: 0; text-align: right; width: 120px} .products-list .product-shop .product-list-button { margin: 14px 0 0} .products-list .add-to-links {margin: 14px 0 0} /* Testimonials ( Client Testimonials ) */ .feedback_review_rblock { width:72%; } .testimonial-block ul li.review-content { padding:15px; } /* Photo Gallery */ .photo-gallery { margin-top:20px; } .photo-gallery ul li a span { padding-bottom:10px; } .photo-gallery-main ul li.active .arrow_box { margin-top:20px; } .photo-gallery .active { min-height:712px; } .photo-gallery-main ul li .showhtml { padding-top:20px; padding-bottom:20px; } .photo-gallery-main ul li .showhtml .imageblock ul li { margin-bottom:20px; } .photo-gallery-main ul li .showhtml .get-started { padding-top:20px; } } @media only screen and (max-width:640px) { .header h1.logo { padding-left: 0px; width: 300px; margin: 0 auto; float: none; overflow: hidden } .mobile_search { width: 250px; margin: 0px auto; float: none } .header a.logo { margin: 0px 0px 25px 0px } .home-categories ul li { width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 0px } .home-categories .cat-price-left ul li, .home-categories .cat-price-right ul li { margin: 0px } .product-image, .product-image img { width: 100% } .cat-price-left, .cat-price-right { width: 49.3% } .homepro-title a { font-size: 16px; } .cat-price-left ul li strong, .cat-price-right ul li strong { font-size: 13px } .home-categories .cat-price-left .price, .home-categories .cat-price-right .price { font-size: 14px} .home-categories .kitchen-price .col3 .price, .home-categories .foot-price .col3 .price { font-size: 15px } .home-categories .cat-price-custom { margin-top: 10px; height: 48px; line-height: 48px; } .cat-price-left .foot-price, .cat-price-right .kitchen-price { padding: 15px } .social-media-connect { float: left; width: 100%; } /*.payment_img_m { display: block }*/ .pr-snippet-link {font-size: 13px!important} /* Contact us Page Style */ .contact-us-page-main .middle_wrap h1 { line-height:32px; } .contact-us-page-main .contact-form .contact-form-left, .contact-us-page-main .contact-form .contact-form-right { width: 100%; margin:0px; } /* CMS FAQ Page Style */ .faq-page-main h1 { margin-top:50px; margin-bottom:20px; } .heading-txt-mobile { max-width: 85%; } .cms-page-main .mar-R30 { margin-right:0px; } .cms-page-main .video_wrap { width:100%; } .video_wrap .video_heading, .video_wrap .video { margin:0 auto; max-width:320px; float:none; } /* Save money ( Comparison ) */ .money-compare-lac-main ul li { padding-left: 5px; min-height:68px; padding-right: 5px;} .money-compare-main ul li { padding-left: 5px; min-height:68px; padding-right: 5px; } .money-compare-features { display:none; } .money-compare-lac-main { width:50%; } .money-compare-main { width:50%; } .features-comparision-m { border-bottom: 1px dotted #ddd; display: block !important; margin-bottom: 10px; padding-bottom: 3px; position: relative;} .features-comparision-m img { bottom: -7px; left: 47%; position: absolute;} /* Testimonials ( Client Testimonials ) */ .feedback_review_rblock { width:100%; margin-top:15px; float:left; } .feedback_review_rating, .feedback_review_wrap .feedback_review_des_wrap .feedback_review_rblock .view_pic_text { width:100%; margin-right:0px; } /* Marketing Materials */ .marketing-materials-main .marketing-materials ul li a { line-height:24px; display:block; padding:10px 4%; width:92%; } /* Photo Gallery */ .photo-gallery .active { min-height:760px; } /*Assmabley Video Css*/ .video-assembly-featured .video_gallery ul li.active { min-height:560px; } .video-assembly-featured .video_gallery.assembly_video .get-started button { line-height:25px; padding:12px 28px; } /* Product Listing Page*/ .cat-detail-section-part .product-cat-info{display: none} .cat-detail-section .video-gallery_category .lazy{ width:100%} .video_title h2 {font-size: 16px} .add-cat-module-section ul li a.wallcabinets {background-position: -43px -524px} .add-cat-module-section{padding: 15px 0 20px; background:none} .add-cat-module-section ul li {background: #f5f5f5 none repeat scroll 0 0; margin: 0 9px 10px 0; min-height: 150px; position: relative; width: 32%} .add-cat-module-section ul li a{ background:#f5f5f5 url(sprite-img.png) repeat scroll 0 0; margin: 10px 0 0; padding: 0 0 15px; width:100%} .add-cat-module-section ul li.active a { margin-top: 10px; } .add-cat-module-section ul li a{ background:none} .add-cat-module-section ul li a span { width: auto; box-sizing: border-box; font-size:14px} .add-cat-module-section ul li:nth-child(3n) {float: right; margin: 0 0 10px} .add-cat-module-section ul li a.basecabinets::after {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -3px -544px; content: ""; height: 50px; left: 46%; position: absolute; top: 30px; width: 50px; z-index: 9} .add-cat-module-section ul li a.basecabinets::after {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -43px -524px content: ""; height: 50px; left: 37%; position: absolute; top: 30px; width: 50px; z-index: 9} .add-cat-module-section ul li a.wallcabinets::after {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -105px -544px; content: ""; height: 50px; left: 37%; position: absolute; top: 30px; width: 50px; z-index: 9} .add-cat-module-section ul li a.panelsfillersandtrim::after {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -94px -293px; content: ""; height: 50px; left: 37%; position: absolute; top: 30px; width: 50px; z-index: 9} .add-cat-module-section ul li a.accessories::after {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -3px -734px; content: ""; height: 50px; left: 37%; position: absolute; top: 30px; width: 50px; z-index: 9} .add-cat-module-section ul li a.pantryandovencabinets::after {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -218px -545px; content: ""; height: 50px; left: 37%; position: absolute; top: 30px; width: 50px; z-index: 9} .add-cat-module-section ul li a.bathroomvanities::after {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -153px -814px; content: ""; height: 50px; left: 37%; position: absolute; top: 30px; width: 50px; z-index: 9} .add-cat-module-section ul li.active a.wallcabinets::after, .add-cat-module-section ul li:hover a.wallcabinets::after{background-position: -103px -626px} .add-cat-module-section ul li.active a.panelsfillersandtrim::after, .add-cat-module-section ul li:hover a.panelsfillersandtrim::after{background-position: -199px -293px} .add-cat-module-section ul li.active a.accessories::after, .add-cat-module-section ul li:hover a.accessories::after{background-position: -3px -814px} .add-cat-module-section ul li.active a.pantryandovencabinets::after, .add-cat-module-section ul li:hover a.pantryandovencabinets::after{background-position: -218px -625px} .add-cat-module-section ul li.active a.bathroomvanities::after, .add-cat-module-section ul li:hover a.bathroomvanities::after {background-position: -153px -734px} .pro-listing-right .qty_listing{ float:none} .products-list .product-shop .product-list-button {display: inline-block; float: left; margin: 10px 3px 5px} .addtocart{width: 144px;} .view-detail{width: 144px} .products-list .link-compare{width: 104px} .add-cat-module-section ul li:hover a span{padding-top: 81px; color: #fff} .add-cat-module-section ul li.active a span, .add-cat-module-section ul li.active:hover a span { padding-top: 70px; color: #fff} .mousetrap{display: none !important} .add-cat-module-section ul li.active, .add-cat-module-section ul li.active:hover, .add-cat-module-section ul li:hover {background: #239f85} .add-cat-module-section ul li.active a.basecabinets::after, .add-cat-module-section ul li:hover a.basecabinets::after{ background-position:2px -622px} .add-cat-module-section ul li.active a.basecabinets::after, .add-cat-module-section ul li:hover a.basecabinets::after{left: 33%} .foot-run .col1, .kitchen-run .col1{ display:none} .foot-run .short-desc-mobile, .kitchen-run .short-desc-mobile { display: none; } .foot-price-title{padding: 7px} .catalog-category-view .products-list .product-image-ajax .product-image {box-shadow: none; float: none; margin: 12px 0} .collection-head h3 { font-size:15px} .catalog-category-view .pro-listing-right .qty_listing {clear: none; float: none; margin: -8px 10px 12px 0; padding: 0; text-align: right; width: 100%} .catalog-category-view .product-shop .qty_listing .product-qty {float: left; margin-right: 0} .catalog-category-view .product-shop .add-to-cart label {float: none; padding: 0 48px 0 45px; text-align: left} .products-list .add-to-links {float: left; margin: 11px 0 0} .pager .limiter {float: none; margin: 15px 0 0; width: 45%} .pager .sort-by {float: left; margin: 0; padding-left: 0; width: 50%; line-height:28px} .catalog-category-view .toolbar, .cms-kitchen-cabinets-free-samples .toolbar{float: none; margin: 0 auto; width: 100%} .category_sample_banner{ margin-bottom:0px} .add-cat-module{ padding-top:20px} /*.category_sample_banner{ display:none}*/ .product-image-ajax:hover a.ajax {display: none !important} /*User Dashboard*/ .customer-account-index .wishlist thead tr.first.last th { display:none} .customer-account-index .wishlist colgroup col { display:none} .customer-account-index .wishlist td .tabcol1 { display:block} .customer-account-index .wishlist td { display:block !important; width:98% !important} /* finacing-page */ .finacing-page .category-name.page-title h1, .finacing-page .dream-kitchen .right-content h3 {font-size:25px;line-height:1;} .finacing-page .dream-kitchen .right-content p {font-size: 20px;line-height: 1.2;} .finacing-page .bread-section {margin-top:30px} .finacing-page .bread-section .work-box ul.work-inner li .sprite {float: none; display: inline-block;margin-right:0;} .finacing-page .bread-section .work-box ul.work-inner li {text-align: center;} } @media only screen and (max-width:480px) { /* Photo Gallery */ .photo-gallery .active { min-height:1140px; } .photo-gallery-main ul li .showhtml h2 { font-size:20px; padding-bottom:15px; } .photo-gallery { margin-top:0px; } .photo-gallery ul li { margin:15px 0 0 0; width:100%; } .photo-gallery ul li a { display:block; margin:0 auto; text-align:center; } .photo-gallery ul li a span.gallery-click-here { display: block; } .photo-gallery-main ul li .showhtml .imageblock .bigimage { width:100%; } .photo-gallery-main ul li .showhtml .imageblock ul { width:100%; } .photo-gallery-main ul li .showhtml .imageblock ul li { width:31.33%; padding-left:1%; padding-right:1%; margin-bottom:0px; margin-top:8px; margin-left:0px; } /*Assmabley Video Css*/ .video-assembly-featured .video_gallery ul li.active { min-height:490px; } .video-assembly-featured .video_gallery ul li { width:100%; margin-left:0px; } .video-assembly-featured .video_gallery ul li:nth-child(odd) { float:left;} .video-assembly-featured .video_gallery ul li:nth-child(even) {float:left;} .video-assembly-featured .video_gallery ul li .video-details { margin-left:inherit; min-height:inherit; text-align:center; margin-bottom:20px; width:100%; } .videogallery-index-index .video-assembly-featured .video_gallery ul li, .videogallery-index-index .video-assembly-featured .video_gallery ul li:first-child { margin-left: 0; margin-right: 0; } /*Product Listing Page*/ .add-cat-module-section ul li{width: 48.6%} .add-cat-module-section ul li:nth-child(2n) {float: right!important; margin: 0 0 10px} .add-cat-module-section ul li:nth-child(3n) {float: left; margin: 0 0 10px} .add-cat-module-section ul li:hover {background: #239f85} .add-cat-module-section ul li:hover a span{padding-top: 80px; color: #fff} .add-cat-module-section ul li:hover a.basecabinets::after{ background-position:2px -622px} .add-cat-module-section ul li:hover a.basecabinets::after{left: 33%} .addtocart {width: 100%; background:#9f233d;} .addtocart::before {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -136px -81px; content: ""; height: 30px; margin-left: -10px; position: absolute; width: 28px} .addtocart:hover {background: #239f85} .free_sample_main .category-products .home-categories ul li .sample_cart .addtocart{ padding-left:30px} .view-detail {margin: 5px 0 0; width: 100%; background:#239f85} .products-list .add-to-links a {box-sizing: border-box; float: left; width: 100%; text-align:center} .products-list .product-shop .product-list-button{margin: 10px 0 5px; float:none} .view-detail::before {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -141px -124px; content: ""; height: 30px; margin-left: -10px; position: absolute; width: 28px} .view-detail:hover, .products-list .link-compare:hover {background: #9f233d} .products-list .link-compare{ background:#239f85} .products-list .link-compare::before {background: rgba(0, 0, 0, 0) url("sprite-img.png") no-repeat scroll -134px -40px; content: ""; height: 30px; margin-left: -40px; position: absolute; width: 28px} .collection-head .pager .sort-by {float: none; margin: 0 0 10px; padding-left: 0; text-align: left; width: 100%} .add-cat-module-section ul li a span{ width:auto} .catalog-category-view .toolbar, .cms-kitchen-cabinets-free-samples .toolbar{ width:100%} .back-order{ box-sizing:border-box} .social-media-connect{ width:100%} .add-cat-module-section ul li a span {width: 130px} .add-cat-module{padding: 10px 0 2px} .small_green_icon_btn.fa.fa-angle-double-right.delaertwice{ width:100%} .dealer_button .small_green_icon_btn.fa.fa-angle-double-right{ width:100%} .dealer_button{ width:100%} .products-list .add-to-links {float: none; margin: 11px 0 10px; width: 100%} .yousave {clear: both; padding: 8px 0} #back-top{bottom: 20%} .special-price.discout-price {clear: both; padding: 0} .cat-price-left ul li strong, .cat-price-right ul li strong{ display:inlne} .pro-listing-right .staicmessage {top: 123px; right: -5px;} /*User Dashboard*/ .customer-account-index .box-account.box-info .col2-set .col-1 { width:100%; } .customer-account-index .box-account.box-info .col2-set .col-2 { width:100%; } .customer-account-index .wishlist td { display:block !important; width:96% !important} /*Product Detail Page*/ .catalog-product-view .add-to-box-link { margin: 0; padding: 0; border: none; } .catalog-product-view .add-to-box-link .email-friend {display: none; float: none; margin: 0} .catalog-product-view .add-to-box-link .add-to-links {float: none; margin: 0 15px 10px 0} .catalog-product-view .product-social {padding: 12px 0 0} .product-collateral.row-fluid { padding: 20px 0; } #product_tabs_mobile_additional_contents { margin: 0; } .catalog-product-view .addtocart-detailpage {/*padding: 0 75px;*/ text-indent: 0; width: 100%; margin: 0} /*Subscribe to back in stock notification*/ .product-view .product-shop .amxnotif-block .input-box { width: 100%; } .product-view .product-shop .amxnotif-block button.button { margin-top: 10px; margin-left: 0; } .mycart-style{ margin-top: 20px;} .showstyle{} #demoShowSelected .dd-options {top: 138px} .cp-dealer-account-create .form-list .name-firstname {float: none; width: 100%} .cp-dealer-account-create .form-list .name-lastname {float: none; margin: 0; width: 100%} .free_sample_main .product-list-button > span {display: block; float: left; margin: 0 auto; text-align: center;} .free_sample_main .category-products .home-categories ul li .sample_cart .addtocart span {padding-left: 10px; padding-right: 11px} .free_sample_main .addtocart::before { background-position:-143px -90px} .products-list a.ajax {display: none !important} .collection-head .pager .limiter {clear: both; float: none; margin: 0; padding: 10px 0 0; text-align: left; width: 94%} .pager .limiter select {width: 60%} /*Login Page*/ .tabs-menu li:last-child {float: right; margin: 0; width: 100%} .tabs-menu li.current {width: 100%} .tabs-menu li{ width:100%} .customer-account-login .account-create {box-sizing: border-box; clear: both; padding: 10px 0 20px; position: relative} .customer-account-login .tabs-menu {padding: 0; width: 100%} .customer-account-login .col-2.registered-users {box-sizing: border-box; clear: both; padding: 10px 0; position: relative} .customer-account-login .tabs-menu li a {display: block; box-sizing:border-box} /*Ticket Page*/ .multiselect > label {margin: 0 0 9px; width: 100%} .refer-cabinet-part > label {float: left; margin: 0 1% 0 0; width: 43%} .add_ticket .blank {padding: 760px 0 0} /*.multiselect-products .addlink {width: 100%}*/ .videogallery-index-index .video_gallery ul li .video-img img { max-width:90%; } .videogallery-index-index .video_gallery ul li.active { min-height:1000px} .store-loc-bg span {box-sizing: border-box; display: block; float: left; font-family: "Maven Pro",sans-serif; margin: 0 auto!important; padding: 5px; text-align: center; width: 100%} .store-loc-bg ul li.col2 {width: 97%} .store-loc-bg li:last-child {clear: both; float: none !important; margin: 0 auto; padding: 15px 0 0!important; text-align: center; width: 82px} .product-image-ajax a.ajax {display: none !important} .pr_snippet_product .pr-snippet-review-count { display:none !important} .product-view .product-shop .product-name h1 {font-size: 22px; margin: 0; padding: 0} .pr_snippet_product .pr-snippet-write-first-review {line-height: 10px; margin: 0; padding-top: 0} .product-view .product-shop .add-to-box {border-top: 1px solid #dedede; clear: both; margin: 10px 0 0; padding: 14px 0} .breadcrumbs {text-align: center} .catalog-product-view .more-views.ma-more-img {margin: 0 auto; width: 235px; padding: 0 0 20px} .catalog-product-view .product-view .product-img-box .more-views li:nth-child(2n) {margin: 0 !important} .pr-snippet-write-first-review p{ display:none!important} .catalog-product-view .product-view .product-img-box .product-image {margin: 0 0 15px} .cms-kitchen-cabinets-free-samples .free_sample_main .category-products .home-categories ul li .sample_cart .addtocart {box-sizing: border-box; text-align: center; width: 100%} .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left {margin-left: 0} /*My Order Part*/ .colmain-account #breadcrumbs ul li {float: left; margin-bottom: 3px; width: 100%} .colmain-account #breadcrumbs ul li a.active {box-sizing: border-box; color: #fff; display: block; line-height: 20px; text-align: center; width: 100%; padding: 15px 54px 35px 74px;} .colmain-account #breadcrumbs ul li a{box-sizing: border-box; padding: 15px 54px 35px 74px; text-align:center; width:100%} .colmain-account #breadcrumbs ul li:first-child a::after {display: none} .colmain-account #breadcrumbs ul li a::after, .colmain-account #breadcrumbs ul li a::before {border-bottom: 0 none; border-left: 0 none; border-top: 0 none} /* Review Page*/ .custom-review-text-head {margin: 0 auto; width: 90%} .cus_review_section li {float: none !important; margin: 15px auto; text-align: center; width: 100% !important} .cus_review_section li:first-child {margin: 0 10px 0 0; padding: 53px 0 20px; width: 100%} .cus_review_section li .bar_graph {float: none !important; margin: 0 auto !important; padding: 0; width: 38%} .cus_review_section li .bar_graph li{ width:44px !important; float:left !important} .cus_review_section{ height:auto!important} .cus_review_section{ height:auto!important} .review-content{ width:75%} .cus_review_section li .bar_graph{width:66%} .cus_review_section li{ margin:0!important} .custom-review-text-head {font-size: 20px !important; margin: 0 auto; width: 90% !important} .review-content { width: 56% !important} .cus_review_section li:first-child{ font-size:80px} .cus_review_section li {float: none !important; margin: 15px auto; text-align: center; width: 100% !important} .shoppingcart_button {display: inline-block; float: none; margin: 0 0 9px; padding: 12px 15px} #sample_type_content {left: 5%; padding: 10px; width: 300px; font-size: 13px} .page-title h1, .category-name h2{font-size: 22px} .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left ul li::before{display: block; padding: 0 0 5px; float: left} .free_sample_main .category-products .home-categories ul li .sample_price .price-savebox{padding-left: 10px} /*.bbb-logo {display: block; margin: 0 auto; text-align: center; width: 137px}*/ .add_ticket .form-list .ticket-upload-part li.field {width: 27%} .ticket-upload-part .input-box span{margin: 6px 7px 0 0} .input-box.fileupload.browse_area > div {float: left; padding: 8px 8px 0 0} .field.add_image_button {right: 120px; top: 60px; position:absolute} .softicket-index-add .buttons-set.clearfix {padding: 20px 0 0} .catalog-category-view .col-main .cat-detail-main .pro-list-img .backdate{width: 95%} .assembly-wrap .a-right.cancel-btn.mrg-R15 { padding: 20px 0 0 11px} .assembly_cancel_btn {margin: 20px 6px 0 8px} .cms-page-main .state-bullet ul li {width: 29%} .assembly_apply_btn {margin: 20px 10px 0 0} @-moz-document url-prefix() { .multiselect-products > li input[type="checkbox"]:not(old) + label { margin: 0 0 0 0; } } .product-detail-pdf { margin-top: 0; } .checkout-cart-index #shopping-cart-table tbody .pro_mob_name{ width:67%} .shoppingcart_button {width: 100%} .checkout-cart-index .cart-table-part {padding: 0} .checkbtn {float: none; width: 100%} .large_red_icon_btn {font-size: 16px !important; font-family: "maven_proregular"} /*.social-media-connect ul li:first-child {margin: 10px 0 0} .social-media-connect ul li a {font-size: 14px; height: 25px; line-height: 25px; padding: 0 0 0 4px; width: 21px} .social-media-connect ul li a.fa-glassdoor {background: url(sprite-img.png) no-repeat scroll 3px -339px} .social-media-connect ul li:hover{} .social-media-connect ul li:hover a{width: 21px}*/ .shipping-form .form-list li {margin-top: 12px} .checkout-cart-index .page-title h1 {margin: 40px 0 0px;} .assembly-wrap .a-right.cancel-btn.mrg-R15 {float: none} .assembly_cancel_btn {float: left} .assembly_apply_btn {float: none} .cart-table-part .cart-table .item-options .hingleqty {margin-top: 6px} .design-kitchen-started .design-tool-reacap-part .required { display: none; } .upload-your-file .form-list li { display: block; margin-left: 0; margin-right: 0; width: 100%; } .upload-your-file .design-tool-reacap-part { display: block; margin: 0 0 30px; } .upload-your-file .design-tool-reacap-part > div { float: left; width: 100%; margin-bottom: 10px; } .upload-your-file .design-tool-reacap-part .required { float: none; margin: 0; } /*Step-3*/ .step_three .cabinet-left-img {width: 120px} .topleft-prime-quote ul li:nth-child(2n) {margin: 0 0 0 50px} .setp-five .start_design {margin: 0 auto; width: 100%} .kitchen-details{margin: 25px 0 0} .navbar .brand {display: none} .navbar .btn-navbar {padding: 0} /*Footer*/ .footer address > div span { display: block; } /*Sitemap*/ .sitemap > li { width: 100%; } /*Upload file Popup*/ .upload-file-popup { width: 300px; height: 380px; margin-top: -190px; margin-left: -150px; } .upload-file-popup .upload-file-popup-inner { padding: 10px 20px; } .upload-file-popup .upload-file-popup-inner .pop-img img { max-width: 150px; } .upload-file-popup .upload-file-popup-inner h2 { margin: 0 0 15px; padding: 0 0 10px; font-size: 16px; } .upload-file-popup .upload-file-popup-inner p { margin: 10px 0 15px; padding: 0 0 10px; font-size: 13px; } .upload-file-popup .upload-file-popup-inner .buttons-set button { font-size: 12px; height: 34px; line-height: 34px; padding: 0 10px; } .upload-file-popup .upload-file-popup-inner .buttons-set button.popthanks { margin-left: 5px; } .checkout-cart-index #shopping-cart-table .pro_mob_name .right {right: -55px} .floating-free-sample{ display: none} .pro-list-module #wrapped_text, .free_sample_banner #wrapped_text{height: auto; overflow: hidden;} .pro-list-module span.more_link, .free_sample_banner span.more_link {overflow: hidden; text-decoration: none; bottom: 0; color: #ff7420; float: right; font-family: "maven_probold"; font-size: 12px; margin-bottom: 4px; margin-top: 4px; padding: 9px 7px 11px !important; text-transform: uppercase; cursor:pointer} .pro-list-module span.more_link:hover, .free_sample_banner span.more_link:hover{color: #239f85;} .pro-list-module span.less_link, .free_sample_banner span.less_link{overflow: hidden; text-decoration: none; display: none; bottom: 0; color: #ff7420; float: right; font-family: "maven_probold"; font-size: 12px; margin-bottom: 4px; margin-top: 4px; padding: 9px 7px 11px !important; text-transform: uppercase; cursor:pointer} .category-knobs-pulls-and-inserts-kitchen-cabinets .pro-listing-left {float: left; margin: 0; width: 100%} .category-knobs-pulls-and-inserts-kitchen-cabinets .pro-listing-right {width: 100%} .cms-firesale .fire-swatch { border: 2px solid #fff; border-radius: 2px; bottom: -20px; position: absolute; right: 10px; width: 20%;} .cms-firesale .firesale-banner > img {} .designtool-index-index .designtool-banner .middle_form_heading {font-size: 20px; width: 95%} .designtool-index-index .fieldset.clearfix.login_info {margin: 12px 0} .cms-kitchen-cabinets-free-samples .free_sample_main input[type="checkbox"]:not(old) + label{margin-left: 0} .heading {border-bottom: 0 none; font-size: 13px; line-height: 38px; padding-left: 20px} .new_con_wrap .heading span {margin: 3px 3px 0; position: relative} .new_con_wrap .heading span {top: 11%} .scroll-wrapper.scrollbar-outer {width: 100%} .block-crosssell .block-subtitle {box-sizing: border-box; font-size: 13px; width: 40%} .pop_up_crosssell .crosssell_pop_up .block-crosssell .block-content {box-sizing: border-box; max-width: 100%; width: 100%} .foot-price-title { padding: 0; height: auto; line-height: normal; } .foot-price-title .btn-add-cart { float: none; margin: 0; } .foot-price-title .btn-add-cart a { text-align: center; } .checkout-cart-index .cart-table-part .cart-table .product-name {max-width: 290px} .cart-table tr.pop-heading td {display: block; float: left; text-align: left} .compare-value .cart-table .price {float: left} .compare-value .cart-table td {text-align: left!important} .foot-price-title .btn-add-cart {float: left; margin: 0; width: 100%} .new-foot-price-part {margin: 13px 0 8px 12px} .list-buttons-part .view-detail { padding: 0 20px;} .category-products .products-list .product-shop {width: 63%} .addtocart {box-sizing: border-box; padding: 0 11px; width: 100%} .catalog-category-view .pro-listing-right .qty_listing {clear: both !important; margin: -5px 0 0} .catalog-category-view .product-shop .add-to-cart label {display: none} .list-buttons-part {float: none} .product-list-button-part {margin: 0 0 10px} .coming_soon_largo {right: 8px; top: 8px; width: 100px;} .coming_soon_largo > img {height: auto; width: 100%} .categorypath-kitchen-cabinets-html .heading {padding-right: 0} .new_con_wrap .heading span {float: right; left: inherit; margin: 3px 3px 0; position: relative; right: inherit} .assemble_left .assembly .showassembly .assembly-wrap .hing_ops {width: 48%} .pro-listing-right .staicmessage {right: 48px; top: 155px} .hingelabel {padding-bottom: 12px; padding-right: 0; text-align: center} .mobile-email-phone .email {clear: both; float: left; margin: 0 0 10px; padding: 0 0 0 8px; width: 100%} .quick-list-mobile-no {float: left; margin: 0; padding: 0 0 5px; width: 100%} .catalog-category-view .fire-sale::before{width: 84px;left: -4px;} .catalog-category-view .special-price.discout-price.fire-sale{margin: 0 0px 5px 0px !important} .special-price.discout-price.fire-sale .price {float: none; display: inline-block; margin: 4px 2px 0 0;} .special-price.discout-price.fire-sale .price-label {float: none; margin-right: 0; white-space: nowrap; display: inline} .catalog-category-view .f-fix .special-price.discout-price.fire-sale {clear: both; padding: 0px 2px 0 82px; display: block; width: auto; margin: 5px auto 0 !important} .catalog-category-view .discout-price.fire-sale .price-label {display: none !important} .custom-title {margin: 5px 0 0} .custom-title > span{font-size: 12px} .category-knobs-pulls-and-inserts-kitchen-cabinets .pro-listing-right .staicmessage {right: 25px; top: 120px; width: auto; left: inherit} li.products-list {min-height: 490px} /* finacing-page */ .finacing-page .bread-section .left-bread .bread-logo img { max-width: 70%;} .finacing-page .bread-section .left-bread h2 {font-size:20px;} .finacing-page .bread-section .left-bread .bread-logo { margin: 30px 0px;} .finacing-page .bread-section .left-bread p{font-size:18px;padding:0px 10px;} .finacing-page .bread-section .work-box ul.work-inner {padding: 0px 10px 15px;} .finacing-page .bread-section .work-box ul.work-inner li h4 {font-size:25px;line-height:1;} .finacing-page .swift-section {width:100%;} .finacing-page .swift-section .left-wrap h2{font-size:22px;} .finacing-page .swift-section .left-wrap p {padding: 0px 10px;} .finacing-page .swift-section .left-wrap .get-btn, .answers-questions .get-btn {font-size:14px;padding:20px;} .finacing-page .swift-section .right-wrap span {padding: 0px 10px;font-size: 20px;} .finacing-page .swift-section .right-wrap h3 {font-size:30px;} .finacing-page .swift-section .right-wrap i {padding:16px 10px 0;} .finacing-page .answers-questions h2 {font-size: 25px;} .finacing-page .answers-questions .left-text h3 {font-size:20px;line-height:1;} .finacing-page .answers-questions .left-text p {font-size:16px;} .finacing-page .category-name.page-title h1 {font-size:17px;} .finacing-page .bread-section .left-bread h2 {font-size: 18px;} .finacing-page .bread-section .work-box h3 {font-size: 25px;} .finacing-page .answers-questions .get-btn {font-size:15px;padding:20px 30px;} .finacing-page .answers-questions p {font-size:14px;} .finacing-page .bread-promo button {font-size:16px;} } @media only screen and (max-width:420px) { .send-friend .buttons-set button.button{margin-bottom:15px} .ticket-pop-close {right: -10px} .refer-cabinet-part > label {float: left; font-size: 13px; margin: 0 0 0 0; width: 43%} .refer-cabinet-part {padding: 15px 0 0} .back-order {padding: 0; text-align: center; height:auto} .backorder-list-msg {float: none; font-size: 14px; line-height: 21px; margin: 6px 0 0; padding: 5px; text-align: left} .out-of-stock > span::before {margin: 0 0 0 -25px; left: inherit} .products-list .product-shop .product-list-button {text-align: center} .cms-kitchen-cabinets-free-samples .free_sample_main .product-list-button > span {float: none} .shoppingcart_button {display: inline-block; float: none; margin: 0 0 9px; padding: 12px 15px} #lightbox #outerImageContainer {font-size: initial !important; background-color: #fff; height: auto !important; margin: 0 auto; position: relative; width: 100% !important} #imageDataContainer {background-color: #fff; margin: 0 auto; overflow: auto; width: 100% !important} #lightbox #outerImageContainer img {height: auto !important; width: 100% !important} #imageContainer #hoverNav {} #imageContainer #hoverNav a {} .pro-listing-right .addtocart{ display:block} .product-shop .add-to-box .staicmessage {left: 180px; top: 33px; width: 99px} .amxnotif-block .input-text{width: 96%} .pr-snapshot-body .pr-snapshot-footer {margin: 0 !important; padding: 0; width: 100%} .product-shop .amxnotif-block .validation-advice{margin: 3px 0 8px 8px} .catalog-category-view .col-main .cat-detail-main .pro-list-img .backdate {background: #a5233d !important; font-size: 13px !important; left: 0; top: 0; width: 93%} .cart-table-part {width: 100%} .sale.sale-tag-right {right: inherit; top: 80px} .home-categories ul li .sale.sale-tag-right { right: 3px; top: 38px; } .product-tabs-mobile-content .data-table{font-size: 75%} .collection-head{padding: 0;} .catalogsearch-result-index .toolbar{float: none} .catalog-category-view .col-main .cat-detail-main .pro-list-img .backdate {box-sizing: border-box; left: 0 !important; text-align: center; top: 6px; width: 288px !important} .catalogsearch-result-index .pro-listing-right {padding: 18px 0 0} .showassembly .assembly-wrap {padding: 0 0 20px} .showassembly .assembly-wrap .product-details {float: none; margin-left: 0;} .showassembly .assembly-wrap.block .block-content .product-name{float: none} .showassembly .assembly-wrap .hing_ops {float: left; margin: 10px 0 0; width: 100%} /*Footer*/ .footer_benefits_icon .bbb-logo { width: 111px; margin: 7px 0 0; } .footer_benefits_icon .bbb-logo img { max-width: 100%; width: 100% !important; height: auto !important; } .footer_benefits_icon img { max-width: 190px; width: 100%; } } @media only screen and (max-width:380px) { .photo-gallery .active { min-height:1140px;} .add-cat-module-section ul li {width: 48.2%} .quotation-quote-requestfromcart .fieldset textarea{ width:100%} .rating-section ul li{ padding-right:9px} .photo-upload-text{ padding:15px 15px 0px 15px; width:100%; box-sizing:border-box} .photo-upload-text ul li.title img{ width:100%} .newletter ul li .textfield{font-size: 11px; letter-spacing: -0.02em} .newletter ul li .subscribe{font-size: 15px} .add_ticket .removefile {float: left !important} .input-box.fileupload.browse_area > div {clear: both; padding: 8px 8px 0 0; width: 100%} .field.add_image_button {position: absolute; right: 0; z-index: 9; top: 65px; margin: 0 !important} .ticket-upload-part {position: relative} .ma-nav-mobile-container .navbar .m_nav_icon { padding: 16px 10px; width: 44px } .navbar .btn-navbar { padding: 0 } .header_right_info { margin-right: 5px; margin-top: 7px; } .header_right_info ul li { margin-left: 6px; font-size: 12px; } .cart_area .footer-cart-content { margin: 35px -10px 0 0; } .home-categories .kitchen-price .col3 .price, .home-categories .foot-price .col3 .price {font-size: 14px} .cat-price-left .foot-price, .cat-price-right .kitchen-price {padding: 5px} .checkout-cart-index #shopping-cart-table tbody .pro_mob_name {width: 51%} .topleft-prime-quote ul li:nth-child(2n) {margin: 0 0 0 30px} .large_red_icon_btn.checkbtn.button.start_design > span{padding: 0;} .estimate-title {margin: 0 0 0 55px} #span_estimated_price, #span_linear_feet {font-size: 20px} .kitchen-details ul li {font-size: 16px} .checkout-cart-index #shopping-cart-table .pro_mob_name .right {right: -50px;} .sample_cart .product-list-button .staicmessage {right: 90px; top: 42px} .free_sample_main .category-products .home-categories ul li .sample-pro-listing-left {margin-top: 46px} .foot-price-title .btn-add-cart {display: inline-block; width:100%; margin: 0!important;} /*.foot-price-title span {padding: 10px}*/ .cms-free-kitchen-design .design-kitchen-options-container {padding: 30px 0} .new-foot-price .price{margin: 0 0 8px 14px} .category-products .products-list .product-shop {width: 51%} .catalog-category-view .yousave {left: 21px; margin: 0 0 8px; padding: 9px 0 0; position: absolute; top: 133px; z-index: 2147483647; width:auto} .catalogsearch-result-index .yousave {left: 21px; margin: 0 0 8px; padding: 9px 0 0; position: absolute; top: 133px; z-index: 2147483647; width:100%} .catalog-category-view .products-list .old-price {margin: 0 10px 0 0;} .products-list li.item {min-height: 190px; position: relative} .f-fix .pro-listing-right {padding: 0 0 35px; position: inherit} .new-foot-price {margin: 22px 0 0} .catalog-category-view .f-fix .special-price {margin:0;} .pro-listing-right {margin: 0 0 0 0px; padding: 0} .catalogsearch-result-index .special-price.discout-price.fire-sale {line-height: 13px; margin: 7px -2px 0 10px !important; padding: 0 0px 0 40px; position: relative} .category-knobs-pulls-and-inserts-kitchen-cabinets .pro-listing-right .staicmessage{top: 158px} .discount_coupon_wrap .input-box input, .referral_wrap .input-box input{ width:100%} .referral_wrap .input-box { float: left; width: 97%} } @media only screen and (max-width:340px) { .photo-gallery .active { min-height:892px } .add_ticket .blank {padding: 800px 0 0} .input-box.fileupload.browse_area > div{width: 200px} #shopping-cart-table tbody .pro_mob_name{ width: 186px} .cms-page-main .colum5 li{width: 40%} .cms-page-main h2{line-height: 22px} .design-kitchen-options .form-list input[type="radio"]:not(old) + label { font-size: 12px; padding-left: 25px; } .design-kitchen-options .form-list input[type="checkbox"]:not(old) + label { font-size: 12px; padding-left: 24px; } .quote-layout.middle_wrap.step_three.clearfix {margin: inherit!important} .step_three .cabinet-left-desc {margin: 0 0 0 11px; width: 56%} .step_three .cabinet-left-img {width: 120px} .step_three .cabinet-left-img > img {height: auto; width: 100%} .step_three .cabinet-bottom-left{float: left; margin: 0 0 30px} /*Footer*/ .footer_benefits_icon .bbb-logo { width: 107px; margin: 7px 0 0; } .footer_benefits_icon img { max-width: 180px; } .pro-listing-right button.btn-cart span, .bought_cart_button button.btn-cart span {font-size: 12px} #popup > iframe {height: auto !important; left: -13% !important; position: absolute; width: 90% !important} } @media all and (min-device-width: 320px) and (max-device-width: 768px) { html,body { -webkit-text-size-adjust:none; } } /*Added by Viral*/ @media only screen and (max-width: 599px) { .hp-static-banners li { float: none; width: 100%; margin-left: 0; margin-top: 20px; } .hp-static-banners li:first-child { margin-top: 0; } .hp-static-banners li img { width: 100%; } .tabs-menu li a{padding: 20px 12px; line-height: 20px;} .tabs-menu{padding: 0 70px} .navbar .brand {display: none} .checkout-cart-index .cart-table-part .cart-table .product-name {max-width: 340px} .products-list .product-shop .product-list-button {clear: both; display: inline-block; float: left; margin: 10px 3px 5px} .pro-listing-right {margin: 0 0 0 10px; padding: 0} .cat-detail-main .new-foot-price-part {width: 206px} } /***responsive grid start here***/ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 */ } /* GRID OF THREE */ .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.1%; } .span_1_of_3 { width: 32.2%; text-align:justify; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%;} .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; } } .responsive { max-width: 100%; height: auto; } /***responsive grid end here***/ .link-f li a { font-size:13px; color:#fff; padding: 0 0 0 6px;} .f-m{ font-size:13px; color:#fff; padding: 0 0 0 6px;} .f-s{ font-size:11px; color:#fff; padding: 0 0 0 6px;} /***footer end here***/ .clleft { padding: 20px; text-align:center; vertical-align:middle;} .cllefth { color:#DAA520; padding-top:0px;} .clright { padding: 2px 4px 2px 4px; text-align:justify; font-size:13px} .row { background-color:#3f3f3f; color:#fff; box-shadow: 0 10px 6px -6px #888; } .pimg { width:100%; -webkit-box-shadow: -2px 0px 62px 0px rgba(218,165,32,1); -moz-box-shadow: -2px 0px 62px 0px rgba(218,165,32,1); box-shadow: -2px 0px 62px 0px rgba(218,165,32,1); border-radius: 15px 50px 30px; background: #2e3192; padding: 4px; } .viewm { color:#ad4dd3 ; font-size:14px;} .viewm:hover { color: #fff; }