.visible-phone-big { display: none; } .hidden-phone-big { display: inline-block; } /*--------Embedded Fonts--------*/ @font-face { font-family: 'proxima_nova_rgregular'; src: url('fonts/proximanova-regular-webfont.eot'); src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regular-webfont.woff') format('woff'), url('fonts/proximanova-regular-webfont.ttf') format('truetype'), url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novalight'; src: url('fonts/proximanova-light-webfont.eot'); src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-light-webfont.woff') format('woff'), url('fonts/proximanova-light-webfont.ttf') format('truetype'), url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novasemibold'; src: url('fonts/proximanova-semibold-webfont.eot'); src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-semibold-webfont.woff') format('woff'), url('fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novaregular_italic'; src: url('fonts/proximanova-regularitalic-webfont.eot'); src: url('fonts/proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regularitalic-webfont.woff') format('woff'), url('fonts/proximanova-regularitalic-webfont.ttf') format('truetype'), url('fonts/proximanova-regularitalic-webfont.svg#proxima_novaregular_italic') format('svg'); font-weight: normal; font-style: normal; } /*--------Embedded Fonts--------*/ .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; color:#666; } /*background:url(../images/inner-banner-bg.gif) repeat-x 0 173px; */ .wrapper-over { background: url(../images/background.gif) repeat-x 0 -97px; } @media (max-width: 767px) { body { padding-top: 0; } } .no-display { display: none; } .a-left { text-align: left !important; } .a-right { text-align: right !important; } .a-center { text-align: center !important; } .v-middle { vertical-align: middle !important; } .no-display { display: none; } .nobr { white-space: nowrap; } .g-static-todo { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAKElEQVQ4jWP4//9/AxhbMPwnh81AiWaIARRoBrEZRr0w6oVRL1DHCwAj0BCbelWSywAAAABJRU5ErkJggg==") 0 0 repeat !important; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wrapper { margin-left: auto; margin-right: auto; width: 940px; } /*@media (min-width: 1200px) { .wrapper { width: 1230px; } .wrapper .case { padding: 15px; border-width: 15px; } }*/ @media (min-width: 768px) and (max-width: 979px) { .wrapper { width: 764px; } } @media (max-width: 767px) { .wrapper { width: auto; } } .header-container .header .i-logo { text-align: center; max-width:200px;} .header-container .header .i-logo .logo {margin: 0px; display: block; line-height: 0; text-align: left; } .header-container .header .i-logo .logo strong { display: block; overflow: hidden; text-indent: -999%; } .header-container .header .i-logo .logo strong img { display: block; margin: 0 auto; } @media (max-width: 767px) { .header-container .quick-access { margin-top: 10px; } .header-container .quick-access .form-language { float: none; } .header-container .quick-access .links { float: none; } .header-container .quick-access .links [class*="icon-"] { display: none; } } .footer-container { margin: 20px 0 0; background: #f2f2f2; border-top:solid 5px #e8e8e8;} .footer-container .footer { color: #555555; } .footer-container .footer .organization { margin-bottom: 20px; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbar-search { float: right; } .navbar-search .input-append, .navbar-search .input-prepend { margin-bottom: 0; } .search-autocomplete { padding: 3px 0; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .search-autocomplete > ul { margin: 0; list-style: none; } .search-autocomplete > ul > li { padding: 2px 10px; color: #333333; cursor: pointer; } .search-autocomplete > ul > li > .amount { font-size: 10.5px; margin-right: 3px; } .search-autocomplete > ul > li:hover { background: #0088cc; color: #ffffff; } .search-autocomplete > ul > li.selected { background: #0088cc; color: #ffffff; } @media (max-width: 767px) { .navbar-search { float: none; margin-top: 10px; } } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*.navbar { margin-top: 20px;}*/ .nav li { /* 0 Level item */ } .nav li.level0 { position: relative;/* 1st Level list */ } .nav li.level0 ul {border:solid 1px #fff; padding:2px; position: absolute; top:100%; left: 0; z-index: 1000; display: none; float: left; min-width:280px; margin: 0; list-style: none; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);} .nav li.level0 ul > li { position: relative; } .nav li.level0 ul > li > a {margin:0 0 2px 0; display: block; font-size:13px; padding:5px 10px; clear: both; font-weight: normal; line-height: 17px; color:#333; white-space: nowrap;} .nav li.level0 ul > li:last-child a{margin:0;} .nav li.level0 ul > li > a:hover, .nav li.level0 ul > li > a:focus { text-decoration: none; color: #fff; background:#00baef;} .nav li.level0 ul > li > ul { display: none; top: 0; left: 100%; margin-top: -6px; margin-left: 0px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .nav li.level0 ul > li:hover > ul { display: block; } .nav li.level0 ul > li.parent > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .nav li.level0 ul.shown-sub { display: block; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-title { margin: 0px 0 20px 0; border-bottom:1px solid #e3e3e3;} .page-title > h1, .page-title > h2 { color:#00baef; font-size:30px; font-weight: normal; margin: 0; font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif;} .page-title.title-buttons { position: relative; } .page-title.title-buttons > .btn { position: absolute; top: 0px; right: 0px; } .page-title.title-buttons > .btn-group { position: absolute; top: 0; right: 0; } /*@media (min-width: 1200px) { .page-title { margin-left: -15px; margin-right: -15px; } .page-title > h1 { padding-left: 15px; padding-right: 15px; } }*/ @media (min-width: 768px) and (max-width: 979px) { .page-title { margin-left: -10px; margin-right: -10px; } .page-title > h1, .page-title > h2 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { .page-title.title-buttons > .btn-group { position: static; margin: 10px; } } .sub-title { font-size: 17.5px; font-weight: normal; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn.btn-remove { color: #f00; } .btn-remove { color: #f00; } .buttons-set { line-height: 30px; padding: 10px 0; overflow:hidden;} .iblock { display: inline-block; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .block{margin:0 15px;} .block .block{margin:0;} .block > .block-title{font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif; text-transform: capitalize; padding:10px 10px 10px 0; line-height: 20px; font-size:18px; color:#333; border-bottom:solid 2px #e1e1e1;} .block > .block-title > strong{font-weight:normal;} .block .block-content { padding:10px 0;/*background: #ffffff;*/} .block .block-content > .block-subtitle { font-weight: bold; color: #999999; } .block .block-content > .empty { margin-bottom: 0; } .block .block-content > .actions { margin-top: 20px; } .block form { margin-bottom: 0; } .block-layered-nav > .block-content > .currently { margin: 0 0 20px; } .block-layered-nav > .block-content > .currently > .nav-list { padding: 0; } .block-layered-nav > .block-content > .currently > .nav-list .currently__list > li > span { color: #333333; } .block-layered-nav > .block-content > .currently > .nav-list .currently__list > li > span.value { text-transform: none; } .block-layered-nav > .block-content > .nav-list { padding: 0; } .block-layered-nav > .block-content > .nav-list .amount { font-weight: normal; } .block-layered-nav > .block-content > .nav-list .price { font-size: 14px; } .block-poll .poll-answers { margin: 0; list-style: none; } .block-poll .poll-answers > .item { margin: 0 0 10px; } .block-reorder .reorder-list { margin-bottom: 20px; } .block-reorder .reorder-list > .item { margin-bottom: 10px; position: relative; } .block-reorder .reorder-list > .item > [type="checkbox"] { position: absolute; left: 0; top: 0;} .block-reorder .reorder-list > .item > .product-name { display: block; padding-left: 20px; } .block-list .block-content > ol > .item { position: relative; } .block-list .block-content > ol > .item > .btn-remove { position: absolute; top: 0; right: 0; opacity: 0.1; filter: alpha(opacity=10); -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .block-list .block-content > ol > .item:hover > .btn-remove { opacity: 1; filter: alpha(opacity=100); } .block-wishlist .block-content .summary { padding: 10px; background-color: #eeeeee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .block-wishlist .block-content .action { margin: 10px 0 20px; text-align: right; } .block-wishlist .block-content .thumbnails > .item { float: none; overflow: hidden; } .block-wishlist .block-content .thumbnails > .item > .thumbnail { float: left; margin-right: 10px; } .block-wishlist .block-content .thumbnails > .item > .caption { overflow: hidden; } .block-wishlist .block-content .thumbnails > .item > .caption > .actions { float: right; margin-top: 2px; opacity: 0.1; filter: alpha(opacity=10); -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .block-wishlist .block-content .thumbnails > .item > .caption .price { font-size: 14px; } .block-wishlist .block-content .thumbnails > .item:hover > .caption .actions { opacity: 1; filter: alpha(opacity=100); } .block-wishlist .block-content .thumbnails > .item.last { margin-bottom: 0; } .block-cart .block-content .summary { padding: 10px; background-color: #eeeeee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .block-cart .block-content .action { margin: 10px 0 20px; text-align: right; } .block-cart .block-content .thumbnails > .item { float: none; overflow: hidden; } .block-cart .block-content .thumbnails > .item > .thumbnail { float: left; margin-right: 10px; } .block-cart .block-content .thumbnails > .item > .caption { overflow: hidden; } .block-cart .block-content .thumbnails > .item > .caption > .actions { float: right; margin-top: 2px; opacity: 0.1; filter: alpha(opacity=10); -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .block-cart .block-content .thumbnails > .item > .caption .price { font-size: 14px; } .block-cart .block-content .thumbnails > .item:hover > .caption .actions { opacity: 1; filter: alpha(opacity=100); } .block-cart .block-content .thumbnails > .item.last { margin-bottom: 0; } @media (max-width: 767px) { .block-cart .block-content .thumbnails > .item > .caption .actions { opacity: 1; filter: alpha(opacity=100); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .products-grid > .item .product-image { display: block; } .products-grid > .item .product-name{margin: 0px; min-height: 40px; line-height:20px; padding:16px 10px 0; text-align: center; font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif;} .category-products li .product-name a{font-weight:normal; font-size:26px; color:#333;} .products-grid > .item .price-box { text-align: center; font-size: 20px; } .products-grid > .item .price-box p { line-height: 12px; } .products-grid > .item .price-box .price { font-size: 20px; font-weight: bold; } @media (max-width: 767px) { .products-grid .product-image > img { width: 100%; } } .products-list > .item .product-name, .products-list > .item .ratings, .products-list > .item .price-box, .products-list > .item .availability, .products-list > .item .desc { margin-bottom: 10px; } .products-list > .item .product-image { display: block; float: left; text-align: center; } .products-list > .item .caption { margin-left: 320px; } .products-list > .item .product-name { font-size: 14px; line-height: 20px; font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif;} @media (max-width: 767px) { .products-list > .item .product-image { float: none; } .products-list > .item .caption { margin-left: auto; } } .product-name { font-size: 14px; margin-top: 0; line-height: 20px; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .toolbar{float:right;} .toolbar > .pager-wrapper > .amount { line-height: 30px; } .toolbar > .pager-wrapper .sort-by { white-space: nowrap; } /*.toolbar > .sorter { margin-top: 10px; }*/ @media (max-width: 767px) { .toolbar .limiter { display: inline-block; margin-bottom: 10px; } .toolbar .sort-by { display: inline-block; } } .toolbar-bottom { margin: 10px 0 0 0; } .toolbar-bottom .toolbar { margin: 0px; width: 100%; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .price { font-size:14px; /*font-weight: bold;*/ color: #00baef; } .price-box p { margin-bottom: 0; } .price-box .price-from { margin-right: 10px; } .price-box .price-from, .price-box .price-to { display: inline-block; } .minimal-price-link { white-space: nowrap; } .price-box-bundle .price-box { margin-bottom: 0 !important; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-view .product-essential { margin-bottom: 40px; } .product-view .product-essential .product-shop .short-description, .product-view .product-essential .product-shop .availability, .product-view .product-essential .product-shop .price-box { margin-bottom: 20px; } .product-view .product-essential .product-shop .add-to-box .add-to-links .btn { margin-bottom: 5px; } .product-view .product-essential .product-shop .short-description > h2 { font-size: 16px; margin-top: 0; line-height: 20px; } .product-view .product-essential .product-img-box .product-image > img { max-width: 100%; } .product-view .product-essential .product-options { position: relative; border:solid 1px #e3e3e3; border-bottom:none;} .product-view .product-essential .product-options dl > dt > label{font-weight:normal; display:inline-block; color:#f00; text-transform:capitalize; margin:0;} .product-view .product-essential .product-options dl > dd .options-list { margin: 0; list-style: none; } .product-view .product-essential .product-options dl > dd .qty-holder { display: inline-block; margin-top: 10px; margin-bottom: 0; } .product-view .product-essential .product-options dl > dd .input-box .options-list { margin: 0; list-style: none; } .product-view .product-essential .product-options p.required { position: absolute; top: 0; right: 0; } .product-view .product-essential .product-options .price { font-size: 14px; } .product-view .product-essential .product-options-bottom .price-box { margin: 8px 20px 0 0; } /*.product-view .product-essential .product-options-bottom .add-to-cart, .product-view .product-essential .product-options-bottom .add-to-links { display: inline-block; }*/ .product-view .product-collateral .box-collateral { margin-bottom: 20px; } .product-view .product-collateral .box-collateral > h2 { font-size: 17.5px; font-weight: normal;line-height: 20px; border-bottom: 1px solid #bea483; } .product-view .product-collateral .box-collateral:first-child { margin-top: 0; } /*@media (min-width: 1200px) { .product-view .product-collateral .box-collateral > h2 { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } }*/ @media (min-width: 768px) and (max-width: 979px) { .product-view .add-to-box .add-to-cart .btn { margin-top: 5px; } } @media (max-width: 767px) { .product-view .add-to-box .add-to-cart { margin-bottom: 10px; } .product-view .add-to-box .add-to-cart .btn { margin-top: 5px; } } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .block-tags > .block-content .tags-list { margin: 0; list-style: none; } .block-tags > .block-content .tags-list > li { display: inline-block; } .box-tags h3 { font-size: 14px; margin-top: 0; } .box-tags .product-tags, .tags-list { margin: 0 0 10px 0; list-style: none; } .box-tags .product-tags li, .tags-list li { display: inline-block; margin: 0 0 4px 0; background: #676767; padding: 1px 7px 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; } .box-tags .product-tags li a, .tags-list li a { color: #fff; font-size: 13px !important; } @media (max-width: 767px) { .box-tags .form-add .btn { margin-top: 10px; } } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ratings > .rating-box { display: inline-block; width: 70px; vertical-align: text-top;/*background: url(../images/blocks/rating/star.png) 0 100%;*/ } /*.ratings > .rating-box .rating { height: 16px; background: url(../images/blocks/rating/star.png);}*/ .ratings > .amount { float: right; display: inline-block; margin-left: 10px; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*.cart .page-title .checkout-types { margin: 0; list-style: none; position: absolute; top: 0px; right: 5px; } .cart .cart-table tr td { vertical-align: middle; } .cart .cart-table tbody tr td .product-name { line-height: 20px; } .cart .cart-table tbody tr td .qty { margin: 0; min-width: 45px; } .cart .cart-table tbody tr td .btn { opacity: 0.1; filter: alpha(opacity=10); -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .cart .cart-table tbody tr td .price { font-size: 14px; } .cart .cart-table tbody tr td.cell_image { min-width: 100px; } .cart .cart-table tbody tr:hover .btn { opacity: 1; filter: alpha(opacity=100); } .cart .totals { text-align: right; } .cart .cart-collaterals h2 { font-size: 17.5px; font-weight: normal; border-bottom: 1px solid #584E4C; color: #F54E4C; } .cart .cart-collaterals .shipping .sp-methods ul { margin: 0; list-style: none; } .cart .cart-collaterals .shipping .sp-methods ul .price { font-size: 14px; } .cart .cart-collaterals .checkout-types { text-align: right; margin: 0; list-style: none; }*/ /**/ .cart-table {} .cart-table th, .cart-table td, .cart-table tbody td { border-bottom: none; vertical-align: top; } .cart-table h2 { color: #636363; font-size:12px; font-weight:normal; margin-bottom: 0; } .cart-table thead th, .cart-table tbody td { background-color: transparent; /*padding: 10px 5px;*/} .cart-table .product-cart-info, .cart-table .product-cart-actions { padding-left: 15px; } .cart-table tr { border-bottom: 1px solid silver; } .cart-table tfoot tr { background: none; } .cart-table tfoot tr > td:after { content: ''; display: table; clear: both; } .cart-table span.or { font-size: 9px; padding: 0 5px; text-transform: uppercase;} .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove, .cart-table .product-cart-actions .button { display: none; } /*.cart-table .product-cart-image { padding-left: 0; padding-right: 0; }*/ .cart-table .product-cart-image .product-image img { max-width: 100%; width: 100%; } .cart-table .product-cart-image a.cart-edit { display: none; } .cart-table .product-cart-sku {font-style: italic; font-size: 12px; margin: 5px 0 12px; } .cart-table .product-cart-sku .label { font-weight: 600; } .cart-table .btn-empty { float: left; } .cart-table .product-cart-total, .cart-table .product-cart-price { text-align: center; } .cart-table .cart-tax-total { position: relative; cursor: pointer; } .cart-table .cart-tax-total:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #3399cc; border-left: none; position: absolute; top: 3px; right: -11px; } .cart-table .cart-tax-total.cart-tax-total-expanded:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #3399cc; border-bottom: none; right: -15px; top: 6px; } .cart-table .cart-links > li { white-space: nowrap; line-height: 1.3; margin-bottom: 5px; min-width: 65px; font-size: 13px; } .cart-table .cart-links > li > a { display: block; } .cart-table .cart-links > li:last-child { margin-bottom: 0; } .cart-table .product-cart-actions { min-width: 60px; text-align: center; } .cart-table .product-cart-actions .qty {border-color: silver; border-radius: 0; margin-bottom: 10px; text-align: center; width:2em; } .cart-table .product-cart-actions .button { margin-bottom: 5px; } .cart-table .item-options { padding-left: 15px; } /**/ @media (max-width: 767px) { .cart .cart-table tbody tr td .btn { opacity: 1; filter: alpha(opacity=100); } .cart .cart-table tbody tr td.cell_image { max-width: 32px; } } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-box { margin-bottom: 10px; min-width: 60px; } .input-box > input, .input-box > select, .input-box > textarea { margin-bottom: 0; display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } p.required { margin-bottom: 5px; line-height: 20px; color: #f00; } p.required > em { font-style: normal; } label.required > em { font-style: normal; margin-left: 0.25em; margin-left: 0.25rem; color: #f00; } .validation-advice { color: #f00; } .fieldset > .legend { font-size: 17.5px; font-weight: normal; margin: 0; } .form-list { list-style: none; } .form-list.reset { margin: 0; list-style: none; } .form-list li { margin-bottom: 10px; } .form-list li label.required > em { font-style: normal; margin-right: 0.25em; margin-right: 0.25rem; color: #f00; } .form-list li .input-box { margin-bottom: 0; } .form-list li.fields { margin-bottom: 10px; } .form-list li.fields .field { margin-bottom: 10px; } .form-list li.fields.address .field + .field { margin-top: 25px; } .form-list li.fields.address .field + .field + .field { margin-top: 0; } .form-list ul.reset { margin: 0; list-style: none; } /* additional row */ /* Customer */ /* PROJECT_NAME project elements styles */ /* @group Checkbox */ /* input[type="checkbox"] { display: block;position: absolute;visibility: hidden;width: 0;height: 0;overflow: hidden;} input[type="checkbox"] + label { } input[type="checkbox"] + label:before { display: inline-block;width: 12px;height: 12px;margin-right: 3px;content: '';vertical-align: text-bottom;background: url(../images/elements/forms/checkbox.png);background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAAAcklEQVQ4jWM4d+50BBD/JxJHMIAYr1+/JgpfvHj+/6iGIayB5KQxjQQN0waBp+/cufO/paWFOA0gxTo6OmAMYqNoSE9P/79//36cijFsiIiI+M/Pzw/WhE0xVifBNGFTjNMPIE3YFOP1NDbFFMUDSUkDAE2Z8cOx5CO+AAAAAElFTkSuQmCC") no-repeat;} input[type="checkbox"]:checked { } input[type="checkbox"]:checked + label { } input[type="checkbox"]:checked + label:before { background-position: 0 -12px;} */ /* @end */ /* @group Radio button *//* input[type="radio"] { display: block;position: absolute;visibility: hidden;width: 0;height: 0;overflow: hidden;} input[type="radio"] + label { vertical-align: bottom;} input[type="radio"] + label:before { display: inline-block;width: 17px;height: 17px;margin-right: 3px;content: '';vertical-align: middle;background: url(../images/elements/forms/radiobutton.png) no-repeat;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAiCAYAAAC5gzL5AAABRUlEQVR42rWUQc6CMBCFjYeDM+hSLyIcyY0nICxMNHFhDKzEH4NwAlfjfIlNtAZLLf/iZdLOvMcwbd+k67o37HbbqWKuWCuuiruifq5n5F/rRWRiCywVcjodparO0jSNtG0rRNbsk6fOFjECq8NhL3Vdi657QZ466o2IEViQ4IsUukAd9fAQMTPQL/xRMBjUw4OPyJx/JeELePAR2Vwu1U8i8OAjcjWz8MXt1iDSIXLnGNn8BcxlrE7CZzLa6YTfk/AbG/523K+Y6UMkul/xp5/Mnv7RQiJ+8xNIFtympIAMPkS8TKlHxH+wlsg/mlJRFJJlGdHflGg5TVOJ41iiKCKyZn+4KSVJAtkGQsNMqSxL04EN9sk7TYkZQOgDeYcpBXRiz4R/95pJ6Om4TYnW8zwnOu5J4I0d/e0AL1P6ZgWDTMn2kwfOeXAQF8GPLAAAAABJRU5ErkJggg==") no-repeat;} input[type="radio"]:checked { } input[type="radio"]:checked + label { } input[type="radio"]:checked + label:before { background-position: 0 -17px;} */ /* @end */ /* @group Select box */ .select-box { overflow: hidden; line-height: normal; background: #ebebeb url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAXCAYAAAD6FjQuAAAAaUlEQVR42u3TsQ2AQAiFYQa4MZjKhWwtmOMS93AMl7BCSF5xMWoFxoLiD3nVV0Gq+lmFFVbYcyLC1vYSR2LeaulN3aJojK1jhLA5HEPziGFTFtas3SHcloahyTFcSsXQctn11IUV9hPsBBJWC764HO9VAAAAAElFTkSuQmCC") 100% 50% no-repeat; border: 1px solid #cecece; -webkit-border-radius: 2px; border-radius: 2px; } .select-box > select { width: 100%; overflow: hidden; height: 23px; padding: 3px 20px 3px 4px; border: none; background: transparent; color: #7d7d7d; -moz-box-sizing: border-box; box-sizing: border-box; -moz-appearance: window; -webkit-appearance: none; } /*_multiple*/ .select-box_multiple { background-image: none; } .select-box_multiple > select { height: auto; } /* @end */ /* @group Form list */ /* label */ /* input */ /* controls */ /* fields */ /* wide */ /* additional row */ /* Customer */ /* validation */ .validation-advice { background: transparent; } /* required note */ /* form elements */ /* .form-list */ /* @end */ /* @group Inline Clear */ .inline-fix:after { display: block; clear: both; content: ""; } /* @end */ .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crosssell { margin: 20px 0; } .crosssell > ul > .item .product-image > img { min-width: 100%; } .crosssell > ul > .item .caption > .product-name { /*min-height: 40px;*/ line-height: 20px; } .crosssell > ul > .item .caption .price-box { /*min-height: 40px; margin-bottom: 10px;*/ } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .account-login .new-users .buttons-set { line-height: 44px; *zoom: 1;} .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set:before, .account-login .new-users .buttons-set:after { display: table; content: ""; line-height: 0; } .account-login .new-users .buttons-set:after { clear: both; } .account-login .new-users .buttons-set .required { float: left; margin: auto; line-height: inherit; } .account-login .new-users .buttons-set .btn { float: right; } .account-login .registered-users .content { padding: 0 20px 20px; background: url(../images/blocks/block/background.png); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .account-login .registered-users .content .buttons-set { line-height: 44px; } .account-login .registered-users .content .buttons-set .link-forgot { white-space: nowrap; } .account-login form { margin-bottom: 0; } .account-login h2 { font-size: 17.5px; font-weight: normal; margin: 0; } .account__or { font-size: 52.5px; line-height: 260px; text-align: center; text-transform: uppercase; color: #999999; } @media (min-width: 1200px) { .account-login .registered-users .content { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) and (max-width: 979px) { .account-login .registered-users .content { padding-left: 20px; padding-right: 20px; } .account__or { font-size: 35px; } } @media (max-width: 767px) { .account__or { font-size: 35px; line-height: 40px; } } .account-create .create-form .fieldset > h2 { font-size: 17.5px; font-weight: normal; margin: 0; } @media (max-width: 767px) { .account-create-login .buttons-set.pull-right { float: none; } } .my-account h2 { font-size: 14px; font-weight: normal; } .box-head { *zoom: 1;} .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head:before, .box-head:after { display: table; content: ""; line-height: 0; } .box-head:after { clear: both; } .box-head > h2 { font-weight: normal; float: left; } .box-head > a { float: right; margin-top: 20px; } .box .box-title { border-bottom:1px solid #E3E3E3; *zoom: 1;} .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title:before, .box .box-title:after { display: table; content: ""; line-height: 0; } .box .box-title:after { clear: both; } .box .box-title > h3 { font-size: 17.5px; font-weight: normal; margin: 0px; } .box .box-title > a { float: right; margin-top: 10px; line-height: 40px; } .box .box-content { margin-top: 20px; } .box-recent .table td { vertical-align: middle; } .box-recent .price { font-size: 14px; } .addresses-list h2 { border-bottom: 2px solid #eeeeee; } .addresses-list ol { margin: 0; list-style: none; } .addresses-list ol h3 { font-weight: normal; font-size: 17.5px; border-bottom: 1px solid #eeeeee; } .orders-history .table { margin: 20px 0; } .orders-history .table td { vertical-align: middle; } .orders-history .table .price { font-size: 14px; } .orders-history .pager-wrapper { margin-bottom: 20px; } .order-items .price { font-size: 14px; } .order-items .table tfoot tr { font-weight: bold; } .order-items .table tfoot tr .price { font-size: 14px; } .order-items .table tfoot tr.last { font-size: 17.5px; font-weight: bold; } .order-items .table tfoot tr.last .price { font-size: inherit; font-weight: inherit; } .my-wishlist .table tr .btn-remove { opacity: 0.1; filter: alpha(opacity=10); -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .my-wishlist .table tr:hover .btn-remove { opacity: 1; filter: alpha(opacity=100); } .my-wishlist .product-image { display: block; width: 100px; } .my-wishlist .cell_cart > .price-box { margin-bottom: 20px; white-space: nowrap; } .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .toolbar .pager-wrapper > .limiter { display: inline-block; float: left; padding:4px 0 0 10px; margin:5px 0; border-left:1px solid #E1E1E1;} .toolbar .pager-wrapper > .limiter > label { display: inline-block; } .pager-wrapper > .sort-by{display:inline-block; float:left; padding:4px 0 0 10px; border-left:1px solid #E1E1E1; margin:5px 0;} .pager-wrapper > .sort-by select{width:90px;} .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .opc { margin: 0; list-style: none; } .opc > li > .step-title { margin: 0 0 20px; position: relative; *zoom: 1; background:rgba(0, 186, 239, 0.05);} .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title:before, .opc > li > .step-title:after { display: table; content: ""; line-height: 0; } .opc > li > .step-title:after { clear: both; } .opc > li > .step-title > h2 { font-size: 21.875px; font-weight: normal; float: left; margin: 0 0 0 40px; line-height: 30px; color: #999999; } .opc > li > .step-title > a { float: right; display: none; opacity: 0.1; filter: alpha(opacity=10); -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .opc > li > .step-title > .number { font-size: 21.875px; font-weight: bold; position: absolute; left: 0; bottom: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; background:#00baef; color: #ECECEC;} .opc > li.active > .step-title > .number { background: #00baef; } .opc > li > .step-title:hover > a { opacity: 1; filter: alpha(opacity=100); } .opc > li > .step { margin: 20px 0; } .opc > li > .step .buttons-set { line-height: 30px; *zoom: 1;} .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set:before, .opc > li > .step .buttons-set:after { display: table; content: ""; line-height: 0; } .opc > li > .step .buttons-set:after { clear: both; } .opc > li > .step .buttons-set > p.required { float: left; margin: 0; line-height: inherit; } .opc > li > .step .buttons-set > .btn, .opc > li > .step .buttons-set > .btn-group { float: right; } .opc > li > .step .buttons-set > .please-wait { float: right; margin-right: 20px; } .opc > li > .step .sp-methods { margin: 0; } .opc > li > .step .sp-methods > dd > ul { list-style: none; } .opc > li > .step .sp-methods > dd > ul > li { margin-bottom: 10px; } .opc > li > .step .sp-methods > dd > ul > li > label { margin-bottom: 0; } .opc > li > .step form { margin-bottom: 0; } .opc > li.allow > .step-title > h2 { color: #333333; cursor: pointer; } .opc > li.allow > .step-title > .number { text-shadow: none; color: #ECECEC; } .opc > li.allow > .step-title > a { display: inline; } .opc > li.active > .step-title > .number { text-shadow: none; color: #fff; } .opc > li.active > .step-title > h2 { cursor: default; } .opc > li.active > .step-title > a { display: none; } .opc > li#opc-login #checkout-step-login h3 { font-size: 17.5px; font-weight: normal; margin: 0; } .opc > li#opc-login #checkout-step-login h4 { font-size: 14px; margin: 0; } .opc > li#opc-login #checkout-step-login .buttons-set .required { float: none; } .opc > li#opc-login #checkout-step-login .registered-users .buttons-set { line-height: 44px; } .opc > li#opc-login #checkout-step-login .registered-users .buttons-set .btn { float: none; margin-right: 10px; } .opc > li#opc-review #checkout-review-table tfoot tr { font-weight: bold; } .opc > li#opc-review #checkout-review-table tfoot tr .price { font-size: 14px; } .opc > li#opc-review #checkout-review-table tfoot tr.last { font-size: 17.5px; font-weight: bold; } .opc > li#opc-review #checkout-review-table tfoot tr.last .price { font-size: inherit; font-weight: inherit; } .opc > li#opc-review #checkout-review-table .product-name { font-weight: normal; margin: 0; line-height: 20px; } .opc > li#opc-review #checkout-review-table .cart-price > .price { font-size: 14px; font-weight: normal; } .opc > li#opc-review #checkout-review-submit .buttons-set { line-height: 44px; } @media (max-width: 767px) { .opc > li > .step-title > a { opacity: 1; filter: alpha(opacity=100); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } } .opc-block-progress .block-content > dl { margin: 0; } .opc-block-progress .block-content > dl > dt { font-weight: normal; margin-bottom: 10px; color: #999999; *zoom: 1;} .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt:before, .opc-block-progress .block-content > dl > dt:after { display: table; content: ""; line-height: 0; } .opc-block-progress .block-content > dl > dt:after { clear: both; } .opc-block-progress .block-content > dl > dt > a { font-weight: normal; float: right; margin-left: 5px; } .opc-block-progress .block-content > dl > dt > .separator { display: none; } .opc-block-progress .block-content > dl > dt.complete { font-weight: bold; padding: 3px 10px; background: #eeeeee; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .opc-block-progress .block-content > dl > dd.complete { margin-bottom: 20px; } .opc-block-progress .block-content > dl > dd.complete .price { font-size: 14px; } /* need add as container */ /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/Font-Awesome/less/../font/fontawesome-webfont.eot?v=3.0.1'); src: url('../fonts/Font-Awesome/less/../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../fonts/Font-Awesome/less/../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../fonts/Font-Awesome/less/../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0;}/* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none;} [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline-block; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] { display: inline;/* keeps button heights with and without icons the same */ } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"] { /* keeps button heights with and without icons the same */ } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="icon-"].icon-large, .nav li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } ul.icons { list-style-type: none; text-indent: -0.75em; } ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: .75em; } .icon-muted { color: #eeeeee; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(359deg);}} @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(359deg);}} @-o-keyframes spin { 0% { -o-transform: rotate(0deg);} 100% { -o-transform: rotate(359deg);}} @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg);} 100% { -ms-transform: rotate(359deg);}} @keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(359deg);}} @-moz-document url-prefix() { .icon-spin { height: .9em;} .btn .icon-spin { height: auto;} .icon-spin.icon-large { height: 1.25em;} .btn .icon-spin.icon-large { height: .75em;}} /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } /* CSS ADDED BY THEMEHEROS */ .relative { position: relative; } .page-ttl > h1, .page-ttl > h2 { color: #00baef; font-size: 20px; font-weight: normal; margin: 0; } .clear { clear: both; } .no-pad { padding: 0 !important; } .block .block-content ol{margin:0;} .top-part { padding: 15px 0 0; margin: 0 auto 20px; } .top-contain { padding:6px 0; } .welcme-txt { float: right; /*color: #fff;*/ } .store-lang { float: left; margin: -2px 0 0 10px; } .srch-btn { background:#00baef; border: none; padding:2px 8px; position: absolute; top: 0px; right:0px; color:#fff;} .navbar-search input[type=search] { padding: 5px 6px; font-size:12px; border-radius:0px; height:12px; color:#999;} .per-page { border: solid 1px #cfdfe3; width: auto; height: 24px; padding: 3px 2px; font-size: 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; } .view-mode { display: inline-block; float:left; padding:8px 0 0 0;} .view-mode .grid { float: left; margin: 0 5px 0 0; height:26px; } .view-mode .grid a { font-size: 0px; width:26px; height:26px; display: block; } .view-mode .grid button { font-size: 0px; width:26px; height:26px; display: inline-block; background: none; border: none; cursor: auto; float: left; } .view-mode .grid button.grid { background: url(../images/view-mode.gif) no-repeat left bottom; } .view-mode .grid a.list { background: url(../images/view-mode.gif) no-repeat right top; } .view-mode .grid button.list { background: url(../images/view-mode.gif) no-repeat right bottom; } .view-mode .grid a.grid { background: url(../images/view-mode.gif) no-repeat left top; } .toolbar .limiter label, .toolbar .limiter span, .toolbar .sort-by label, .toolbar .sort-by span{font-size:12px; color:#6A6D74; text-transform:capitalize;} .toolbar .pager-wrapper { float: left; margin: 0 15px 0 0; } .toolbar .sorter { float: right;} .price-box .old-price span { text-decoration: line-through; color: #8e7674; font-size: 16px; } #resultLoading { width: auto !important; right: 0px !important; } .dtl-left { float: left; width: 45%; } .dtl-right { float: left; width: 50%; margin: 0 0 0 20px; } .product-image { text-align: center; } .product-image img{width:100%;} .more-views { border-top: solid 1px #e3e3e3; margin: 0 30px 0 0; padding: 9px 0 0 0; } .more-views h2 { display: none; } .more-views ul { text-align: center; } .more-views li { list-style: none; display: inline-block; } .inner-view {overflow: hidden;} p.in-stock span { color: #DA4D43; } .detl .price-box .price { font-size: 28px; } .add-to-cart #qty { width: 40px; } .cart-view { padding: 0 5px 0 0; vertical-align: text-bottom; } .t-top { vertical-align: text-bottom; } .dtl-right h1 { background: none; border: none; text-align: left; padding: 0px 10px 5px 10px; } .table-condensed { background: #fff; } .resp-tbl th { background: #fff; } .review-product-list .product-view .product-essential .product-img-box { width: 25% !important; padding: 0 10px 0 20px; } .review-product-list .product-shop { width: 67% !important; float: right; } .news-input { height: 35px !important; box-shadow:none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .quick-access .nav { margin: 0px; } .seller-part { float: left; width: 100%; margin: 25px 0 0 0; } .my-wishlist .input-append, .my-wishlist .input-prepend { margin: 0px; } .wish-input { width: 35px; } .pad-left-right { padding: 3px 10px 0 10px; } .no-style { color: #333 !important; font-size: 14px !important; } .btn-cl { margin: 8px 0 0 0; float: right; } .product-view { float: left; width: 100%; } #nav li.arrow { background: url(../images/wte-arrow.png) no-repeat; width: 15px; height: 8px; position: absolute; left: 20px; top: -7px; } .currently .btn-remove{float:right;} .header-social{float:right;} .top-links{float:right; font-size:12px; padding:10px 15px 5px 0px;} .top-links a.green{color:#00baef;} .top-links .links{display:inline-block;} .bottom-subs{padding:25px 0 0; overflow:hidden;} .bottom-subs .call{float:right; font-size:17px; padding-top:inherit;} .bottom-subs .call span{color:#000;} .bottom-subs .wish{float:right; padding:0 0px 0 0; font-size:17px;} .bottom-subs .top-cart{float:right; padding:0 20px 0 0; font-size:17px; padding-top:inherit;} .bottom-subs .top-cart span{color:#00baef;} .navbar{background:#7C7C7C; margin:0 0 10px;} .cms-index-index .navbar{margin:0;} .nav > li > a:after { content: '\25BC'; color:rgba(0, 0, 0, 0); background:url(../images/drop-down.png) no-repeat right bottom; position:absolute; right:50px; top:20px;} .nav li > a:only-child:after { margin-left: 0; content: ''; } .footer .call{padding:30px 20px 30px 0; margin:0 20px 0 0; float:left; border-right:solid 1px #e1e1e1; font-size:20px; color:#333;} .footer .mail{padding:30px 20px 30px 0; margin:0 20px 0 0; float:left; border-right:solid 1px #e1e1e1; font-size:20px; color:#333;} .footer .place{padding:30px 0; float:left; font-size:17px; color:#333;} .bottom-brdr{border-bottom:solid 1px #e1e1e1;} .footer-block{} .footer-block h4{font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#333; font-size:16px; font-weight:normal; margin:0; padding:0 0 10px;} .footer-block li a{display:block; font-size:13px; color:#666; padding:1px 0;} .form-subscribe-header{font-size:12px; color:#999;} .form-subscribe-header{display:inline-block; padding:0 0 4px;} .form-subscribe-header h4{padding:0;} .news-bttn{background:#1b65b1; border:none; color:#fff; padding:7px 11px; margin:0 0 -34px; position:relative; font-size:13px; float:right;} .copy-div{border-top:1px solid #D1D1D1; font-size:13px; color:#333; padding:15px 0 10px;} .payment{font-size:13px; text-transform:capitalize;} aside.col-left.sidebar.span3{border:solid 1px #e3e3e3; margin-right:-2px; background:#fff;} aside.col-left.sidebar.span14{border:solid 1px #e3e3e3; margin-right:-2px; background:#fff;} aside.col-right.sidebar.span3{border:solid 1px #e3e3e3; margin-right:-2px; background:#fff;} .card-sale{color:#333; font-size:14px; margin:5px 0 0 0; text-align:right;} .top-bar{background:#f2f2f2; margin:0 0 10px 0; overflow:hidden;} .top-bar h3{float:left; font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; font-size:26px; color:#333; font-weight:normal; margin:0; padding:2px 0 0 15px;} .sort-arrow{padding:0 7px 0 4px;} .products-grid li{margin-right:-1px; padding:0 0 15px 0;} ul.products-grid{margin-bottom:20px; background-image:url(../images/list-bg.gif), url(../images/list-bg-bottom.gif), url(../images/ul-list.gif); background-position:6px top, 6px bottom, 19px top; background-repeat:no-repeat, no-repeat, repeat-y; } ul.products-grid .caption{padding:10px 10px 0 10px;} ul.products-grid .caption .desc{font-size:13px;} .category-products .select-design{font-size:20px; color:#fff; background:#999; display:inline-block; padding:5px 8px; border:none;} .category-products .select-design:hover{background:#00baef;} .products-list li{border:solid 1px #eee; margin-bottom:20px;} .products-list li .thumbnail{padding:10px;} .main-cat li a, .sub-cat li a{display:block; background:url(../images/link.gif) no-repeat 0 9px; padding:3px 0 3px 12px; color:#666;} .main-cat li a:hover, .sub-cat li a:hover{color:#00baef; background-position:0 -50px;} .main-cat li.current strong{font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#00baef; font-weight:normal; background:url(../images/link.gif) no-repeat 0 -51px; margin-left:-15px; margin-right:-15px; padding:3px 15px;} .first-block{border-bottom:solid 1px #eee; border-top:solid 1px #eee; float:left; width:100%; margin:0 0 20px;} .first-block .home-block{border-right:solid 1px #eee; margin:-10px 15px -10px 0; padding:20px 15px 21px 0; position:relative;} .cms-index-index .first-block .home-block{float:left; width:30%; min-height:440px;} .first-block .home-block:last-child{margin:-10px 0 -10px 0; border:none;} .first-block .home-block a.r-more{color:#00baef; font-size:18px; position:absolute; left:15px; bottom:17px;} .first-block .home-block a.r-more:hover{color:#00baef;} .first-block .home-block h3{font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#333; font-size:22px; margin:0; padding:0 0 20px;} .first-block .home-block li{clear:both; display:block; padding:0 0 10px 0;} .first-block .home-block li img{float:left; margin:0 15px 10px 0;} .first-block .home-block li h4{font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; font-size:18px; color:#333; font-weight:normal; margin:0;} .first-block .home-block li p{font-family: 'proxima_novalight', Arial, Helvetica, sans-serif; font-size:14px; color:#888; display:table;} .howmuch-div{border:solid 1px #eee;} .howmuch-div h4{font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#333; font-size:22px; padding:5px 0 0px 10px;} .howmuch-div p{padding:0 10px;} /*.howmuch-div th{padding:5px 10px; font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif; font-weight:normal; color:#00baef; font-size:14px; text-transform:uppercase; text-align:left;} .howmuch-div td{font-size:14px; color:#333; padding:5px 10px;} .howmuch-div tr:nth-child(even) td{background:#fafafa; border-top:solid 1px #f2f2f2; border-bottom:solid 1px #f2f2f2;} .howmuch-div td span{font-size:12px; color:#666;}*/ .box-home{background:#fafafa; border:solid 1px #f2f2f2; margin:0 0 15px 0; padding:10px;} .box-home h4{font-size:18px; color:#000; margin:0; font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; padding:0px 0 13px;} .box-home img{float:left; margin:0 10px 0 0;} .multi-button{float:right; margin:-35px 0 0 0;} .container.holder{background:#fff; border:1px solid #E3E3E3; padding:10px; margin:0 0 0 -10px;} .cms-index-index .container.holder{background:none; border:none; padding:0; margin:0;} .wishlist-index-index input[type="number"]{height:28px; border-right:none;} .breadcrumb li.home a{background:url(../images/home-breadcrumb.png) no-repeat; width:21px; height:21px; font-size:0; display:inline-block;} .exposureData h2{font-family: 'proxima_novalight', Arial, Helvetica, sans-serif;} .featured-title{border-top:solid 7px #f4f4f4; padding:15px 0 25px;} .featured-title h2{color:#00baef; font-size:30px; font-weight:normal; margin: 0; font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; text-align:center;} .featrd-cats{padding:0 0px; border-top:solid 1px #eee; border-bottom:solid 1px #eee; margin:0 0 50px 0; display:inline-block;} .featrd-cats .image{width:305px; float:left; margin:-20px 5px -20px 0px; text-align:center; border-right:solid 1px #eee; border-left:solid 1px #eee; padding:20px 0;} .featrd-cats .image:last-child{ float:left; margin:-20px 5px -20px 0;} .featrd-cats .image h3{font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; color:#333; font-size:24px; margin:0; padding:0 0 9px 0;} .featrd-cats .image p{padding:15px 10px 0; font-family: 'proxima_novalight', Arial, Helvetica, sans-serif; font-size:15px; color:#888;} .featrd-cats .image a{font-family: 'proxima_novalight', Arial, Helvetica, sans-serif; font-size:16px; color:#fff; padding:5px 5px; background:#00baef; display:inline-block;} .latest-title{padding:10px 0 30px;} .latest-title h2{color:#00baef; font-size:30px; font-weight:normal; margin: 0; font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; text-align:center;} .new-prodct .image_carousel{background:#f8f9f9; padding:50px 0 0 101px; margin:0 0 50px 0;} .new-prodct ul.products-grid{background:none;} .new-prodct .products-grid li{border-right:solid 1px #ebecec; padding:20px 20px 0 0;} .new-prodct .products-grid li .product-name{font-family: 'proxima_novalight', Arial, Helvetica, sans-serif; font-size:18px; color:#666;} #foo2_prev, #foo2_next{position:absolute; top:62px; left:23px; width:78px; height:251px; font-size:0; background:url(../images/prev-new.gif) no-repeat;} #foo2_next{left:auto; right:21px; background:url(../images/next-new.gif) no-repeat;} .dtl-left .page-title{border:none; margin:0 0 5px 0;} .dtl-left .page-title h1{font-size:22px;} .dtl-left .short-description .std{padding:15px 0 0 0; font-size:14px;} .dtl-right .product-options h4{background:#f9f9f9; border-bottom:solid 1px #dcdcdc; text-indent:15px; margin:0 2px 0 0; padding:15px 0; font-size:18px; color:#3e4347;} .dtl-right .product-options select{border:solid 1px #e9e9e9; padding:8px 6px; height:37px;} .cameraContents h2, .cameraContents .desc-banner{font-family: 'proxima_novalight', Arial, Helvetica, sans-serif;} .box-collateral ul.products-grid{margin-bottom:20px; background-image:url(../images/list-bg-4.gif), url(../images/list-bg-bottom-4.gif), url(../images/ul-list-4.gif); background-position:13px 7px, 15px bottom, 20px 6px; background-repeat:no-repeat, no-repeat, repeat-y; } .product-options-bottom .btn-cart{background:#00baef; background-color:#00baef; font-size:22px; color:#fff; width:100%; padding:20px 0;} .product-options-bottom .btn-cart:hover, .product-options-bottom .btn-cart:focus, .product-options-bottom .btn-cart:active{background:#00baef;} .product-options-bottom .price-box{background:#f8f5e8; margin:0 -15px 20px !important; padding:20px !important; overflow:hidden; font-size:24px; color:#666;} .product-options-bottom span.price{float:right; font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif; font-weight:normal; color:#000; font-size:24px;} .product-options dd.last .input-box input[type=file]{opacity:0; width:100%; height:60px; cursor:pointer;} .upsell-ttl{font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; color:#00baef; font-size:25px; text-align:center;} .image_carousel.category-products .caroufredsel_wrapper{min-height:306px;} .image_carousel.category-products .caroufredsel_wrapper ul.products-grid{min-height:306px;} .checkout-cart-configure .add-to-cart-buttons .btn-cart{margin:10px 0 0 0;} .banner-static{position:absolute; top:-49px; right:0;} /* CSS ADDED BY THEMEHEROS */ /* ----------------------------------- Default Magento css ----------------------------------- */ /* Global Messages */ .messages, .messages ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .messages { width: 100%; overflow: hidden; clear: both; } .messages li { margin: 0 0 10px !important; } .messages li li { margin: 0 0 3px !important; } .messages li li span { font-weight: normal; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position: 10px 9px !important; background-repeat: no-repeat !important; min-height: 24px !important; padding: 8px 8px 5px 40px !important; font-size: 14px !important; } .error-msg { background: #faebe7 url(../images/i_msg-error.png); color: #df280a; } .success-msg { background: #eff5ea url(../images/i_msg-success.png); color: #3d6611; } .note-msg, .notice-msg { background: #fafaec url(../images/i_msg-note.png); color: #AD8E00; } /* Product Options */ .product-options { margin: 0px 0 0; position: relative; /*background-color:#f6f6f6; border:1px solid #e4e4e4;*/ } .product-options dt { padding: 10px 15px 0; font-weight: normal; } .product-options dt label { font-weight: bold; color: #2f2f2f; } .product-options dt label.required em { color: #eb340a; margin-left: 5px; } .product-options dd .qty-holder { display: block; padding: 10px 0 0; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; color: #2f2f2f; } .product-options dd { padding:0 15px; margin:0; /*border-bottom: 1px solid #e4e4e4;*/ } .product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; } .product-options dd input.input-text { width: 98%; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-box; display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width:100%; } .product-options dd .multiselect option { border-bottom: 1px dotted #d9e5ee; padding: 2px 4px; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; padding: 2px 0; } .product-options ul.options-list input.radio { float: left; margin-top: 3px; } .product-options ul.options-list input.checkbox { float: left; margin-top: 3px; } .product-options ul.options-list .label { display: block; margin-left: 18px; } .product-options ul.options-list label { font-weight: normal; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.note { margin: 0; font-size: 11px; } .product-options p.required { position: absolute; right: 20px; top: 20px; } .product-options-bottom {padding:15px; border: 1px solid #e4e4e4; border-top:none;} .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #e26703; } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #e26703; } .product-options-bottom .price-box { float: left; margin: 0; padding: 0; } .product-options-bottom .add-to-links { clear: both; padding: 5px 0 0; text-align: right; } .col3-layout .product-options-bottom .price-box { float: none; padding: 0 0 5px; } .product-options-bottom .price-label { float: left; padding-right: 5px; } .product-options-bottom .price-tax { float: left; } /*.product-options-bottom .add-to-cart { float: right; }*/ .product-shop .product-options-bottom { margin: 0 0 10px; } .product-shop .product-options-bottom .price-box { float: none; margin: 0 0 5px; } .product-shop .product-options-bottom .price-label { float: none; padding-right: 0; } .product-shop .product-options-bottom .price-tax { float: none; } .product-shop .product-options-bottom .add-to-cart-box { clear: both; float: left; padding-top: 12px; } .product-shop .product-options-bottom .add-to-links { clear: both; padding: 5px 0 0; text-align: right; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin: 0; padding: 0; } /* Page Heading */ .dashboard .page-title, .my-account .page-title { width: 100%; border-bottom: 1px solid #ccc; margin: 10px 0 25px; } .dashboard .page-title h1, .dashboard .page-title h2, .my-account .page-title h1, .my-account .page-title h2 { margin: 0; font-size: 20px; color:#00baef; line-height: 20px; } .all-ttl { width: 100%; border-bottom: 1px solid #ccc; margin: 10px 0 25px; } .all-ttl h1, .all-ttl h2 { margin: 0; font-size: 20px; color: #DD7165; line-height: 30px; font-weight: normal; } /* Address Book */ .addresses-list h2 { font-size: 20px; color: #10618c; } .addresses-list h3 { font-weight: bold; font-size: 13px; } .addresses-list address { margin: 0 0 3px; } .addresses-list p { margin: 0; } .addresses-list a { font-weight: bold; } .addresses-list .link-remove { color: #646464; } .addresses-list .separator { margin: 0 3px; } .addresses-list li.item { background:#fdfaee; padding: 10px 13px; margin: 0 0 10px; } .addresses-list li.empty { background: none; border: 0; padding: 0; } .addresses-list li.empty p { font-weight: bold; } .addresses-list .addresses-additional li.item { background: none; border: 0; padding: 0; } /* Multiple Addresses Checkout */ .checkout-progress { padding: 0 90px; margin: 20px 0 30px; overflow: hidden; } .checkout-progress li { float: left; width:19%; margin:0 2px 0 0; border-top: 10px solid #33cc87; padding: 2px 0 0; font-size: 14px; text-align: center; color:#666; list-style: none; } .checkout-progress li.active { border-top-color: #1d9961; color:#333;} .multiple-checkout h2 { font-size: 18px; font-weight: normal; margin: 0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size: 14px; font-weight: normal; color: #00baef; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight: normal; font-size: 13px; } .box-title a { float: right; } .multiple-checkout .data-table .product-name { font-size: 1em !important; font-weight: bold !important; color: #1e7ec8 !important; } .multiple-checkout .data-table .product-name a{font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif;} .multiple-checkout .data-table .item-options { margin: 5px 0 0; } .multiple-checkout .gift-messages { margin: 15px 0 0; } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 20px; } .multiple-checkout .col2-set h2.legend { padding: 5px 0; position: relative; } .multiple-checkout .col2-set h3.legend { margin: 0 0 10px; color: #0a263c; } .multiple-checkout .col2-set .divider { margin: 0 -20px; padding: 25px 0; position: relative; } .multiple-checkout .place-order .please-wait { float: right; padding: 27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float: right; height: 71px; font-size: 1.5em; padding: 0 0 0 21px; background: url(../images/bkg_grand-total.gif) 0 0 no-repeat; overflow: hidden; } .multiple-checkout .place-order .grand-total .inner { float: left; height: 57px; padding: 14px 0 0 0; } .multiple-checkout .place-order .grand-total .inner div { display: inline; } .multiple-checkout .place-order .grand-total big { display: inline; margin-right: 12px; font-size: 18px; } .multiple-checkout .place-order .grand-total .price {font-size: 28px; } .multiple-checkout .place-order .grand-total button.button span { font-size: 16px; } .multiple-checkout .place-order .grand-total button.button span span { padding: 0 45px 0 36px; } /* Step 1 */ /*.multiple-checkout .title-buttons button.button span { border-color:#406a83; background:#618499; }*/ #multiship-addresses-table td { padding: 10px; } #multiship-addresses-table tfoot td { padding: 5px 10px; } /*#multiship-addresses-table tfoot button.button span { border-color: #406a83; background: #618499; }*/ /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width: 100%; overflow: hidden; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right: -15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width: 230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width: 215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width: 209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width: 445px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width: 439px; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #C8F7E2; background:#F5FFFB; padding: 13px; position: relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { position: absolute; top: -20px; right: -40px; width: 178px; height: 41px; background: url(../images/bkg_sp-methods.gif) 0 0 no-repeat; overflow: hidden; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position: relative; } /* Data Table */ .data-table { width: 100%; border: 1px solid #91bbe6; } .data-table .odd { background:#e5f2ff; } .data-table .even { background: #fff; } .data-table td, .data-table th { padding: 10px; vertical-align: top; } .data-table th {text-align: left; background: #C9E0F7; font-weight:normal; font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 1.4; white-space:nowrap;} .data-table thead th, .data-table tbody td { border-bottom: 1px solid #91bbe6; } .data-table tfoot tr { background: #f4f4f4; } .data-table tbody td .item-options { margin-left: 20px; margin-top: 10px; } .data-table tbody td .item-options dt:after { content: ':'; } /* Data Table - Bundle products tables */ .data-table tbody.odd tr { background: #F8F0E4 !important; } .data-table tbody.even tr { background: #f6f6f6 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom: 0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom: 1px solid #BEA483; } .data-table tbody td .option-label { font-weight: bold; font-style: italic; } .data-table tbody td .option-value { padding-left: 10px; } /* Block: Tags */ .dashboard .box-tags .number { float: left; font-size: 16px; font-weight: bold; line-height: 1; color: #fff; margin: 3px -20px 0 0; padding: 2px 3px; background: #d75a4d; } .dashboard .box-tags .details { margin-left: 20px; } .dashboard .box-tags li.item { margin: 0 0 7px; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul { display: inline; } .dashboard .box-tags .tags ul li { display: inline-block; background: #f75c5a; padding: 1px 7px 4px; color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 0 4px 0; } .dashboard .box-tags .tags ul li a { color: #fff; } #my-reviews-table td { padding: 10px; } .product-review .product-img-box { float: left; width: 140px; } .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px; } .product-review .product-img-box .label { font-size: 11px; margin: 0 0 3px; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 0 3px; } .product-review .product-details { margin-left: 150px; } .product-review .product-name { font-size: 16px; font-weight: bold; margin: 0 0 10px; } .product-review h3 { font-size: 12px; margin: 0 0 3px; color: #2f2f2f; } .product-review .ratings-table { margin: 0 0 10px; } .product-review dt { font-weight: bold; } .product-review dd { font-size: 13px; margin: 5px 0 0; } .no-rating { margin: 0; } .ratings { font-size: 11px; margin: 7px 0; } .ratings strong { float: left; margin: 1px 3px 0 0; } .ratings .rating-links { margin: 0; } .ratings .rating-links .separator { margin: 0 2px; } .ratings dt { } .ratings dd { } .rating-box { width: 69px; height: 13px; font-size: 0; line-height: 0; background: url(../images/bkg_rating.png) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .rating-box .rating { float: left; height: 13px; background: url(../images/bkg_rating.png) 0 100% repeat-x; } .ratings .rating-box { margin-right: 3px; } .ratings-table th, .ratings-table td { font-size: 11px; line-height: 1.15; padding: 3px 0; } .ratings-table th { font-weight: bold; padding-right: 8px; } /* Block: Reviews */ .dashboard .box-reviews .number { float: left; font-size: 16px; font-weight: bold; line-height: 1; color: #fff; margin: 3px -20px 0 0; padding: 2px 3px; background: #d75a4d; } .dashboard .box-reviews .details { margin-left: 20px; } .dashboard .box-reviews li.item { margin: 0 0 7px; } .dashboard .box-reviews li.item.last { margin: 0; } .dashboard .box-reviews .ratings { margin: 7px 0 0; overflow: hidden; } /* Tier Prices */ .product-pricing, .tier-prices { margin: 10px 0; padding: 10px; background-color: #FECFCE; border: 1px solid #F67E7B; color: #424242; } .tier-prices li { line-height: 1.4; padding: 2px 0 2px 10px; list-style: none; } .tier-prices .benefit { font-style: italic; font-weight: bold; color: #2f2f2f; } .tier-prices .price { font-weight: bold; } .tier-prices-grouped li { padding: 2px 0; color: #e26703; } .tier-prices-grouped li .price { font-weight: bold; } .col2-set .col-narrow { width: 32%; float: left; } .col2-set .col-wide { width: 53%; float: right; } /* Related Product Right Column Block */ #block-related{} #block-related li{display:inline-block; width:100%; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:solid 1px #dadada;} #block-related li:last-child{border:none;} #block-related li .product{float:right; width:90%;} #block-related li .product .product-details{float:right; width:69%;} #block-related li .product .product-details .product-name{text-transform:capitalize; color:#393939; margin:0; font-weight:bold;} #block-related li .product .product-details .price-box .price{font-size:13px;} #block-related li .product .product-details .link-wishlist{font-size:12px; font-weight:bold; text-decoration:underline;} /* My Account Global Styles */ body.customer-account-index .my-account .page-title h1 { border: 0; text-align: left; } body.customer-account-index .my-account .title-buttons { position: relative; text-align: right; } body.customer-account-index .my-account .title-buttons h1 { text-align: left; } body.customer-account-index .my-account .title-buttons .button { position: absolute; right: 0; top: 0; } body.customer-account-index .my-account .title-buttons a, body.customer-account-index .my-account .title-buttons span.separator { position: relative; top: -42px; } body.customer-account-index .my-account .fieldset h2, body.customer-account-index .my-account .addresses-list h2, body.customer-account-index .my-account .order-details h2 { width: 100%; display: inline-block; } body.customer-account-index .my-account .addresses-list h3 { font-size: 14px; font-weight: 600; } body.customer-account-index .my-account .fieldset { margin-top: 30px; margin-bottom: 30px; } body.customer-account-index .data-table { margin-top: 5px; } body.customer-account-index .data-table td a { font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; font-style: normal; font-size: 13px; } body.customer-account-index .sidebar .block ol#compare-items li { margin: 10px 0; } body.customer-account-index .sidebar .block .block-content p.block-subtitle { margin-bottom: 15px; } body.customer-account-index .sidebar .block .block-content .actions { margin-top: 30px; } body.customer-account-index .sidebar ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } body.customer-account-index .sidebar ol#cart-sidebar-reorder p.product-name { /*display: inline-block;*/ margin-bottom: 0; } body.customer-account-index .sidebar .block-cart .summary { margin-bottom: 15px; } ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } ol#cart-sidebar-reorder li input { margin-right: 10px; } ol#cart-sidebar-reorder p.product-name { display: inline; margin-bottom: 0; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day { width: 40px; float: left; margin-right: 10px; } .form-list .customer-dob .dob-year { width: 80px; float: left; } /* Checkout - Cart */ .cart .page-title { margin-bottom: 15px; border-bottom: 1px solid #ededed; } .cart .page-title:after { content: ''; display: table; clear: both; } .cart .page-title h1 { float: left; border-bottom: none; margin-bottom: 6px; margin-right: 10px; } .checkout-types { float: right; text-align: right; max-width: 100%;/* We always want this shipping method to display on its own line */} .checkout-types li { vertical-align: top; margin: 0 0 5px 5px; } .checkout-types li:after { content: ''; display: table; clear: both; } .checkout-types li img { display: inline; vertical-align: top; } .checkout-types li:first-child { margin-left: 0; } .checkout-types .method-checkout-cart-methods-multishipping { display: block; } .checkout-types.top li { display: inline-block; } .checkout-types.top .bml_button { display: inline-block; vertical-align: top; } .checkout-types.top .bml_button img { display: block; } .checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a { display: block; } .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { margin: 0px; width: 150px; display: block; text-align: center; float: right; } .cart-totals .checkout-types .btn-checkout { margin-bottom: 7px; } /* Checkout - Layout */ .cart-table { float: left; width:100%; } /*.cart-forms, .cart-totals-wrapper, .crosssell { float: right; clear: right; width:37%; padding-left: 20px; }*/ .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { padding: 10px; background-color:#fff; border:1px solid #00BAEF; } .cart-table, .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { margin-bottom: 20px; } .display-both-prices .cart-table { float: none; width: 100%; } .display-both-prices .cart-forms { float: left; padding-right: 10px; padding-left: 0; } .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { padding-left: 10px; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { width: 50%; } .display-both-prices .crosssell { clear: right; float: right; } .discount-form:after, #giftcard-form:after { content: ''; display: table; clear: both; } #discount-coupon-form, .cart .giftcard { width: 100%; } #discount-coupon-form h2, .cart .giftcard h2 { display: none; } #discount-coupon-form label, .cart .giftcard label { font-size: 12px; font-weight: 400; text-align: left; text-transform: uppercase; min-width: 105px; display: inline-block; margin-right: 10px; } #discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper { display: inline-block; } #discount-coupon-form .validation-advice, .cart .giftcard .validation-advice { display: inline; } #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper { display: inline-block; vertical-align: bottom; } #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button { float: left; } #discount-coupon-form .input-text, .cart .giftcard .input-text { border-radius: 0; margin: 4px 10px 0 0; width: 190px;} .cart .giftcard p { margin-bottom: 7px; } .cart .giftcard .check-gc-status { float: left; padding: 0px; } .cart .giftcard .check-gc-status > span > span { font-size: 14px; text-transform: none; } .shipping h2 { font-size: 12px; font-weight: bold; margin: 0 0 5px; } .shipping select { max-width: 100%; height: 30px; display: block; border: 1px solid silver; } .shipping select.validation-failed { border-color: red; } .shipping .shipping-desc { display: none; } .shipping .buttons-set { border: none; margin: 0; padding: 0; } .shipping .form-list:after { content: ''; display: table; clear: both; } .shipping .form-list .shipping-postcode input { margin-top: 4px; } .shipping .form-list .input-box { padding-top: 0; } .shipping .form-list input { height: 30px; margin-top: 4px; } .shipping .form-list label { font-size: 13px; font-weight: 400; text-transform: uppercase; } .shipping .sp-methods { padding: 10px 0 0; text-align: left; } .shipping .sp-methods dd { margin-bottom: 10px; } .shipping .sp-methods label { font-size: 12px; font-style: italic; min-width: 100px; } .shipping .sp-methods label span { font-weight: bold; font-style: normal; } .shipping #co-shipping-method-form .buttons-set .button { float: left; margin-left: 0; } .shipping #co-shipping-method-form .sp-methods dd label { border: 1px solid #cccccc; background-color: #e7e7e7; min-width: 220px; } .shipping #co-shipping-method-form .sp-methods dd label:hover { background-color: #dbdbdb; } .cart .cart-totals { text-align: right; } .cart .cart-totals:after { content: ''; display: table; clear: both; } .cart .cart-totals table { font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; margin-bottom: 20px; text-transform: uppercase; width: 100%; } .cart .cart-totals table td { padding: 2px 0px; } .cart .cart-totals table td:first-child { padding-right: 10px; min-width: 120px; } .cart .cart-totals table tbody tr:last-child td, .cart .cart-totals table tbody tr:last-child th { padding-bottom: 10px; } .cart .cart-totals table tfoot { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; } .cart .cart-totals table tfoot td { font-size: 24px; padding: 2px 5px; vertical-align: top; } .cart .cart-totals table tfoot strong span, .cart .cart-totals table tfoot span.price { font-family: "Helvetica Neue", Verdana, Arial, sans-serif; } .cart .cart-totals table tfoot strong { font-weight: 400; } /* ----------------------------------- Default Magento css ----------------------------------- */ /* ------------------------------------- Mobile Menu css ------------------------------------- */ #ma-mobilemenu { } .nav-collapse, .nav-collapse.collapse { } .navbar-inner { border-radius: 0; } .navbar .brand { color: #fff; } .collapse.in { } .mobilemenu { list-style-type: none; padding: 0; margin: 0; } .mobilemenu ul { padding: 0; margin: 0; float: left; display: block; width: 100%; } .mobilemenu li { cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; position: relative; text-align: left; } .mobilemenu li.active>a { /*background: url('../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 #fff; font-size: 1.1em; line-height: 45px; font-weight: normal; color: #fff; padding: 0 10px; display: block; cursor: pointer; } .mobilemenu a:hover { color: #fff; background:#00baef;} .mobilemenu ul a:hover, .mobilemenu ul li.active a { color: #fff !important; } .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 {} .mobilemenu li ul li { font-size: 0.9em; background:#666; } .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; } .mobilemenu span.head { position: absolute; top: 0px; right: 8px; } .mobilemenu span.head a { background: url(../images/menu_down.png) no-repeat 50% 50%; color: #333333; display: block; height: 45px; padding: 0; width: 70px; border: 0; } .mobilemenu li.active>span.head a { background: url(../images/menu_up.png) no-repeat 50% 50%; } .mobilemenu li.selected span.head a { background: url(../images/menu_up.png) no-repeat 50% 50%; } /* ----------------------------------- Mobile Menu css ----------------------------------- */ /* -------------------------------- Modules - reusable parts of our design -------------------------------- */ .cd-container { width: 90%; max-width: 768px; margin: 2em auto; } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } /* -------------------------------- Main components -------------------------------- */ main p { font-size: 16px; font-size: 1rem; line-height: 1.6; margin: 2em 0; } @media only screen and (min-width: 1024px) { main p { font-size: 20px; font-size: 1.25rem; } } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(112, 216, 246, 1) url(img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color: #00baef; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } .idTabs ul { background:#00BAEF; padding:5px 5px 25px 0px; float:none; } .idTabs li { list-style:none; padding:0px; float:left; } .idTabs a { color:snow; padding:10px; font:bold 10pt ; text-decoration:none; } .idTabs a.selected { background:#FFF; color:#00BAEF; padding: 10px; } .items>div { display:none; float:left; margin: 0; padding: 0px 10px 20px 10px;margin-bottom: 30px; } .idTabs ul, .idTabs a { border-radius:0px; -moz-border-radius:4px; } .title-itabs { color:#09F; } #customer-reviews a{ color:#00BAEF; } .iwd_opc_select_container{ overflow: auto !important; } #review-form .form-list{ background: none !important; margin-top: 10px !important; } #review-form .form-list li{ width: 100% !important; } .box_upload p{ font-size: 12px !important; } .show_upload{ width: 125px !important; } .upload-box #list_allimages .data-table td{ padding: 3px !important; } .upload-note{ margin-top: 5px; } .banner-title {color:#fff; } .banner-title3 {color:#fff; padding:2px 10px 2px 0px; display:inline-block;} .banner-title1 { color:#fff; background:#6a6967; padding:2px 10px 2px 10px; display:inline-block;} .banner-title2 { color:#000; background:#fff; padding:2px 10px 2px 10px; display:inline-block;} .banner-desc1 { color:#fff; background:#6a6967; padding:2px 10px 2px 10px; display:inline-block;} .banner-desc2 { color:#fff; background:#6a6967; padding:2px 10px 2px 10px; display:inline-block;} .banner-desc3 { color:#000; background:#fff; padding:2px 10px 2px 10px; display:inline-block;} .catalog-category-view .col-main.span12 ul.products-grid{ max-width: 900px; margin: 0 auto; background-image:none !important; } .catalog-category-view .col-main.span12 ul.products-grid .span3.item{ width: 280px; } @media only screen and (max-width: 768px) { .catalog-category-view .col-main.span12 ul.products-grid .span3.item { width: 300px; margin: 0 auto !important; } } .checkout-cart-index .cart-forms .shipping{ display:none; } .category-products .toolbar .sorter{ display: none; } .catalog-product-view .tier-prices,.product-options ul.tier-prices{ display: none !important; } /* new styles */ .top-part{ margin: 0 auto 0px; padding: 10px 0 0 0; } .top-cart img{ max-width: 23px; margin-right: 7px; position: relative; top: -1px; } .rightspan{ width: 720px !important; } .navbar{ background: #fff; border-top: 1px solid #dedbdb; margin-bottom: 20px; } .ms-megamenu .ms-topmenu{ background: #fff; } .ms-topmenu .ms-label{ color: #000; font-size: 15px; } .top-part .call{ position: relative; top: 20px; left: 16px; font-size: 18px; } .bottom-subs{ padding:0; position: relative; top: -11px; } .bottom-subs .top-cart{ padding: 5px 0 0 0; font-size: 15px; color: #000; } .bottom-subs .wish{ padding: 3px 0px 0 0; } .navbar-search{ margin: 0 !important; margin-right: 20px !important; } .navbar-search input[type=search]{ padding: 11px 6px; font-size: 13px; border-radius: 0px; height: 10px; color: #000; width: 220px; } .srch-btn{ padding: 7px 12px; } .srch-btn:hover{ background: #ec008c; } .customer-links{ float: right; position: relative; top: -7px; border-right: 1px solid #dedbdb; padding-right: 10px; margin-right: 10px; } .customer-links p{ margin: 0; position: relative; top: 6px; } .customer-links a{ font-size: 12px; color: #00adee; } .customer-links a:hover{ color: #ec008c; } .footer .call,.footer .place,.footer .mail{ font-size: 16px; } .footer-block .fa{ font-size: 40px; margin-right: 5px; } @media only screen and (max-width: 979px) { .top-part .call{ display:none; } .header-container .header .i-logo .logo,.header-container .header .i-logo{ max-width: 150px; } .rightspan{ width: 554px !important; } .bottom-subs{ top: 0; } } @media only screen and (max-width: 767px) { .rightspan{ width: 100% !important; } .bottom-subs .top-cart{ float: right !important; } .bottom-subs .wish{ float: left !important; } .header-container .header .i-logo{ margin: 0 auto; padding-bottom: 10px; } } @media only screen and (max-width: 500px) { .navbar-search{ margin-right: 0px !important; width:100%; } .bottom-subs .wish{ width: 100%; } .navbar-search input[type=search]{ width: 84%; } .srch-btn{ width: 16%; position: absolute; } .customer-links{ float: left; border-right:none; } .customer-links p{ text-align: left; } .top-cart img{ top: -3px; } }