/* ========================================================================== Font Face: Proxima nova ========================================================================== */ @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_nova_rgbold'; src: url('../fonts/proximanova-bold-webfont.eot'); src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf') format('truetype'), url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') 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-webfont.eot'); src: url('../fonts/proximanova-semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-semibold-webfont-webfont.woff') format('woff'), url('../fonts/proximanova-semibold-webfont-webfont.ttf') format('truetype'), url('../fonts/proximanova-semibold-webfont-webfont.svg#proxima_novasemibold') format('svg'); font-weight: normal; font-style: normal; } /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; overflow-x: hidden; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */ audio, canvas, img, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } input.Textbox, textarea, input[type=text], input[type=password], input[type=email], button{box-sizing: inherit !important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* Primary styles ---------------------------------------- */ a{ text-decoration:none; border:0; -webkit-transition:color 0.2s ease 0s; -moz-transition:color 0.2s ease 0s;-o-transition:color 0.2s ease 0s;-ms-transsition:color 0.2s ease 0s; transition:color 0.2s ease 0s;} a:hover{ text-decoration:none; border:0;} .wrapper{ width:100%; /*opacity: 0; visibility: hidden;*/} .mobile #header{ position:fixed; top:0; z-index:9999; background:#fff;} .mobile #header + #banner{margin-top: 57px !important;} .mobile #header + #CartContent + #banner{margin-top: 57px !important;} .mobile #header + #CartContent_extra + #banner{margin-top: 57px !important;} .mobile .title, .mobile .TitleHeading{ margin-top:57px !important;} #header{ width:100%; position:relative;} #header.fixed{ position:fixed; top:0; z-index:101; background:#fff;} .header-in{ position:relative; z-index:101; background:#fff; padding-left:55px;} .mean-bar + .header-in{ float:none; margin-left:55px; padding-left:0;} .logo{ width:98px; float:left; line-height:normal; background:#fff;} .logo img{ margin-bottom:0; display:block; width:100%;} .header-right{ width:133px; float:right; background:#fff;} .header-top{ display:none;} .header-bottom{display:table-cell; vertical-align:middle;} .primary-menu{ display:none;} .search-button{width:31px; height:32px; float:right; background:url('../img/sprite.png') no-repeat 0 0; cursor:pointer; margin-right:20px;} .CartLink{ float:right; line-height:18px; position:relative; margin-right:35px;} .CartLink > span{ display:block; font-size:0;} .CartLink a.shoping-cart{ width:34px; height:34px; background:url('../img/sprite.png') no-repeat -31px 0; display:block; text-indent:-20000px;} .CartLink a.minicart{ display:none;} .cart-popup{ width:422px; background:#ffffff;-webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.26);-moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.26);box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.26); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:25px 20px 25px; position:absolute; right:0; top:40px; visibility: hidden; opacity: 0;} .cart-popup #emptycartmsg{text-align: center; font-size:13px; line-height:18px; color:#999999; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; } .cart-scroll{overflow-y: scroll;} .cart-popup span.arrow{ width:32px; height:22px; background:url('../img/sprite.png') no-repeat -65px 0; position:absolute; right:67px; top:-22px; margin-left:-16px; display:block;} .cart-popup thead th{ font-size:13px; color:#999999; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:500; border-bottom:1px solid #d8dde1; padding:8px; text-align:left;} .cart-popup tbody td{ padding:5px; border-bottom:1px solid #d8dde1;} .cart-popup .pro-title a{ font-size:13px; font-family: 'Gotham SSm A', 'Gotham SSm B'; color:#0b2944; font-weight:500;} .cart-popup .pro-qty span{/*border: 3px solid #f2f2f2;*/ padding: 0; width:50px; display: block; font-size:20px; font-weight:400; line-height: 50px; font-family:'Cochin W01 Roman'; color: #666666; text-align: center;} .cart-popup .pro-qty select{ border:3px solid #f2f2f2; padding:5px;} .pro-price{ font-size:18px; color:#666666; font-family:'Cochin W01 Roman'; /*background:url('../img/sprite.png') no-repeat 0 center; padding-left:30px !important;*/ width:102px;} .pro-price em{font-style: normal;} .pro-total{ text-align:right; font-size:13px; color:#999999; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:500; padding:15px 0 55px;} .pro-total span{ font-size:0; color:#a2463d; font-family:'Cochin W01 Roman'; margin-left:20px;} .pro-total span strong{font-size: 18px;} #SideCartContents p{margin:0; text-align: center;} .pro-checkout{ text-align:center;} #SideCartContents p .CheckoutLink, #SideCartContents p .ViewCartLink{ padding:0; width:170px; background:#a2463d; color:#fff; font-size:14px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:500; line-height:56px; display:inline-block !important; margin:0 5px; -webkit-transition:background 0.2s ease 0s; -moz-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;-ms-transsition:background 0.2s ease 0s; transition:background 0.2s ease 0s; text-transform: uppercase;} #SideCartContents p .CheckoutLink:hover, #SideCartContents p .ViewCartLink:hover{ background:#0b2944;} .cart-popup a.close{ width:10px; height:10px; background:url('../img/sprite.png') no-repeat 0 -53px; position:absolute; right:10px; top:10px;} .cart-overlay{ background:rgba(0,0,0,0.43); position:fixed; width:100%; height:100%; top:0; left:0; z-index:101; display:none;} .mobileSub .mean-container .mean-nav ul li li ul{margin: 0 !important;} #banner{ position:relative;} #banner h2{} .caroufredsel_wrapper{ cursor:auto !important;} .banner-inner{ left:0 !important;} .slider-pan{ position:relative; float:left;} .slider-pan img{ width:100%;} .slider-pan-text{ max-width:100%; width:100%; position:absolute; top:0; left:0; text-align:center; opacity:0;} .slider-pan-text span{ font-size:12px; color:#fff; text-transform:uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:300; margin-bottom:22px; display:block;} .slider-pan-text h2{ font-size:30px; line-height:20px; font-family: 'Didot 42 A', 'Didot 42 B'; font-weight:300; font-style:italic; color:#fff; text-transform:uppercase; margin:0 0 30px; padding: 0;} .slider-pan-text h2 span{font-size: 30px; text-transform: lowercase; font-family: 'Didot 42 A', 'Didot 42 B'; font-weight:300; font-style:italic; display: inline-block;} .slider-pan-text a.shop-button{ border:1px solid #ffffff; padding:0 23px; font-size:16px; color:#ffffff; line-height:40px; font-family:'Cochin W01 Roman'; text-transform:uppercase; display:inline-block; margin:0 auto;-webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;-ms-transsition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;} .slider-pan-text a.shop-button:hover{ background:#fff; color:#0b2944;} .mobile .slider-button{ display:none;} .mobile #pager{ display:none !important;} .mobile .explore{ display:none;} .search{ width:100%; background:#eaecee; height:95px; position:absolute; top:93%; z-index:10; opacity:0; visibility:hidden;} .search form{ padding:0 50px 0 20px;} .search input[type=text]{ width:100%; background:none; border:0; padding:35px 0 35px 0; font-size:13px !important; line-height:28px; color:#0b2944; font-weight:500; text-transform:uppercase; outline:none; box-sizing: inherit; margin: 0; height: auto; font-family: "Gotham SSm A","Gotham SSm B";} .search input::-webkit-input-placeholder{color:#0b2944;opacity:1} .search input:-moz-placeholder{color:#0b2944;opacity:1} .search input::-moz-placeholder{color:#0b2944;opacity:1} .search input:-ms-input-placeholder{color:#0b2944;opacity:1} .search-close{ width:21px; height:20px; background:url('../img/sprite.png') no-repeat -97px 0; display:block; position:absolute; right:20px; top:50%; margin-top:-10px;} .search.open{ top:100%; opacity:1;} .mobile .brands{ display:none;} .home-box{ width:100%;} .home-box-pan{ width:100%; overflow:hidden; display: block;} .home-box-pan h3{ font-size:50px; line-height:54px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:300; color:#fff; text-transform:uppercase; background:url('../img/blue-ribon.png') no-repeat center 0; padding-top:30px; padding-bottom:0; margin:0;} .shopnow{ width:135px; margin:0 auto; position:relative; text-align:center;} .home-box-pan.odd .home-box-img img{ position:relative;} .home-box-pan.men{background:#a2463d;} .men .home-box-pan-left{ width:40%; height:0; float:left; padding-bottom:33.33%; position:relative; background:#a2463d;} .men .home-box-pan-right{ width:60%; height:0; padding-bottom:33.33%; position:absolute; right:0; overflow:hidden;} .men .shopnow span{ background:#8a413e; width:100%; height:1px; position:absolute; left:0; top:50%;} .men .shopnow h6{background:#a2463d; font-size:13px; color:#0b2944; text-transform:uppercase; padding:0 6px; display:inline-block; position:relative; font-family:'Cochin W01 Roman'; margin: 0;} .home-box-pan.women{background:#cedbe4;} .women .home-box-pan-left{ width:60%; height:0; padding-bottom:33.33%; position:absolute; left:0; overflow:hidden;} .women .home-box-pan-right{ width:40%; height:0; float:right; padding-bottom:33.33%; position:relative; background:#cedbe4;} .women .shopnow span{ background:#afbeca; width:100%; height:1px; position:absolute; left:0; top:50%;} .women .shopnow h6{background:#cedbe4; font-size:13px; color:#0b2944; text-transform:uppercase; padding:0 6px; display:inline-block; position:relative; font-family:'Cochin W01 Roman'; margin: 0;} .women.home-box-pan h3{background:url('../img/red-ribon.png') no-repeat center 0;} .women .shopnow{ min-width:135px; position:relative; text-align:center;} .home-box-pan.children{background:#0b2944;} .children .home-box-pan-left{ width:40%; height:0; float:left; padding-bottom:33.33%; position:relative; background:#0b2944;} .children .home-box-pan-right{ width:60%; height:0; padding-bottom:33.33%; position:absolute; right:0; overflow:hidden;} .children .shopnow span{ background:#40596f; width:100%; height:1px; position:absolute; left:0; top:50%;} .children .shopnow h6{background:#0b2944; font-size:13px; color:#fff; text-transform:uppercase; padding:0 6px; display:inline-block; position:relative; font-family:'Cochin W01 Roman'; margin: 0;} .children.home-box-pan h3{background:url('../img/red-ribon.png') no-repeat center 0;} .children .shopnow{ min-width:135px; position:relative; text-align:center;} .mobile .home-box-img{ display:none;} .mobile .home-box-text{ width:100% !important; padding:55px 0; height:auto; text-align:center;} .mobile .block-inner, .mobile .block-overlay{ position:inherit;} .home-buttom-box{ margin:0 auto; text-align:center;} .home-buttom-box h3{ font-size:36px; font-family: 'Gotham SSm A', 'Gotham SSm B'; line-height:40px; color:#0b2944; font-weight:300; text-transform:uppercase; margin:0; -webkit-transition:color 0.3s ease-in-out 0s; -moz-transition:color 0.3s ease-in-out 0s;-o-transition:color 0.3s ease-in-out 0s;-ms-transsition:color 0.3s ease-in-out 0s; transition:color 0.3s ease-in-out 0s; padding-bottom: 0;} .home-buttom-box .shopnow span{ background:#e6cdcb; width:100%; height:1px; position:absolute; left:0; top:50%; -webkit-transition:background-color 0.3s ease-in-out 0s; -moz-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;-ms-transsition:background-color 0.3s ease-in-out 0s; transition:background-color 0.3s ease-in-out 0s;} .home-buttom-box .shopnow h6{background:#fff; font-size:13px; color:#a2463d; text-transform:uppercase; padding:0 6px; display:inline-block; position:relative; font-family:'Cochin W01 Roman'; -webkit-transition:background-color 0.3s ease-in-out 0s; -moz-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;-ms-transsition:background-color 0.3s ease-in-out 0s; transition:background-color 0.3s ease-in-out 0s; margin: 0;} .home-buttom-box-left{ width:100%;} .home-buttom-box-left .home-buttom-box-in{border-bottom:1px solid #e4e8ea;} .home-buttom-box-right{ width:100%; float:right;} .home-buttom-box-in{ display:block; padding:70px 0; -webkit-transition:background-color 0.3s ease-in-out 0s; -moz-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;-ms-transsition:background-color 0.3s ease-in-out 0s; transition:background-color 0.3s ease-in-out 0s;} .home-buttom-box-in:hover{ background:#a2463d;} .home-buttom-box-in:hover h3{ color:#fff;} .home-buttom-box-in:hover .shopnow span{ background:#793e3f;} .home-buttom-box-in:hover .shopnow h6{background:#a2463d; color:#0b2944;} #footer{ background:#e8ebed; padding:50px 5% 60px;} .footer-in{ max-width:1051px; margin:0 auto; text-align:center;} .footer-in h4{ font-size:18px; font-family: 'Gotham SSm A', 'Gotham SSm B'; line-height:22px; font-weight:500; text-transform:uppercase; color:#0b2944; margin:0 0 20px; padding-bottom: 0; padding-bottom: 0;} .mobile .footer-left{ display:none;} .footer-right{ width:100%; float:none;} .newsletter{border-bottom:1px solid #c4ccd2; padding:0 0 6px; margin:0 0 70px;} .newsletter input[type=text]{ width:90%; background:none; float:left; border:0; font-size:16px; color:#0b2944; font-family:'Cochin W01 Roman'; text-transform:uppercase; outline:none; -webkit-appearance: none; height: auto; line-height: inherit; margin-bottom: 0; padding: 0;} .newsletter input[type=submit]{ width:19px !important; height:12px; background:url('../img/sprite.png') no-repeat -383px -22px !important; float:right; border:0; margin-top:7px; font-size:0 !important; line-height:0; -webkit-appearance: none; margin-bottom: 0; padding: 0 !important;} .newsletter .grid__item{display: block; width: 100%; border-bottom: 1px solid #c4ccd2; margin-bottom: 5px; padding: 0 0 6px 0;} .newsletter .grid__item input[type=text]{float: none; width: 100%; color: #666666;} .footer-social-icon{ padding:0; margin:0; list-style:none; font-size:0;} .footer-social-icon li{ width:32px; height:32px; display:inline-block; margin-right:25px;} .footer-social-icon li:last-child{ margin-right:0;} .footer-social-icon li a{ width:32px; height:32px; display:block; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .footer-social-icon li.tw{ background:url('../img/sprite.png') no-repeat -118px 0;} .footer-social-icon li.fb{ background:url('../img/sprite.png') no-repeat -150px 0;} .footer-social-icon li.ins{ background:url('../img/sprite.png') no-repeat -182px 0;} .footer-social-icon li.pin{ background:url('../img/sprite.png') no-repeat -214px 0;} .footer-social-icon li.wp{ background:url('../img/sprite.png') no-repeat -246px 0;} .footer-social-icon li.tw a{ background:url('../img/sprite.png') no-repeat -118px -32px #e8ebed;} .footer-social-icon li.fb a{ background:url('../img/sprite.png') no-repeat -150px -32px #e8ebed;} .footer-social-icon li.ins a{ background:url('../img/sprite.png') no-repeat -182px -32px #e8ebed;} .footer-social-icon li.pin a{ background:url('../img/sprite.png') no-repeat -214px -32px #e8ebed;} .footer-social-icon li.wp a{ background:url('../img/sprite.png') no-repeat -246px -32px #e8ebed;} .footer-social-icon li:hover a{-webkit-transition:opacity 0.3s ease-in-out 0s; -moz-transition:opacity 0.3s ease-in-out 0s;-o-transition:opacity 0.3s ease-in-out 0s;-ms-transsition:opacity 0.3s ease-in-out 0s; transition:opacity 0.3s ease-in-out 0s; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .footer-bottom{ clear:both; border-top:0; padding-top:50px;} .copyright{ float:none; color:#0b2944; font-size:9px; line-height:22px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:300; margin:0; text-transform:uppercase;} .poweredBy{ float:right; display:none;} .title{width: 100%; padding: 30px 0 30px; margin:0; background: #cedbe4; text-align: center !important;} .title.grey{background: #a2463d;} .title.blue{background: #0b2944;} .title h1{width: 100%; padding: 24px 0 0; margin:0; background:url('../img/red-ribon.png') no-repeat center 0; text-align: center; font-size: 30px; line-height:30px; font-weight: 300; color: #0b2944; text-transform: uppercase; font-family: 'Gotham SSm A','Gotham SSm B';} .mobile .title h1{margin: 0 !important;} .title.grey h1{background:url('../img/blue-ribon.png') no-repeat center 0; color: #ffffff;} .title.blue h1{background:url('../img/red-ribon.png') no-repeat center 0; color: #ffffff;} .breadcrumb{display: block; width: 100%; text-align: center; padding:0; margin: 0; list-style-type: none;} .breadcrumb li{display: inline-block; font-size:15px; line-height:15px; font-weight: 300; color: #0b2944; text-transform: uppercase; font-family: 'Gotham SSm A','Gotham SSm B'; float: none !important;} .title.grey .breadcrumb li, .title.blue .breadcrumb li{color: #ffffff;} .breadcrumb li a{color: #0b2944; display: block; padding-right:40px; margin-right:15px; background:url('../img/red-ribon.png') no-repeat right center; outline: 0;} .active_breadcrumb li:last-child a{background: none !important; padding-right: 0; margin-right: 0;} .title.grey .breadcrumb li a{color: #ffffff; background:url('../img/blue-ribon.png') no-repeat right center;} .title.blue .breadcrumb li a{color: #ffffff; background:url('../img/red-ribon.png') no-repeat right center;} .Breadcrumb{display: none !important;} .TitleHeading{width: 100%; padding: 54px 0 30px; margin:57px 0 0 0; text-align: center !important; background:url('../img/red-ribon.png') no-repeat center 30px #cedbe4; text-align: center; font-size: 30px; line-height:30px; font-weight: 300; color: #0b2944; text-transform: uppercase; font-family: 'Gotham SSm A','Gotham SSm B';} .banner_brand_page_top{display: none !important;} .container{width:90%; margin:0 auto;} .location-container{ width:100%;} .container-inn{width: 100%; max-width: 1112px; margin: 0 auto; padding: 60px 0 80px;} .mobile .left{ display:none;} .content{width:100%;} .productlist, .ProductList{width:100%; display: block; padding: 0; margin: 0;} .productlist li, .ProductList li, .ProductList.List li{width:100%; float: none; list-style-type: none; padding: 0; text-align: center; min-height: 420px; box-sizing: inherit !important;} .productlist li .inner, .ProductList li .inner{padding: 10px 25px 0 25px; min-height:350px; background: #ffffff;} .productlist li .ProductImage, .ProductList li .ProductImage{width: 100% !important; /*height: 320px;*/ margin-bottom:15px; display: block; position: relative; float: none !important; min-height: 290px;} .productlist li .ProductImage a, .ProductList li .ProductImage a{display: block; text-align: center;} .relatedproduct .productlist li .ProductImage{min-height:200px;} .relatedproduct .productlist li .ProductImage a{height: 200px !important; overflow: hidden; vertical-align: middle; line-height: 200px;} .productlist li .ProductImage a img, .ProductList li .ProductImage a img{max-width: 100%; height: auto; padding: 0; margin: 0;} .productlist li .ProductImage .QuickViewBtn, .ProductList li .ProductImage .QuickViewBtn{width: 100px; height: 30px; display: none; padding:0 !important; position: absolute; left: 50% !important; top: 50%!important; margin: -15px 0 0 -50px !important; font-size: 13px; line-height: 30px; font-weight: 500; color: #666666 !important; font-family: 'Gotham SSm A','Gotham SSm B'; text-transform: uppercase; background:rgba(255,255,255,0.72) !important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b7ffffff,endColorstr=#b7ffffff);zoom: 1; cursor: pointer;} .productlist li .ProductImage .QuickViewBtn:nth-child(n), .ProductList li .ProductImage .QuickViewBtn:nth-child(n) {filter: none;} .productlist li .productimage:hover a.quickviewbtn, .ProductList li .productimage:hover a.quickviewbtn {display: block;} .productlist li .ProductDetails, .ProductList li .ProductDetails{width:100%; display: block; font-size: 13px; line-height: 19px; text-transform: uppercase; font-weight: bold; font-family: 'Gotham SSm A','Gotham SSm B'; padding: 0 !important; border: 0 !important;} .productlist li .ProductDetails a, .ProductList li .ProductDetails a{color: #0b2944;} .productlist li .ProductDetails a:hover, .ProductList li .ProductDetails a:hover{color: #a2463d;} .productlist li .productprice, .ProductList li .productprice{width:100%;} .productlist li .productprice h6, .ProductList li .productprice h6{display: inline-block; padding: 0 20px; background: url('../img/price-line-bg.jpg') repeat-x 0 center; margin: 0;} .ProductList em.p-price{padding: 0 12px; background: #ffffff; display: block; color: #a2463d; font-size: 16px; line-height: 19px; font-weight: normal; font-family:'Cochin W01 Roman'; width: auto !important;} .ProductCompareButton, .ProductActionAdd{display: none;} .ProductList li .ProductDetails .ProductDescription{display: none;} .ProductList li .ProductDetails span, .ProductList li .ProductDetails strike{background: #ffffff; color: #a2463d; font-size: 16px; line-height: 19px; font-weight: normal; font-family:'Cochin W01 Roman'; width: auto !important;} .mobile .QuickViewBtn{ display:none !important;} .pageination, .product-nav{width:100%; border-top: 1px solid #d3d8dd; padding: 20px 0; overflow: hidden;} .product-nav{display: none;} .product-nav.btm{display: block;} .pageination .Block{margin: 0;} .pageination .CategoryPagination, .product-nav .CategoryPagination{width: 100%; padding: 0; margin: 0; text-align: center;} .pageination .CategoryPagination ul, .product-nav .CategoryPagination ul{padding: 0; margin: 0; list-style-type: none; text-align: center; font-size: 0; display: inline-block; float: none;} .pageination ul li, .product-nav .CategoryPagination ul li{display: inline-block !important; font-size: 16px; line-height: 22px; font-weight: normal; color: #a2463d; font-family:'Cochin W01 Roman'; padding: 0 3px !important; font-style: italic;} .pageination ul li a, .product-nav .CategoryPagination ul li a{color: #999999 !important;} .pageination .nav-prev, .pageination .nav-next, .product-nav .nav-prev, .product-nav .nav-next{font-size: 16px; line-height: 22px; font-weight: normal; color: #999999; font-family:'Cochin W01 Roman'; padding: 0 3px !important; font-style: italic; background: none !important; width: auto; height: auto; text-indent: inherit; float: none; margin: 0;} .pageination a:hover, .product-nav a:hover{color: #a2463d !important;} .fastCartTop{padding: 0 0 20px 0 !Important; font-family: "Gotham SSm A","Gotham SSm B";} .fastCartSummaryBox .subtotal{color: #a2463d;} .fastCartSummaryBox .actionLink .btn{background: #a2463d; border: 0 !important; color: #ffffff; cursor: pointer; display: block; font-family: "Gotham SSm A","Gotham SSm B"; font-weight: 500; height: 60px; outline: 0; text-transform: uppercase; transition: background-color 0.3s ease-in-out 0s; -moz-transition: background-color 0.3s ease-in-out 0s; -webkit-transition: background-color 0.3s ease-in-out 0s; width: 100%; line-height: 60px; text-align: center; font-size: 13px; padding: 0;} .fastCartSummaryBox .actionLink .btn:hover{background: #0b2944;} .fastCartBottom h4{color: #999999; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 20px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; text-transform: uppercase;} #fastCartSuggestive.ProductList{margin: 0 !important; padding-top: 45px;} #fastCartSuggestive.ProductList li .ProductDetails{width:100%; display: block; font-size: 13px; line-height: 19px; text-transform: uppercase; font-weight: bold; font-family: 'Gotham SSm A','Gotham SSm B'; padding: 0 !important;} #fastCartSuggestive.ProductList li .ProductDetails a{color: #0b2944;} #fastCartSuggestive.ProductList li .ProductDetails a:hover{color: #a2463d;} .productcontainer{width: 100%; padding: 0; margin: 0;} .ProductThumb{width:100%; margin-bottom:55px !important; position: relative; z-index: 11; min-height: 400px;} .ProductList .ProductImage, #ProductDetails .ProductThumbImage{width:100%; display: block; text-align: center; margin-bottom: 35px;} .ProductList .ProductImage img, #ProductDetails .ProductThumbImage img{max-width: inherit; max-height: inherit;} .ProductThumbImage img{max-width: 100%; height: auto;} .ImageCarouselBox{padding:0 !important;} .ImageCarouselBox .ProductTinyImageList{float: none !important; width: 100% !important;} #ProductDetails .ProductTinyImageList ul{width: 100% !important; display: block; list-style-type: none; padding: 0; margin: 0; font-size: 0; text-align: center;} .ProductTinyImageList ul li{display: inline-block; float: none !important; margin: 0 2% 10px !important; width: auto !important; height: auto !important;} .ProductTinyImageList ul li div{width: auto !important; height: auto !important;} .ProductTinyImageList ul li a{display: block; width: 30px; height: 30px; overflow: hidden; border: 1px solid #ffffff;} .ProductTinyImageList ul li:hover a, .ProductTinyImageList ul li a.Active{border: 1px solid #cccccc;} .ProductTinyImageList ul li a img{max-width: 100%; padding: 0 !important;} #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext{display: none !important;} .PinterestButtonContainer{display: none;} .left-content{width: 100%;} .ProductMain{width:100%;} .PrimaryProductDetails .ProductMain{padding: 0 !important; width: 100%;} .ProductMain .ProductDetailsGrid .DetailRow.product-heading{margin-bottom:0;} .ProductDetailsGrid .DetailRow, .ProductDetailsGrid .s-price, .addto .BulkDiscount, .addto .BulkDiscount .DetailRow, .addto #SideProductAddToWishList{margin-bottom: 0 !important;} .ProductMain h1, #ProductDetails h1{font-size:20px; line-height: 29px; font-weight: bold; text-transform: uppercase; padding: 0; margin: 0 0 21px 0; font-family: 'Gotham SSm A','Gotham SSm B'; color: #0b2944 !important;} .p-price{width: 100%; display: block; margin-bottom: 0 !important;font-weight: bold; font-family:'Cochin W01 Roman'; font-size: 22px;} .p-price .VariationProductPrice{font-size: 30px; line-height: 25px; font-weight: bold; color: #a2463d; font-family:'Cochin W01 Roman';} .ProductDescription{width: 100%; padding: 15px 0 20px; margin-bottom: 40px; margin-top:0 !important; border-bottom: 1px solid #d8dde1;} .ProductDescription p, .ProductDescriptionContainer{font-size: 16px; line-height: 20px; font-weight: 300; color: #666666; font-family: 'Gotham SSm A','Gotham SSm B'; padding: 0; margin: 0 0 20px;} .ProductDescription ul li{font-size: 16px; line-height: 20px; font-weight: 300; color: #666666; font-family: 'Gotham SSm A','Gotham SSm B'; padding: 0; margin: 0;} .ProductDetailsGrid .DetailRow.RetailPrice{padding-bottom:0;} .ProductDetailsGrid .DetailRow.RetailPrice .Label{padding-bottom:0;} .ProductDetailsGrid .s-price .YouSave {font-size: 18px; line-height: 25px; font-weight: bold; color: #a2463d; font-family:'Cochin W01 Roman'; margin: 0 0 25px; display: block;} .ProductDetailsGrid .Label, .ProductAddToCart .productAttributeLabel label{font-size: 16px; line-height: 22px; font-weight: 500; color: #999999; font-family: 'Gotham SSm A','Gotham SSm B'; padding: 0; margin: 0; text-transform: uppercase;} .size-list{width:100%; padding: 0; margin: 0; list-style-type: none;} .size-list li{float: left; width: 56px; height: 56px; margin-right: 12px; text-align: center; background: #f2f2f2; color: #0b2944; line-height: 56px; position: relative; -webkit-transition:background-color 0.3s ease-in-out 0s; -moz-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;-ms-transsition:background-color 0.3s ease-in-out 0s; transition:background-color 0.3s ease-in-out 0s;} .size-list li.selectedValue, .size-list li:hover{background: #a2463d; color: #ffffff;} .size-list li label{width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;} .size-list li label input{position: absolute; z-index: -200000; opacity:0;} .size-list li label span{font-size: 25px; line-height: 56px; font-weight: bold; font-family: 'Gotham SSm A','Gotham SSm B';} .ProductAddToCart .DetailRow, .productAttributeList .productAttributeRow{padding-bottom:25px; margin: 0 !important;} .ProductAddToCart .DetailRow .Label, .productAttributeList .productAttributeLabel label, .productAttributeLabel.QuantityInput{font-size: 16px; line-height: 22px; font-weight: 500; color: #999999; text-transform: uppercase; font-family: 'Gotham SSm A','Gotham SSm B'; padding: 0 0 12px 0; margin: 0 !important;} .Value.AddCartButton select, .productOptionViewSelect select{background: #f2f2f2; border: 0; outline: 0;} .Value.AddCartButton, .productOptionViewSelect{min-width: 263px; height:56px; overflow: hidden; background: #f2f2f2 url("../img/selectarrow.png") no-repeat 95% 50%;} .Value.AddCartButton select, .productOptionViewSelect select, .productAttributeValue select{padding:0 12px; height:56px !important; width: 112% !important; border: none !important; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 25px !important; line-height: 56px !important; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman';} .Value.AddCartButton select:focus, .productOptionViewSelect select:focus {outline: none;} .VariationProductSKU{color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 16px; font-weight: 300; line-height: 20px; margin: 0; padding: 0;} .productAttributeRow .selector, .Value.AddCartButton .selector{border: 0 !important; background: none !important; display: block !important; height: 56px !important; line-height: 56px !important; width: 100% !important; padding: 0 !important;} .productAttributeValue #uniform-qty_.selector{border: 0 !important; display: block !important; height: 56px !important; line-height: 56px !important; width: 100% !important; padding: 0 !important; overflow: hidden; background: #f2f2f2 url("../img/selectarrow.png") no-repeat 95% 50% !important;} .productAttributeRow .selector span, .Value.AddCartButton .selector span, .productAttributeValue .selector span{background: none !important; padding: 0 12px !important; font-size: 25px !important; line-height: 56px !important; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman'; height: 56px !important;} #ModalContainer{z-index: 31001 !important;} #ModalContainer #QuickViewProductDetails .addToCart .productAttributeValue .btn, #ModalContainer #QuickViewProductDetails .addToCart .productAttributeValue a{width: 100%; height: 60px; display: block; border: 0 !important; outline: 0; background: #a2463d !important; color: #ffffff !important; font-size:16px; font-weight:500; font-family: 'Gotham SSm A','Gotham SSm B'; text-transform: uppercase; cursor: pointer; -webkit-transition:background-color 0.3s ease-in-out 0s; -moz-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;-ms-transsition:background-color 0.3s ease-in-out 0s; transition:background-color 0.3s ease-in-out 0s; margin: 0 !important; line-height: 60px; text-align: center; padding: 0;} #ModalContainer #QuickViewProductDetails .addToCart .productAttributeValue .btn:hover, #ModalContainer #QuickViewProductDetails .addToCart .productAttributeValue a:hover{background: #0b2944 !important;} #ModalContainer #QuickViewProductDetails .addToCart .productAttributeValue span{color: #999999; font-family: "Gotham SSm A","Gotham SSm B";font-size: 14px; font-weight: 500; line-height: 40px; margin: 0 !important; padding: 0; text-transform: uppercase; display: block; text-align: center;} .addto{border: 0 !important; padding: 0 !important;} .addto .btn{width: 263px; height: 75px; display: block; border: 0 !important; outline: 0; background: #a2463d !important; color: #ffffff !important; font-size:16px; font-weight:500; font-family: 'Gotham SSm A','Gotham SSm B'; text-transform: uppercase; cursor: pointer; -webkit-transition:background-color 0.3s ease-in-out 0s; -moz-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;-ms-transsition:background-color 0.3s ease-in-out 0s; transition:background-color 0.3s ease-in-out 0s; margin: 0 !important;} .addto .btn:hover{background: #0b2944 !important;} .AddThisButtonBox{margin:25px 0 0 0 !important;} .addto #SideProductAddToWishList{display: none !important;} .social-menu{width: 100%; list-style-type: none; padding: 0; margin: 0;} .social-menu li{display: block; float: left; margin-right: 24px;} .social-menu li a{width: 30px; height: 30px; display: block; text-indent: -2000000px; opacity:0; -webkit-transition:opacity 0.2s ease 0s; -moz-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;-ms-transsition:opacity 0.2s ease 0s; transition:opacity 0.2s ease 0s;} .social-menu li.tw-i{background: url('../img/sprite1.png') no-repeat -469px 0;} .social-menu li.fb-i{background: url('../img/sprite1.png') no-repeat -499px 0;} .social-menu li.pin-i{background: url('../img/sprite1.png') no-repeat -529px 0;} .social-menu li.tw-i a{background: url('../img/sprite1.png') no-repeat -469px -30px #fff;} .social-menu li.fb-i a{background: url('../img/sprite1.png') no-repeat -499px -30px #fff;} .social-menu li.pin-i a{background: url('../img/sprite1.png') no-repeat -529px -30px #fff;} .social-menu li:hover a{ opacity:1;} .mobile .relatedproduct{ display:none;} .location-list{width:100%; padding: 0; margin: 0; list-style-type: none;} .location-list li{width:100%; float: left; display: block; position: relative; overflow:hidden;} .location-list li img{display: inline; width: 100%; height: auto; transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; vertical-align: inherit !important;} .location-list li h4{position: absolute; left: 0; top: 50%; width:100%; display: block; font-size: 23px; line-height: 26px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; text-align: center; color: #ffffff; text-transform: uppercase; padding: 0; margin: 0; z-index: 1;} .location-list li .overlay{width: 100%; height: 100%; display: block; position: absolute; left: 0; top:0; background: #0b2944; text-align: center; color: #ffffff; z-index: 2; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .location-list li .overlay .overlay-inn{width: 100%; display: block; position: absolute; left: 0; top:0; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .location-list li .overlay .overlay-inn h5{font-size: 23px; line-height: 26px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; text-align: center; color: #ffffff; text-transform: uppercase; background: url('../img/sprite.png') no-repeat center bottom; padding:0 0 19px 0; margin: 0 0 16px 0; width:100%; position:relative; top:-50px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .location-list li .overlay .overlay-inn p{font-size: 13px; line-height: 22px; font-weight: 400; font-family:'Cochin W01 Roman'; text-align: center; color: #ffffff;margin-bottom: 25px;} .direction-button{ width:100%; position:relative; top:50px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .map-pin-icon{background: url('../img/map_pin_icon.png') no-repeat center 0; width: 100%; padding-top:26px; display: block; font-size: 16px; line-height: 19px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; text-align: center; color: #ffffff; text-transform: uppercase; margin: 0;} .blog-container{max-width: 1044px; margin: 0 auto; padding: 56px 0;} .blog-post{width:100%; display: block; padding-bottom: 100px; text-align: center;} .blog-post h2{font-size: 36px; line-height: 36px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; color: #0b2944; text-transform: uppercase; padding: 0 0 2px 0; margin: 0;} .blog-post h2 a{color: #0b2944;} .blog-post h5{font-size: 16px; line-height: 27px; font-weight: 400; font-family:'Cochin W01 Roman'; color: #666666; padding: 0; margin: 0; background: url('../img/blog-heading-bg.jpg') repeat-x 0 center; width: 100%; display: block;} .blog-post h5 span{padding: 0 10px; background: #ffffff;} .blog-img-box{width:100%; display: block; margin: 70px auto 55px;} .blog-img-box img{max-width:100%; height: auto;} .blog-post p{max-width: 780px; display: block; margin: 0 auto; text-align: left; font-size: 16px; line-height: 25px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; color: #666666; padding-bottom: 65px;} .blog-post h6{font-size: 11px; line-height: 14px; font-weight: 400; font-family:'Cochin W01 Roman'; color: #a2463d; padding: 0; margin: 0; text-transform: uppercase;} .blog-post h6 a{color: #a2463d;} .blog-post h6 a:hover{color: #0b2944;} .blog-share{ position:absolute; width:100%; left:0; padding-top:20px; display:none;} .blog-share ul{ width:290px; margin:0 auto;} .brand-list{width:100%; display: block; padding: 0 0 60px 0; margin: 60px 0; list-style-type: none;} .SubBrandListGrid .brand-list li{float: left; width:100%; padding:0; text-align: center;} .SubBrandListGrid .brand-list li a{display: block; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .brand-list li img{max-width: 100%; height: auto; opacity: 0.2; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0); transform: translateX(0); -moz-transform: translateX(0); position: relative; padding: 0; line-height: 184px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} .brand-list li img:hover{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .brand-list-home{ display:none;} .contact-container{max-width: 1044px; width: 100%; margin: 0 auto; padding:30px 0 0 0;} .pml-container{width:100%; text-align: center; display: block; font-size: 13px; line-height: 18px; font-weight: 400; font-family:'Cochin W01 Roman'; color: #a2463d; text-transform: uppercase; padding-bottom: 6px;} .pml-container a{color: #a2463d;} .pml-container a:hover{color: #0b2944;} .telno{ display:block; padding-left:0; background: url('../img/sprite.png') no-repeat center -280px; padding-top: 26px; margin-bottom:20px;} .mailtxt{display: block; padding-top: 26px; margin-bottom:20px;} .mailtxt a{background: url('../img/sprite.png') no-repeat center -215px; padding-top: 26px;} .locationtxt{ display:block; padding-right:0; background: url('../img/sprite.png') no-repeat center -150px; padding-top: 26px; margin-bottom:20px;} .contactformwrap{width: 100%; display: block; border-top: 1px solid #d8dde1; padding-bottom:35px; /*margin-bottom: 35px;*/} #general.contactformwrap{margin-bottom: 0;} .contactformwrap form{ display:none; padding-top:35px;} .contactformwrap form .HorizontalFormContainer{max-width: 100%; margin: 0 auto;} .contacthead{width:100%; text-align: center;} .contactformwrap h2{padding: 35px 0 0; margin: 0 5%; font-size: 11px; line-height: 24px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; text-transform: uppercase; color: #0b2944; text-align: center; display: inline-block;} .pc-icon{width: 24px; height: 24px; display: block; float: right; border-left: 1px solid #d8dde1; margin-left: 12px; padding: 0 0 0 5px; cursor: pointer;} .pc-icon em{width: 24px; height: 24px; background: url('../img/plus-close-icon.png') no-repeat 0 0; -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;-ms-transsition:all 0.2s ease 0s; transition:all 0.2s ease 0s; display:block; transform:rotate(0deg); -webkit-transform:rotate(0deg);} /*.pc-icon:hover em{transform:rotate(45deg); -webkit-transform:rotate(45deg);}*/ .active .pc-icon em{transform:rotate(45deg); -webkit-transform:rotate(45deg);} .contactform{ margin:0 auto;} #ContactForm dd{margin-left: 0;} #ContactForm .Submit, #CheckoutStepPaymentDetails .Submit{margin: 0;} .contactfld{width:100%; float: left; padding-bottom: 43px; display: block;} .contactfld.flr{float: right;} .contactform input[type=text], .contactform input[type=email]{display: block; width: 89%; padding: 15px 5%; background:#ffffff; border: 3px solid #f2f2f2; margin: 0; outline: 0; height: 20px; line-height: 20px; font-size: 20px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman'; -webkit-appearance:none; vertical-align: middle;} .contactform input[type=text]:focus + .require-icon, .contactform input[type=email]:focus + .require-icon, .contactform textarea:focus + .require-icon{ display:none !important;} .contact-details{ width:100%; clear:both;} .contactform textarea{display: block; width: 93.5%; padding: 7.5px 3%; border: 3px solid #f2f2f2; margin: 0 0 43px 0; outline: 0; height: 145px; line-height: 20px; font-size: 20px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman'; resize: none; -webkit-appearance:none;} .contactform input[type=text]:focus, .contactform input[type=email]:focus, .contactform textarea:focus{background: #f2f2f2;} .contactform input[type=submit]{width: 261px; height: 85px; display: block; border: 0; outline: 0; cursor: pointer; margin: 0 auto; padding: 0; border-radius: 0; background: #a2463d; text-align: center; font-size: 20px; line-height: 85px; text-transform: uppercase; color: #ffffff; font-family: 'Gotham SSm A','Gotham SSm B'; -webkit-transition:background-color 0.2s ease 0s; -moz-transition:background-color 0.2s ease 0s;-o-transition:background-color 0.2s ease 0s;-ms-transsition:background-color 0.2s ease 0s; transition:background-color 0.2s ease 0s;} .contactform input[type=submit]:hover{background: #0b2944;} .require{ position:relative;} .require-icon{ width:8px; height:8px; background:url('../img/sprite.png') no-repeat 0 -120px; display:block; position:absolute; left:3.5%; top:20px;} textarea + .require-icon{ left:2.2%; top:14px;} #ContactForm dd p.Warning{padding: 0 1.5%;} #ContactForm dd img{margin-left: 1.5%;} .error-container{ padding:100px 0;} .error-container p{ margin:0; font-size: 16px; line-height: 25px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; color: #666666; text-align:center;} .contact-details .require-icon{ display:none !important;} input::-webkit-input-placeholder{color:#666666;opacity:1} textarea::-webkit-input-placeholder{color:#666666;opacity:1} input:-moz-placeholder{color:#666666;opacity:1} input::-moz-placeholder{color:#666666;opacity:1} textarea::-moz-placeholder{color:#666666;opacity:1} input:-ms-input-placeholder{color:#666666;opacity:1} .loader {margin: 0 auto;position: fixed;width: 100%;height: 100%;background:#fff;z-index:99999;left:0;top:0;} .loader i { border-style:solid;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;border-width:50px;border-radius: 50px;-moz-animation:blink 1.5s infinite ease-in-out;-webkit-animation:blink 1.5s infinite ease-in-out;height: 100px;width: 100px; position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px; border-color:rgb(11,41,68); border-color: transparent\9; border-color:rgba(11,41,68,1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0b2944,endColorstr=#ff0b2944);} .loader i:nth-child(n) {filter: none;} .slider-pan{behavior:url(../pie/PIE.htc);-ms-behavior:url(../pie/PIE.htc);} .main > .inner{max-width: 100% !important; width: 100% !important;} .main .inner .login-form{padding-top: 35px; padding-bottom:50px; border-top: 1px solid #d8dde1; max-width: 1046px; width: 90%; margin: 60px auto;} .main .inner .login-form .grid{margin: 0; overflow: hidden; display: block;} .main .inner .login-form .grid .grid__item{width: 100%; float: none; padding: 0;} .main .inner .login-form .grid .grid__item:last-child{float: right;} .main .inner .login-form .grid .grid__item h3{font-size: 25px; line-height: 25px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; padding: 0 0 35px 0; margin: 0; color: #0b2944; text-transform: uppercase;} .grid *, .grid *:before, .grid *:after{box-sizing: inherit !important;} .main .inner .login-form .grid .grid__item .CreateAccount{margin-bottom: 35px;} .main .inner .login-form .grid .grid__item .CreateAccount p{color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 16px; font-weight: 300; line-height: 25px; margin: -7px 0 0 0; padding: 0 0 25px 0;} .main .inner .login-form .grid .grid__item .CreateAccount ul{list-style-type: none; padding: 0 0 22px 0; margin: 0;} .main .inner .login-form .grid .grid__item .CreateAccount ul li{color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 15px; font-weight: 300; line-height: 25px; padding-left: 14px; background: url('../img/bullet_icon.png') no-repeat 2px 10px;} .main .inner .login-form .grid .grid__item .CreateAccount .btn, .AccountLogin .FormContainer .btn{min-width:146px; height: 60px; display: inline-block; border: 0 !important; outline: 0; background: #a2463d !important; color: #ffffff !important; font-size:11px; font-weight:500; font-family: 'Gotham SSm A','Gotham SSm B'; text-transform: uppercase; cursor: pointer; -webkit-transition:background-color 0.3s ease-in-out 0s; -moz-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;-ms-transsition:background-color 0.3s ease-in-out 0s; transition:background-color 0.3s ease-in-out 0s; margin: 0 !important; padding:0 !important; line-height: 60px; text-align: center;} .AccountLogin .FormContainer .btn{display: block; margin-bottom: 20px !important;} .main .inner .login-form .grid .grid__item .CreateAccount .btn:hover, .AccountLogin .FormContainer .btn:hover{background: #0b2944 !important;} .AccountLogin .FormContainer .actions a{font-size: 13px; line-height: 15px; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B"; text-decoration: underline;} .AccountLogin .FormContainer .actions a:hover{text-decoration: none;} .AccountLogin .FormContainer input[type=text], .AccountLogin .FormContainer input[type=password], .AccountLogin .FormContainer input[type=email]{background: #ffffff; border: 3px solid #f2f2f2; color: #666666; display: block; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 50px; line-height: 50px; margin: 0 0 39px 0; outline: 0; padding: 0 5%; width: 88.4%; box-sizing: inherit;} .AccountLogin .FormContainer input[type=text]:focus, .AccountLogin .FormContainer input[type=password]:focus, .AccountLogin .FormContainer input[type=email]:focus{background: #f2f2f2;} .AccountLogin .FormContainer label{color: #666666; display: block; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; line-height: 20px; margin-bottom: 15px;} .SuccessMessage, .ErrorMessage, .InfoMessage{color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 14px; font-weight: 300; line-height: 22px; max-width: 971px; margin: 0 auto;} .AccountLogin .FormContainer .SuccessMessage, .AccountLogin .FormContainer .ErrorMessage, .AccountLogin .FormContainer .InfoMessage{ margin-bottom: 20px; } .btn{background: #a2463d !important; -moz-appearance: none; border: none !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #ffffff !important; box-sizing: inherit; cursor: pointer; display: inline-block; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 11px; font-weight: 500; height: 56px; line-height: 56px; padding: 0 22px; text-align: center; text-transform: uppercase; vertical-align: middle; transition: background-color 0.3s ease-in-out 0s; -moz-transition: background-color 0.3s ease-in-out 0s; -webkit-transition: background-color 0.3s ease-in-out 0s;} .btn:hover{background: #0b2944 !important;} #ForgotPasswordForm{margin: 0;} #ForgotPasswordForm .full-width, #CreateAccountForm .full-width{max-width: 1046px; width:90%; margin: 0 auto; padding: 40px 0;} #ForgotPasswordForm .full-width p, #CreateAccountForm .full-width p{color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 16px; font-weight: 300; line-height: 25px; margin: 0 !important; padding-bottom: 25px;} #ForgotPasswordForm .HorizontalFormContainer{width:100%; margin: 0 auto;} #ForgotPasswordForm .HorizontalFormContainer dt{color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 16px; font-weight: 300; line-height: 56px; padding-bottom: 0; width: auto;} #ForgotPasswordForm .HorizontalFormContainer dd{margin-left: 0; float: none; padding: 0;} #ForgotPasswordForm .HorizontalFormContainer dd input[type=text], #ForgotPasswordForm .HorizontalFormContainer dd input[type=email], #ForgotPasswordForm .HorizontalFormContainer dd input[type=password]{background: #ffffff; border: 3px solid #f2f2f2; color: #666666; display: block; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 50px; line-height: 50px; margin: 0 0 15px 0; outline: 0; padding: 0 5%; width: 88%; box-sizing: inherit;} #ForgotPasswordForm .HorizontalFormContainer dd input[type=text]:focus, #ForgotPasswordForm .HorizontalFormContainer dd input[type=email]:focus, #ForgotPasswordForm .HorizontalFormContainer dd input[type=password]:focus{background: #f2f2f2;} #ForgotPasswordForm .HorizontalFormContainer dd .btn{padding: 0;} .FormContainer .box:first-child{padding-top:0;} .FormContainer .box h3{color: #0b2944; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 25px; font-weight: 300; line-height: 25px; margin: 0; padding: 0 0 20px; text-transform: uppercase;} .FormContainer .box dt{color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 16px; font-weight: 300; line-height: 50px; display: none;} .FormContainer .box dt, .FormContainer .box dd{width: 100%; float: none;} .FormContainer .box dd{padding-bottom: 39px;} .FormContainer .box dd input[type=text], .FormContainer .box dd input[type=email], .FormContainer .box dd input[type=password]{background: #ffffff; border: 3px solid #f2f2f2; color: #666666; display: block; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 50px; line-height: 50px; margin: 0; outline: 0; padding: 0 5%; width: 88%; box-sizing: inherit;} .FormContainer .box dd input[type=text]:focus, .FormContainer .box dd input[type=email]:focus, .FormContainer .box dd input[type=password]:focus{background: #f2f2f2;} .FormContainer .box p.Submit .btn{font-size: 14px; margin-bottom: 0; display: block; width: 100%; padding: 0;} .FormContainer .box p.Submit a{background: #a2463d !important; -moz-appearance: none; border: none !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #ffffff !important; box-sizing: inherit; cursor: pointer; display: block; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 14px; font-weight: 500; height: 56px; line-height: 56px; padding: 0 22px; text-align: center; text-transform: uppercase; vertical-align: middle; transition: background-color 0.3s ease-in-out 0s; -moz-transition: background-color 0.3s ease-in-out 0s; -webkit-transition: background-color 0.3s ease-in-out 0s;} .FormContainer .box p.Submit a:hover{background: #0b2944 !important;} .FormContainer .box dd div.selector{border: 3px solid #f2f2f2; display: block; height: 50px; background: url('../img/select_arrow_check.png') no-repeat 95% center #ffffff !important; width: 98% !important; padding: 0 !important; margin: 0;} .FormContainer .box dd div.selector.focus, .ExpressCheckout .ExpressCheckoutContent .FormContainer div.selector.focus, #ChooseBillingAddress div.selector.focus{background: url("../img/select_arrow_check.png") no-repeat scroll 95% center #f2f2f2 !important;} .FormContainer .box dd div.selector span{ height: 50px; display: block; background: none; padding: 0 16px !important; font-size: 16px; line-height: 50px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman';} .FormContainer .box dd div.selector select{padding:0 16px; height:56px; width: 112%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 16px; line-height: 56px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman';} .ExpressCheckout{max-width: 1046px; width: 90%; margin: 0 auto; padding: 40px 0;} .ExpressCheckoutBlock .ExpressCheckoutTitle{padding: 20px 0; margin:0; font-size: 14px; line-height: 15px; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B"; color: #0b2944; text-transform: uppercase; border: 0; border-top: 1px solid #d8dde1; display: block;} .ExpressCheckoutBlock .ExpressCheckoutTitle span.steptxt{color: #a2463d;} .ExpressCheckout .ExpressCheckoutContent{padding:0 0 35px 0; margin: 0 !Important;} .ExpressCheckoutBlockCompleted a.ChangeLink{right: 0 !important; color: #a2463d;} .ExpressCheckout .ExpressCheckoutContent h4{font-size: 12px; line-height: 15px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; padding: 0 0 20px 0; margin: 0; color: #0b2944; text-transform: uppercase;} .ExpressCheckout .ExpressCheckoutContent p{padding: 0 0 15px 0; margin: 0; font-size: 12px; line-height: 15px; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B"; color: #666666;} .ExpressCheckout .ExpressCheckoutContent .CreateAccount{width: 100%; float: none; padding: 0; margin-bottom: 20px;} .chklst{width:100%; padding: 0 0 20px 26px; margin: 0; list-style-type: none;} .chklst li{padding:2px 0;} .chklst li label{font-size: 12px; line-height: 27px; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B"; color: #666666; display: block;} .chklst li label .radio{margin-top: 5px; display: block; float: left;} .ExpressCheckout .ExpressCheckoutContent .CreateAccount .Submit #CreateAccountButton, .ExpressCheckout .ExpressCheckoutContent .AccountLogin #LoginButton.btn{min-width: 146px; font-size: 14px; height: 60px; line-height: 60px; padding: 0; width: 100%;} .ExpressCheckout .ExpressCheckoutContent .CreateAccount p{margin-top: -7px;} .ExpressCheckout .ExpressCheckoutContent .AccountLogin{width: 100%; float: none; padding: 0; margin: 0;} .ExpressCheckout .ExpressCheckoutContent > div{margin: 0;} .ExpressCheckout .ExpressCheckoutContent .AccountLogin p#LoginIntro{display: none;} .ExpressCheckout .ExpressCheckoutContent .AccountLogin ul{padding: 0; margin: 0; list-style-type: none;} .ExpressCheckout .ExpressCheckoutContent .AccountLogin ul li{display: block; margin-bottom: 39px;} .ExpressCheckout .ExpressCheckoutContent .AccountLogin ul li input{margin-bottom: 0 !important;} .ExpressCheckout .ExpressCheckoutContent .AccountLogin #LoginButton.btn{font-size: 14px; margin-bottom: 15px !important;} .ExpressCheckout .ExpressCheckoutContent .AccountLogin .forgottxt{font-size: 13px; line-height: 15px; font-weight: 300; color: #666666; text-decoration: underline; font-family: "Gotham SSm A","Gotham SSm B";} .ExpressCheckout .ExpressCheckoutContent .AccountLogin .forgottxt:hover{text-decoration: none;} .ExpressCheckoutBlock .ExpressCheckoutTitle .ExpressCheckoutCompletedContent{display: none;} .ExpressCheckout .ExpressCheckoutContent .FormContainer.HorizontalFormContainer{max-width: 100%;} .ExpressCheckout .ExpressCheckoutContent .FormContainer dl dt{display: none;} .ExpressCheckout #CheckoutStepPaymentDetails .ExpressCheckoutContent .FormContainer dl dt{display: block; font-family: "Gotham SSm A","Gotham SSm B"; font-weight:500; line-height:54px; padding:0;} .ExpressCheckout .ExpressCheckoutContent .FormContainer dl dd{width: 100%; float: none; min-height:54px; padding: 0 0 39px 0 !important; margin: 0;} .ExpressCheckout .ExpressCheckoutContent .FormContainer dl dd em, .ExpressCheckout .ExpressCheckoutContent .FormContainer dl dd small a{font-family: "Gotham SSm A","Gotham SSm B"; font-weight:500; line-height:54px;} .ExpressCheckout .ExpressCheckoutContent .FormContainer dl dd:nth-child(4n+4){float: none;} .ExpressCheckout .ExpressCheckoutContent .FormContainer input[type=text], .ExpressCheckout .ExpressCheckoutContent input[type=email], .ExpressCheckout .ExpressCheckoutContent input[type=password]{background: #ffffff; border: 3px solid #f2f2f2; color: #666666; display: block; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 50px; line-height:100%; margin: 0; outline: 0; padding: 0 5%; width: 88%; box-sizing: inherit;} .ExpressCheckout .ExpressCheckoutContent input[type=text]:focus, .ExpressCheckout .ExpressCheckoutContent input[type=email]:focus, .ExpressCheckout .ExpressCheckoutContent input[type=password]:focus{background: #f2f2f2;} .ExpressCheckout .ExpressCheckoutContent .FormContainer div.selector{border: 3px solid #f2f2f2; display: block; height: 50px; background: url('../img/select_arrow_check.png') no-repeat 95% center #ffffff !important; width: 98% !important; padding: 0 !important; margin: 0;} .ExpressCheckout .ExpressCheckoutContent .FormContainer div#uniform-AuthorizeNet_ccexpm.selector, .ExpressCheckout .ExpressCheckoutContent .FormContainer div#uniform-AuthorizeNet_ccexpy.selector{width:47%!important; margin-right:1%; float:left;} .ExpressCheckout .ExpressCheckoutContent .FormContainer div#uniform-AuthorizeNet_ccexpy.selector{float:right;} .ExpressCheckout .ExpressCheckoutContent .FormContainer div.selector span{ height: 50px; display: block; background: none; padding: 0 12px !important; font-size: 16px; line-height: 50px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman';} .ExpressCheckout .ExpressCheckoutContent .FormContainer div.selector select{padding:0 12px; height:56px; width: 112%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 16px; line-height: 56px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman';} .ExpressCheckout .ExpressCheckoutContent .FormContainer dd label{font-size: 10px; line-height: 23px; font-weight: 300; color: #333333; text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B'; display: block;} .ExpressCheckout .ExpressCheckoutContent .FormContainer p.Submit{padding-bottom: 0;} .ExpressCheckout .ExpressCheckoutContent .FormContainer p.Submit .btn{font-size: 14px; line-height: 60px; height: 60px; margin-bottom: 0; padding: 0; width: 100%;} .txtR{display: block !important; max-width: 1046px; margin: 0 auto; width: 90%; padding: 15px 0;} #CartContent{max-width: 1046px; margin: 0 auto; width: 90%;} .CartCode{max-width: 1046px; margin: 0 auto; width: 90%; padding: 35px 0;} #CartContent .btn, .txtR .btn, .EstimateShippingLink.btn{height: 62px; line-height: 62px; text-align: center; font-size: 11px; padding: 0 !important; margin: 0; width: 100%;} #CartContent .CartContents thead{background:#ffffff;} #CartContent .CartContents thead th{font-size:13px; color:#999999; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:500; border-bottom:1px solid #d8dde1; padding:8px; text-align:left;} #CartContent .CartContents tbody td{ padding:5px; border-bottom:1px solid #d8dde1; text-align: left !important; vertical-align: middle; font-family: 'Gotham SSm A', 'Gotham SSm B';} #CartContent .CartContents .ProductName a{ font-size:13px; font-family: 'Gotham SSm A', 'Gotham SSm B'; color:#0b2944; font-weight:500;} #CartContent .CartContents .CartItemQuantity select{ border:3px solid #f2f2f2; padding:5px;} #CartContent .CartContents .CartItemIndividualPrice, #CartContent .CartContents .CartItemTotalPrice{ font-size:18px; color:#666666; font-family:'Cochin W01 Roman'; padding-left: 10px;} #CartContent .CartContents .CartItemTotalPrice em{font-style: normal;} #CartContent .CartContents .CartItemQuantity .selector{width: 55px!important; margin-bottom: 0;} #CartContent .CartContents tfoot .SubTotal td div{font-size:16px; color:#0b2944; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:500;} #CartContent .CartContents tfoot .SubTotal td div em{font-style: normal;} #CartContent .CartContents input[type="text"]{background: #ffffff; border: 3px solid #f2f2f2; color: #666666; display: block; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 50px; line-height: 50px; margin: 0; outline: 0; padding: 0 22px; margin-bottom: 25px;} #CartContent .CartContents input[type="text"]:focus{background: #f2f2f2;} #CartContent .EstimateShipping dt{padding: 0 25px 0 0; font-size: 16px; line-height: 50px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; margin-bottom: 0;} #CartContent .EstimateShipping dd{margin-bottom: 20px;} #uniform-shippingZoneCountry{min-width: 270px; height:56px; overflow: hidden; background: #f2f2f2 url("../img/selectarrow.png") no-repeat 95% 50% !important; padding: 0 !important;} #uniform-shippingZoneCountry select {padding:0 12px; height:56px; width: 112%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 25px; line-height: 56px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman';} #uniform-shippingZoneCountry select:focus {outline: none;} #uniform-shippingZoneCountry span{font-size: 25px; line-height: 56px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman'; background: none !important; height: 56px; padding: 0 0 0 12px !important} #CartContent .EstimateShipping dd input[type="text"]{margin-bottom: 0;} #CartContent .EstimateShippingButtons a.txt-link{background: #a2463d !important; -moz-appearance: none; border: none !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #ffffff !important; box-sizing: inherit; cursor: pointer; display: inline-block; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 11px; font-weight: 500; height: 56px; line-height: 56px; padding: 0; margin-top:20px; text-align: center; text-transform: uppercase; vertical-align: middle; transition: background-color 0.3s ease-in-out 0s; -moz-transition: background-color 0.3s ease-in-out 0s; -webkit-transition: background-color 0.3s ease-in-out 0s; width: 100%;} #CartContent .EstimateShippingButtons a.txt-link:hover{background: #0b2944 !important;} #CartContent .InfoMessage{margin-bottom: 20px;} #CartContent div{font-size: 16px; line-height: 25px; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B"; color: #666666;} .CartCode .CouponCode .CouponCode{width: 100%;} .CartCode .CouponCode, .CartCode .GiftCertificate{width: 100%; float: none; padding-bottom: 20px;} .CartCode .GiftCertificate h3, .CartCode .CouponCode h3{font-size: 16px; line-height: 22px; font-weight: 300; font-family: 'Gotham SSm A','Gotham SSm B'; padding: 0 0 15px 0; margin: 0; color: #0b2944; text-transform: uppercase;} .CartCode .GiftCertificate p, .CartCode .CouponCode p{font-size: 16px; line-height: 25px; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B"; color: #666666; padding-bottom: 25px;} .CartCode .GiftCertificate input.btn, .CartCode .CouponCode input.btn{padding: 0; width: 100%;} .CartCode .GiftCertificate input[type="text"], .CartCode .CouponCode input[type="text"]{background: #ffffff; border: 3px solid #f2f2f2; color: #666666; display: block; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 50px; line-height: 50px; margin: 0; outline: 0; padding: 0 5%; margin-bottom: 25px; width: 88%;} .CartCode .GiftCertificate input[type="text"]:focus, .CartCode .CouponCode input[type="text"]:focus{background: #f2f2f2;} .saveaccount .full-width{max-width: 1046px; width: 90%; margin: 0 auto; padding: 20px 0;} .saveaccount .full-width p{font-size: 16px; line-height: 25px; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B"; color: #666666; padding-bottom: 25px;} .saveaccount .full-width .btn, .billingButton, .shippingButton, .billButton{padding: 0; width: 100%; line-height: 60px; height: 60px;} #ChooseBillingAddress div.selector, #ChooseShippingAddress div.selector{border: 3px solid #f2f2f2; display: block; height: 50px; background: url('../img/select_arrow_check.png') no-repeat 95% center #ffffff !important; width: 98% !important; padding: 0 !important; margin: 0 0 39px 0;} #ChooseBillingAddress div.selector span, #ChooseShippingAddress div.selector span{ height: 50px; display: block; background: none; padding: 0 12px !important; font-size: 16px; line-height: 50px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman';} #ChooseBillingAddress div.selector select, #ChooseShippingAddress div.selector select{padding:0 12px; height:56px; width: 112% !important; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 16px; line-height: 56px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman';} #ChooseBillingAddress label, #ChooseShippingAddress label{font-size: 10px; line-height: 20px; font-weight: 300; color: #333333; text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B'; display: block;} #CheckoutStepShippingProvider .ShippingProviderList{padding: 0; margin: 0 0 20px 0;} #CheckoutStepShippingProvider .ShippingProviderList li{font-size: 13px; line-height: 28px; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B"; text-transform: uppercase;} #CheckoutStepShippingProvider .ShippingProviderList li .radio{margin-top: -3px;} #CheckoutStepShippingProvider .btn{padding: 0; width: 100%;} #CheckoutStepConfirmation .ExpressCheckoutContent .CartContents{margin: 0 0 20px 0; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300;} #CheckoutStepConfirmation .ExpressCheckoutContent .CartContents thead th{ font-size:13px; color:#999999; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:500; border-bottom:1px solid #d8dde1; padding:10px; text-align:left; text-transform: uppercase;} #CheckoutStepConfirmation .ExpressCheckoutContent .CartContents tbody td{ padding:10px; border-bottom:1px solid #d8dde1; color: #0b2944; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 13px; font-weight: 300;} #CheckoutStepConfirmation .ExpressCheckoutContent .CartContents strong, #CheckoutStepConfirmation .ExpressCheckoutContent .CartContents label, #OrderConfirmationForm strong{font-weight: 500;} #CheckoutStepConfirmation .ExpressCheckoutContent .CartContents .CheckoutRedeemCoupon input[type="text"]{background: #ffffff; border: 3px solid #f2f2f2; color: #666666; display: inline-block; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 50px; line-height: 50px; margin: 0; outline: 0; padding: 0 5%; margin-bottom: 20px;} #CheckoutStepConfirmation .ExpressCheckoutContent .CartContents .SubTotal{color: #a2463d;} #CheckoutStepConfirmation .ExpressCheckoutContent .CartContents em{font-style: normal !important; font-weight: 500;} #bottom_payment_button{padding: 0;} #OrderConfirmationForm{font-family: "Gotham SSm A","Gotham SSm B";} #payment_options, .CheckoutOrderComments {font-size: 14px; line-height: 28px; font-weight: 300;} .CheckoutOrderComments textarea{display: block; width: 93.5%; padding: 7.5px 3%; border: 3px solid #f2f2f2; margin: 0 0 43px 0; outline: 0; height: 145px; line-height: 20px; font-size: 20px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman'; resize: none;} .account-content{max-width:1046px; width: 90%; margin: 0 auto; padding: 35px 0;} .account-content #SideAccountMenu h4{color: #a2463d; display: block; font-size: 18px; line-height: 33px; font-weight: 500; font-family: "Gotham SSm A","Gotham SSm B"; margin: 0; padding: 0 0 15px 0;} .account-content #SideAccountMenu .side-menu li{font-size: 13px; line-height: 28px; font-weight: 500; font-family: "Gotham SSm A","Gotham SSm B"; text-transform: uppercase; padding: 0 !important; margin: 0 !important; border: 0;} .account-content #SideAccountMenu .side-menu li a{color: #666666; display: block;} .account-content #SideAccountMenu .side-menu li a:hover{color: #a2463d;} .account-content .BlockContent p{font-size: 14px; line-height: 22px; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B"; padding: 0; margin:0 0 20px 0;} .account-content .BlockContent p.txt24{font-weight: 500;} .account-content .BlockContent .list li{padding-bottom: 10px;} .account-content .BlockContent .list li h4, .account-content .Content h2, .account-content .Content h3{color: #a2463d; display: block; font-size: 18px; line-height: 33px; font-weight: 500; font-family: "Gotham SSm A","Gotham SSm B"; margin: 0; padding: 0 0 10px 0; text-transform: uppercase;} .account-content .BlockContent .list li h4 a{color: #a2463d !important;} .account-content .BlockContent .list li h4 a:hover{color: #0b2944 !important;} .account-content .BlockContent p.SuccessMessage, .account-content .BlockContent p.ErrorMessage, .account-content .BlockContent p.InfoMessage {padding: 20px 20px 20px 55px;} .account-content #EditAccountForm form dt, .account-content #WishListEditFrom form dt, .account-content #WishListEditFrom form dd, #ChooseShippingAddress dt{text-align: left; padding: 0 20px 0 0; margin: 0; font-size: 16px; line-height: 50px; display: block; font-weight: 500; font-family: "Gotham SSm A","Gotham SSm B"; } .account-content #WishListEditFrom form dt, #ChooseShippingAddress dt{float: none;} .account-content #WishListEditFrom form dd{padding-right: 0; font-size: 13px; line-height: 50px; display: block; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B";} .account-content #EditAccountForm form dd, .account-content #WishListEditFrom form dd, #ChooseShippingAddress dd{padding-bottom: 20px; float: none;} .account-content #EditAccountForm form dd input[type="text"], .account-content #EditAccountForm form dd input[type="email"], .account-content #EditAccountForm form dd input[type="password"], .account-content #WishListEditFrom form input[type="text"], #ChooseShippingAddress dd input[type="text"], #ChooseShippingAddress dd input[type="email"], #ChooseShippingAddress dd input[type="password"]{ background: #ffffff; border: 3px solid #f2f2f2; color: #666666; display: block; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 50px; line-height: 50px; margin: 0; outline: 0; padding: 0 5%; margin-bottom: 0;} .account-content #EditAccountForm form dd .LittleNotePassword{padding:0; font-size: 12px; line-height: 35px; display: block; font-weight: 300; font-family: "Gotham SSm A","Gotham SSm B"; margin: 0;} .account-content #EditAccountForm form dd .btn, .account-content #WishListEditFrom form dd .btn{padding: 0; width: 100%; height: 60px; line-height: 60px;} #ConfirmOrder, #ChooseShippingAddress, #ChooseShippingProvider{max-width: 1046px; width: 90%; padding: 35px 0; margin: 0 auto;} #ConfirmOrder h2, #ChooseShippingAddress h3{color: #a2463d; display: block; font-size: 18px; line-height: 25px; font-weight: 500; font-family: "Gotham SSm A","Gotham SSm B"; margin: 0; padding: 0 0 20px 0; text-transform: uppercase;} #ConfirmOrder .multiStep{width: 100%; margin-bottom: 20px;} #ConfirmOrder .multiStep li{display: block; margin: 0 12px;} #ConfirmOrder .multiStep li h4{margin: 0; padding: 0; font-size:13px; line-height: 30px; font-family: "Gotham SSm A","Gotham SSm B"; font-weight: 500;} #ConfirmOrder .multiStep li h4 a{color: #0b2944;} #ConfirmOrder .multiStep li.ActivePage h4{border-bottom: 0; color: #a2463d;} #ChooseShippingAddress p a{color:#a2463d !important;} .mainpageContainer{max-width:1046px; width: 90%; margin: 0 auto; padding: 35px 0; font-family: "Gotham SSm A","Gotham SSm B"; font-weight: 300;} .mainpageContainer .txt24{font-family: "Gotham SSm A","Gotham SSm B"; margin-bottom: 0; font-size: 16px; line-height: 22px; font-weight: 400;} .mainpageContainer .boxin h2{color: #a2463d; display: block; font-size: 18px; line-height: 25px; font-weight: 500; font-family: "Gotham SSm A","Gotham SSm B"; margin: 0; padding: 0 0 20px 0; text-transform: uppercase;} .mainpageContainer .boxin strong{font-weight: 300;} .mainpageContainer .boxin .mtop{margin-top: 0;} .mainpageContainer .boxin .list-icon .icon{float: left;} .mainpageContainer .boxin .list-icon li a{color: #333333;} .mainpageContainer p strong{font-weight: normal;} .nws p a{width: 150px; height: 40px; display: inline-block; border: 0 !important; outline: 0; background: #a2463d !important; color: #ffffff !important; font-size:14px; line-height:40px; font-weight:500; font-family: 'Gotham SSm A','Gotham SSm B'; text-transform: uppercase; cursor: pointer; -webkit-transition:background-color 0.3s ease-in-out 0s; -moz-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;-ms-transsition:background-color 0.3s ease-in-out 0s; transition:background-color 0.3s ease-in-out 0s; margin: 0 !important; text-align: center;} .nws p a:hover{background: #0b2944 !important;} /*.sf-menu ul {position: inherit !important; width: auto !important;}*/ .MagicZoomBigImageCont{z-index:1 !important;} .FloatLeft{float: none !important;} .Value.AddCartButton #uniform-qty_{width:100% !important;} #SearchPageHeader{max-width:1112px; width:90%; margin: 0 auto !important; padding: 60px 0 !important; font-family: "Gotham SSm A","Gotham SSm B"; font-weight: 300;} #SearchPageHeader .FloatRight{float: none;} #SearchPageHeader .btn, .CompareButton .btn{width: 100%; padding: 0;} #SearchPageHeader p.txt24{text-transform: uppercase; font-family: "Gotham SSm A","Gotham SSm B"; font-size:16px; font-weight: 500; line-height: 24px; color: #0b2944;} #SearchPageHeader p.SearchSuggest{text-transform: uppercase; font-family: "Gotham SSm A","Gotham SSm B"; font-weight: 300;} .AdvancedSearch h3{text-transform: uppercase; font-family: "Gotham SSm A","Gotham SSm B"; font-weight: 500; font-size:18px; line-height: 30px; color: #0b2944; padding-bottom: 15px; margin: 0;} .AdvancedSearch .FormContainer{padding-bottom: 15px; width: 100%;} .AdvancedSearch .FormContainer dt{text-transform: uppercase; font-family: "Gotham SSm A","Gotham SSm B"; font-weight: 300; font-size:14px; line-height: 56px; color: #0b2944; min-height: 56px; width: 100%; float: none; text-align: left; padding-bottom: 0;} .AdvancedSearch .FormContainer dd{margin-left: 0; min-height: 56px; line-height:56px; font-weight: 300; width: 100%; float: none; padding-bottom: 0;} .AdvancedSearch .FormContainer dd input[type="text"]{display: block; width: 89%; padding: 0 5%; background:#ffffff; border: 3px solid #f2f2f2; margin: 0; outline: 0; height: 50px; line-height: 50px; font-size: 13px; font-weight: 400; color: #666666; font-family:'Cochin W01 Roman'; -webkit-appearance:none; max-width: 320px;} .AdvancedSearch .FormContainer dd input[type="text"].Textbox{display: inline-block; max-width: 70px;} .AdvancedSearch .FormContainer dd input[type="text"]:focus{background: #f2f2f2;} .AdvancedSearch .FormContainer dd .selector{background: url(../img/selectarrow.png) no-repeat 95% 50% #f2f2f2 !important; height: 56px; min-width: 100%; width: 100%; overflow: hidden; padding: 0 !important; border: 0;} .AdvancedSearch .FormContainer dd .selector span{color: #666666; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 56px; line-height: 56px; padding: 0 12px !important; width: 100%; background: none !important;} .AdvancedSearch .FormContainer dd .selector select{background: none; border: 0; box-shadow: none; color: #666666; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 56px; line-height: 56px; padding: 0 12px; width: 112%;} .AdvancedSearch .FormContainer dd .selector select:focus{outline: 0;} .SearchSorting.SortBox{float: none;} .SearchSorting.SortBox #SearchSortingSelectContainer label{float: left; font-size: 14px; line-height: 56px; text-transform: uppercase; margin-right: 10px; padding: 0;} .SearchSorting.SortBox #SearchSortingSelectContainer .selector{background: url(../img/selectarrow.png) no-repeat 95% 50% #f2f2f2 !important; height: 56px; max-width: 200px; width:100%; overflow: hidden; padding: 0 !important; border: 0; float: left;} .SearchSorting.SortBox #SearchSortingSelectContainer .selector span, #CartContent .CartContents .CartItemQuantity .selector span{color: #666666; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 56px; line-height: 56px; padding: 0 12px !important; width: 100%; margin: 0; background: none !important;} .SearchSorting.SortBox #SearchSortingSelectContainer .selector select, #CartContent .CartContents .CartItemQuantity .selector select{background: none; border: 0; box-shadow: none; color: #666666; font-family: "Cochin W01 Roman"; font-size: 20px; font-weight: 400; height: 56px; line-height: 56px; padding: 0 12px; width: 112%;} .SearchSorting.SortBox #SearchSortingSelectContainer .selector select:focus, #CartContent .CartContents .CartItemQuantity .selector select:focus{outline: 0;} #CartContent .CartContents .CartItemQuantity .selector{background: url(../img/selectarrow.png) no-repeat 90% 50% #f2f2f2 !important; height: 56px; max-width: 200px; width:100% !important; overflow: hidden; padding: 0 !important; border: 0;} #CartContent .CartContents .CartItemQuantity .selector span, #CartContent .CartContents .CartItemQuantity .selector select{padding: 0 20px 0 12px !important;} #SearchTabsList{padding: 0 5px;} #SearchTabsList li a{text-transform: uppercase; font-weight: 400; text-transform: uppercase; color: #0b2944; font-size: 11px; padding: 0 10px; margin: 0;} #SearchPage{max-width:1112px; width:90%; margin: 0 auto !important; font-family: "Gotham SSm A","Gotham SSm B"; font-weight: 300; padding: 0 0 60px !important;} .SuccessMessage, .ErrorMessage, .InfoMessage{padding:20px 2% 20px 8% !important;} #LayoutColumn1.Content.Widest .SuccessMessage{width:80%;} .AccountLogin form .FormContainer .SuccessMessage{width: 90% !important; margin-bottom: 20px;} .QuickViewModal .modalClose{background: url("../img/sprite.png") no-repeat scroll 0 -53px !important; height: 10px !important; width: 10px !important;} .brand .product-nav{display: none;} .brand .product-nav.btm{display: block; margin-bottom: 0;} .brand .ProductList{padding-top: 60px; max-width: 1112px; margin: 0 auto; width: 90%;} .brand .brand-list{margin-top: 60px; border-top: 1px solid #d3d8dd;} .brandDescription{max-width: 1112px; margin: 0 auto; width: 90%; padding: 25px 0; color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 14px; font-weight: 300; line-height: 20px; text-align: center;} .banner_brand_page_bottom{max-width: 1112px; margin: 0 auto; width: 90%; padding: 0 0 25px;} .banner_brand_page_bottom p{color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 14px; font-weight: 300; line-height: 20px; padding-bottom: 20px; margin: 0;} .banner_brand_page_bottom p span strong{font-weight:300; font-size: 18px;} .CategoryDescription{padding-bottom: 20px;} .CategoryDescription p{color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 14px; font-weight: 300; line-height: 20px; padding-bottom: 20px;} .CategoryDescription p img{display: block; max-width: 176px; width: 100%; margin: 0 auto 20px;} .notfoundContent{max-width: 1112px; margin: 0 auto; width: 90%; padding: 25px 0; color: #666666; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 14px; font-weight: 300; line-height: 20px;} .notfoundContent p{margin: 0; padding-bottom: 20px;} .notfoundContent p.txt24{font-weight: normal; font-size: 18px; line-height: 24px;} .notfoundContent ul{padding: 0 0 20px 0; margin: 0; list-style-type: none;} .notfoundContent ul li{color: #000000; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 12px; font-weight: 300; line-height: 24px;} .olrk-away .hbl_txt_wrapper textarea{min-height: 20px;} .olrk-away #habla_window_div #habla_panel_div #habla_both_div #habla_topbar_div{background: #0b2944 !important;} @-webkit-keyframes blink{ 50%{ border-width:0; border-color:rgb(11,41,68); } 100%{ border-width:0; border-color:rgb(11,41,68); } } @-moz-keyframes blink{ 50%{ border-width:0; border-color:rgb(11,41,68); } 100%{ border-width:0; border-color:rgb(11,41,68); } } /* Media queries ---------------------------------------- */ /* The media queries included in here are only placeholder. Modify them as your content requires */ @media only screen and (min-width: 480px) { /* Wide mobile (480px+) styles go here */ .pml-container{ width:90%; margin:0 auto;} .locationtxt{ float:left;} .telno{ float:right;} .productlist li .inner, .ProductList li .inner{ min-height:420px; padding-bottom:50px;} .copyright{ font-size:10px;} .main .inner .login-form .grid .grid__item .CreateAccount ul li{font-size:16px;} } @media only screen and (min-width: 640px) { .productlist li, .ProductList li, .ProductList.List li{width:48%; float: left; padding: 0 1%;} .contactformwrap h2{ font-size:25px; cursor: pointer;} .breadcrumb{ padding:12px 0;} .breadcrumb li{ font-size:30px; line-height:30px;} .title h1, .TitleHeading{ font-size:50px; line-height:50px;} .main .inner .login-form .grid .grid__item .CreateAccount .btn, .AccountLogin .FormContainer .btn{width:100%;} #ForgotPasswordForm .HorizontalFormContainer dd{float: left; margin-left: 20px;} #ForgotPasswordForm .HorizontalFormContainer dd .btn{padding: 0 22px;} .FormContainer .box dt, .FormContainer .box dd{text-align:left !important;} #CartContent .btn, .txtR .btn, .CartCode .GiftCertificate input.btn, .CartCode .CouponCode input.btn, #CartContent .EstimateShippingButtons a.txt-link{padding:0 22px; font-size: 14px; width: auto;} #CartContent .EstimateShippingButtons a.txt-link{width: auto;} .CartCode .CouponCode .CouponCode{width:85%;} .CartCode .GiftCertificate h3, .CartCode .CouponCode h3{font-size: 18px; line-height: 25px; padding-bottom: 25px;} .ExpressCheckoutBlock .ExpressCheckoutTitle{padding: 35px 0; font-size: 25px; line-height: 25px;} .ExpressCheckout .ExpressCheckoutContent h4{font-size: 25px; line-height: 25px; padding: 0 0 35px 0;} .ExpressCheckout .ExpressCheckoutContent p{padding: 0 0 25px 0; font-size: 16px; line-height: 25px;} .ExpressCheckout .ExpressCheckoutContent p.ErrorMessage, .ExpressCheckout .ExpressCheckoutContent p.SuccessMessage, .ExpressCheckout .ExpressCheckoutContent p.InfoMessage{padding: 20px 20px 20px 55px; margin-bottom: 20px;} .chklst{padding-bottom:44px;} .chklst li{padding:6px 0;} .chklst li label{font-size: 16px;} .FormContainer .box p.Submit a, .FormContainer .box p.Submit .btn{display: inline-block; width: auto; padding: 0 22px;} .ExpressCheckout .ExpressCheckoutContent .FormContainer dl dd{float: left; width: 48%;} .ExpressCheckout .ExpressCheckoutContent .FormContainer dl dd:nth-child(4n+4){float: right;} .ExpressCheckout .ExpressCheckoutContent .FormContainer div.selector select, .ExpressCheckout .ExpressCheckoutContent .FormContainer div.selector span, .FormContainer .box dd div.selector span, .FormContainer .box dd div.selector select{font-size: 20px; padding: 0 5% !important;} .account-content #EditAccountForm form dd, .account-content #WishListEditFrom form dt, #ChooseShippingAddress dt{float: left;} .account-content #EditAccountForm form dd .btn, .account-content #WishListEditFrom form dd .btn, #CheckoutStepShippingProvider .btn, #bottom_payment_button, .billButton{padding:0 22px; width: auto; font-size: 14px;} #ChooseShippingAddress #AddressEditForm div.selector{max-width: 320px; margin-left: 196px;} #CartContent .btn, .txtR .btn, .EstimateShippingLink.btn{padding: 0 22px !important; width: auto;} .CartCode .CouponCode, .CartCode .GiftCertificate{width:50%; float: left;} .CartCode .GiftCertificate input[type="text"], .CartCode .CouponCode input[type="text"]{width: auto;} .CategoryDescription p img{display: block; float: left; margin: 0 20px 20px 0;} .pageination ul li, .product-nav .CategoryPagination ul li, .pageination .nav-prev, .pageination .nav-next, .product-nav .nav-prev, .product-nav .nav-next{padding: 0 10px !important;} } @media only screen and (min-width: 768px) { /* Tablets/netbooks (768px+) styles go here */ .header-right{ width:auto;} .secondary-menu{ padding:0; margin:0 0 10px; list-style:none; font-size:0; float: right; width: 100%;} .secondary-menu li{ display:inline-block; font-size:11px; line-height:12px; color:#8e8d8d; font-family: 'proxima_novasemibold'; margin:0 0 0 15px; text-transform:uppercase;} .secondary-menu li:last-child{ margin-right:0;} .secondary-menu li a{color:#8e8d8d;} .secondary-menu li.js-drawermenu-currency-converter{display: none;} .secondary-menu li a:hover{ color:#a2463d;} .head-social-icon{ padding:0; margin:0; list-style:none; font-size:0;} .head-social-icon li{ display:inline-block; margin-right:15px;} .head-social-icon li:last-child{ margin-right:0;} .head-social-icon li a{ width:21px; height:20px; display:block; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition:opacity 0.2s ease 0s; -moz-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;-ms-transsition:opacity 0.2s ease 0s; transition:opacity 0.2s ease 0s; } .head-social-icon li.tw{ background:url('../img/sprite.png') no-repeat -278px 0;} .head-social-icon li.fb{ background:url('../img/sprite.png') no-repeat -299px 0;} .head-social-icon li.ins{ background:url('../img/sprite.png') no-repeat -320px 0;} .head-social-icon li.pin{ background:url('../img/sprite.png') no-repeat -341px 0;} .head-social-icon li.wp{ background:url('../img/sprite.png') no-repeat -362px 0;} .head-social-icon li.tw a{ background:url('../img/sprite.png') no-repeat -278px -20px #fff;} .head-social-icon li.fb a{ background:url('../img/sprite.png') no-repeat -299px -20px #fff;} .head-social-icon li.ins a{ background:url('../img/sprite.png') no-repeat -320px -20px #fff;} .head-social-icon li.pin a{ background:url('../img/sprite.png') no-repeat -341px -20px #fff;} .head-social-icon li.wp a{ background:url('../img/sprite.png') no-repeat -362px -20px #fff;} .head-social-icon li:hover a{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .header-bottom{ padding:15px 20px 0 0; height:auto !important;} .header-bottom{ display:block;} .TitleHeading{margin:0;} .CartLink{ float:right; line-height:18px; position:relative; margin-right:0;} .CartLink a.shoping-cart{ width:17px; height:19px; font-size:13px; line-height:18px; background:url('../img/sprite.png') no-repeat -17px -34px; display:inline-block;} .CartLink > a{ text-indent:0;} .CartLink a.minicart{ width:auto; height:auto; font-size:13px; line-height:18px; color:#a2463d; text-transform:uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:500; margin-left:10px; display:inline-block;} .search-button{ width:17px; height:18px; float:left; background:url('../img/sprite.png') no-repeat 0 -32px; cursor:pointer; margin-right:20px;} .search input[type=text]{font-size:24px !important;} .brands{ max-width:1112px; margin:0 auto; padding:12px 10px; display:block;} .brands ul{ margin:0; padding:0; list-style:none;} .brands ul li{ width:20%; padding:0 2.5%; float:left; /*line-height:160px;*/ margin:0; text-align:center; position: relative; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden;} .brands ul li:last-child{ margin-right:0;} .brands ul li img{ opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; max-width:100%; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} .brands ul li img:hover{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .slider-pan-text span{ font-size:20px;} .slider-pan-text h2{ font-size:70px; line-height:50px;} .slider-pan-text h2 span{font-size: 60px;} #pager{ position:absolute; width:100%; left:0; bottom:90px; z-index:10; text-align:center;} #pager a{ width:8px; height:8px; background:rgba(253,253,253,0.4); border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; display:inline-block; margin:0 5px; font-size:0; line-height:0;} #pager a.selected{background:rgba(253,253,253,1);} .explore{ width:100%; left:0; position:absolute; bottom:0; text-align:center; z-index:100; opacity:0;} .explore span{ font-size:16px; color:#fff; font-style:italic; font-family:'Cochin W01 Roman';} .explore a{ width:42px; height:43px; margin:0 auto; background:url('../img/sprite.png') no-repeat -427px 0; display:block; margin-top:-10px;} .slider-button{ width:100%; height:20px; position:absolute; top:50%; margin-top:-10px; z-index:100;} a.prev{ width:11px; height:20px; background:url('../img/sprite.png') no-repeat 0 -63px; display:block; position:absolute; top:50%; margin-top:-10px; z-index:100; left:0; opacity:0;} a.next{ width:11px; height:20px; background:url('../img/sprite.png') no-repeat 0 -83px; display:block; position:absolute; top:50%; margin-top:-10px; z-index:100; right:0; opacity:0;} .block {float: left;height: 0;padding-bottom: 33.33%;position: relative;width: 100%;} .block-inner{bottom: 0;left: 0;position: absolute;right: 0;top: 0;} .block-overlay:after {content: "";display: inline-block;height: 100%;vertical-align: middle;} .lt-ie9 .block-overlay::after{content:'';display: inline-block;height: 100%;vertical-align: middle;} .block-overlay {bottom: 0;left: 0;position: absolute;right: 0;text-align: center;top: 0;white-space: nowrap;} .block-text {display: inline-block; margin-left: auto;margin-right: auto;max-width: 80%;padding: 0 2%;vertical-align: middle;white-space: normal;} .home-buttom-box h3{ font-size:30px;} .home-buttom-box-left{ width:50%; float:left;} .home-buttom-box-left .home-buttom-box-in{ border-bottom:0; border-right:1px solid #e4e8ea;} .home-buttom-box-right{ width:50%; float:right;} .footer-left{ width:100%; float:none;} .footer-left-pan{ width:33.33%; float:left;} .footer-left-pan ul{ padding:0; margin:0; list-style:none;} .footer-left-pan ul li{ font-size:13px; font-family:'Cochin W01 Roman'; line-height:17px; text-transform:uppercase; margin:0 0 13px;} .footer-left-pan ul li a{color:#0b2944;} .footer-left-pan ul li a:hover{ color:#a2463d;} .footer-left-pan ul li ul{display: none;} .footer-right{ width:60%; margin:0 auto;} .circle {border-radius: 22px 22px 22px 22px;} #link-36{display:inline-block; color:#0b2944;font-size:10px;line-height:22px;margin:0;text-decoration: none;transition:color .5s ease-in-out;-moz-transition:color .5s ease-in-out;-webkit-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:300; text-transform:uppercase;} #link-36:hover{ color:#a2463d;} #link-36:hover #logo-36{background-position:right top;transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} #link-36:hover #sub-circle{height:22px;margin:0;width:22px;} #circle-36{background:#0b2944;display:block;float:right;height:22px;margin-left:8px;position: relative;top:0;width:22px;} #link-36:hover #circle-36{ background:#a2463d} #logo-36{background: url(../img/bg-36.png) no-repeat left top;height:22px;position:absolute;transition:background-position .2s ease-in-out, -moz-transform .75s;-moz-transition:background-position .2s ease-in-out, -moz-transform .75s;-webkit-transition:background-position .2s ease-in-out, -webkit-transform .75s; -o-transition:background-position .2s ease-in-out, -o-transform .75s;width:22px;z-index:1;} #sub-circle{background:#a2463d;border:0; height:0;margin:11px 0 0 11px;position:absolute;transition:width .5s ease-in-out, height .5s ease-in-out, margin .5s ease-in-out;-moz-transition:width .5s ease-in-out, height .5s ease-in-out, margin .5s ease-in-out;-webkit-transition:width .5s ease-in-out, height .5s ease-in-out, margin .5s ease-in-out;-o-transition:width .5s ease-in-out, height .5s ease-in-out, margin .5s ease-in-out;width: 0; z-index: 0;} .location-list li{width:50%; float: left; display: block; position: relative; overflow:hidden;} .contactfld{width: 47%; margin: 0 1.5%;} #ContactForm dd .contact-details{width: 97%; padding: 0 1.5%;} .contactform textarea{height: 245px;} .left{width: 27%; float: left;} .leftmenu{width: 100%; padding: 0; margin: 0; list-style-type: none; float:left;} .leftmenu li{width:100%; display: block; text-transform: uppercase; font-family: 'Gotham SSm A','Gotham SSm B'; font-weight: 500; float:left;} .leftmenu li.accor span.arrow{background:url('../img/left-menu-accor-icon.png') no-repeat right center; display: block; width: 20px; height: 27px; cursor:pointer; float: left;} .leftmenu li a{padding: 0; margin: 0; font-size: 18px; line-height: 33px; color: #0b2944; display: block; float:left;} .leftmenu li a:hover, .leftmenu li a.current{color: #a2463d;} .leftmenu li ul{padding:0 0 0 15px; margin: 0; display: none; float:left; width: 100%;} .leftmenu li li a{font-size: 11px; line-height: 28px; color: #666666; display:block; position: relative; float:left;} .leftmenu li li a:hover, .leftmenu li li a.current{color: #a2463d;} .leftmenu li ul ul{padding: 0 0 0 25px;} .content{width: 70%; float: right;} .productlist, .Productlist{width:100%; display: block; padding: 0; margin: 0;} .productlist li, .ProductList li, .ProductList.List li{width:48%; padding: 0 1%;} .productlist li .inner, .ProductList li .inner{padding: 10px 25px 50px 25px; min-height: 420px;} .breadcrumb li{ font-size:40px; line-height:40px;} .ProductMain h1, #ProductDetails h1{ font-size:25px;} .Value.AddCartButton, .productOptionViewSelect{ width:100%; min-height:inherit;} .relatedproduct{width:100%; display: block; border-top: 1px solid #d3d8dd; padding: 20px 0 0 0;} .relatedproduct h2{font-size: 20px; line-height: 24px; font-weight: bold; color: #999999; font-family: 'Gotham SSm A','Gotham SSm B'; text-transform: uppercase; padding: 0; margin: 0;} .relatedproduct ul{padding-top: 45px;} .relatedproduct ul li{width: 48%; padding: 1%;} .relatedproduct ul li .inner{padding: 10px; min-height: 290px;} .relatedproduct ul li .productimage{margin-bottom: 12px;} .relatedproduct ul li .productdetails{line-height: 16px; min-height: 80px;} .relatedproduct ul li .ProductDetails .pname{min-height: 80px;} .contact-details .require-icon{ display:block !important;} .main .inner .login-form .grid .grid__item{width:47%;} .AccountLogin .FormContainer label{margin-bottom: 9px;} .main .inner .login-form .grid .grid__item .CreateAccount .btn, .AccountLogin .FormContainer .btn{width: auto; padding: 0 22px !important; font-size: 14px;} .FormContainer .box dt, .FormContainer .box dd{float: left; width: calc();} .FormContainer .box{border-top: 1px solid #e3e3e3;} .FormContainer .box.borderB{width: 47%; clear: none; float: right; border: 0;} .FormContainer .borderB:first-child{float: left; padding-top: 20px;} .ExpressCheckout .ExpressCheckoutContent .CreateAccount{width:47%; float: left; margin: 0;} .ExpressCheckout .ExpressCheckoutContent .AccountLogin{width:47%; float: right;} .ExpressCheckout .ExpressCheckoutContent .CreateAccount .Submit #CreateAccountButton, .saveaccount .full-width .btn, .billingButton, .shippingButton, .ExpressCheckout .ExpressCheckoutContent .AccountLogin #LoginButton.btn{padding:0 22px; width: auto; font-size: 14px;} .ExpressCheckout .ExpressCheckoutContent .FormContainer p.Submit .btn{padding:0 22px; width: auto;} #CheckoutStepConfirmation .ExpressCheckoutContent .CartContents .CheckoutRedeemCoupon input[type="text"]{margin-bottom: 0;} #apply_code{font-size: 14px;} #ConfirmOrder .multiStep li{display: inline-block;} #SearchPageHeader .btn, .CompareButton .btn{width: auto; padding: 0 22px; font-size: 14px;} #SearchPageHeader p.txt24{font-size: 18px; line-height: 56px;} .AdvancedSearch .FormContainer dt{width:170px; float: left; padding-bottom: 20px;} .AdvancedSearch .FormContainer dd{width: 340px; float: left; margin-left: 20px; padding-bottom: 20px;} .AdvancedSearch .FormContainer dd input.Textbox[type="text"]{max-width: 90px;} #SearchTabsList{padding: 0 20px;} #SearchTabsList li a{font-size: 14px; padding: 0 20px;} .SubBrandListGrid .brand-list li{width:50%;} .productcontainer{padding:0 0 85px 0;} } @media only screen and (min-width: 1001px) { .logo{ width:auto;} .logo + .header-right{ margin-left:200px;} .logo-caption{float: left; text-align: center;} .logo-caption h2{font-size: 36px; line-height: 27px; font-weight: 300; padding: 0 0 2px 0; margin: 0; text-transform: uppercase; color: #bdc4cb; font-family: 'Didot 42 A', 'Didot 42 B'; letter-spacing: 0;} .logo-caption h6{font-size: 15px; line-height: 15px; font-weight: 300; text-transform: uppercase; color: #bdc4cb; font-family: 'Gotham SSm A', 'Gotham SSm B'; padding: 0; margin: 0;} .header-in{padding-left:0;} .header-right{width:auto; float:none;} .header-top{border-bottom:1px solid #d8dde1; padding:15px 20px 3px 0; overflow:hidden; display:block;} .header-top-right{ float:right; text-align:right; margin-top: -3px; max-width: 315px;} .primary-menu{ float:left; padding-top: 2px;} .primary-menu ul{ padding:0; margin:0; list-style:none; font-size:0;} .primary-menu > ul > li{ font-size:13px; line-height:13px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight:500; color:#0b2944; text-transform:uppercase; display:inline-block; margin-right:15px; padding-bottom:17px; border-bottom:3px solid #fff; transition:border-color .5s ease-in-out;-moz-transition:border-color .5s ease-in-out;-webkit-transition:border-color .5s ease-in-out;-o-transition:border-color .5s ease-in-out;} .primary-menu > ul > li:hover{ border-color:#0b2944;} /*.primary-menu ul li:last-child{ margin-right:60px; display:none;}*/ .primary-menu ul li:last-child{ margin-right:60px;} .primary-menu ul li a{color:#0b2944;} .primary-menu ul li a:hover{color:#a2463d;} .primary-menu ul li div.submenu{ position:absolute; left:0; top:100%; width:100%; background:#eaecee; margin-top:0; opacity:0; visibility:hidden; z-index: 11;overflow:hidden;} .primary-menu ul li ul{ display:none; overflow:hidden;} .primary-menu ul li div.submenu ul{ display:block; width:400px; background:#eaecee; padding:45px 0;} .primary-menu ul li ul li{ width:50%; float:left; font-size:13px; text-transform:uppercase; margin:0 0 15px; padding-bottom:0;} .primary-menu ul li ul li:last-child{ margin-right:0;} .primary-menu ul li.sale-menu div.submenu ul li{float: none;} .primary-menu ul div.submenu li a{color:#0b2944;} .primary-menu ul div.submenu li a:hover{color:#a2463d;} .primary-menu ul div.submenu li.over a{ background:url('../img/drop-down-arrow.png') no-repeat right 2px; padding-right:17px;} .primary-menu > ul > li > div.submenu > ul > li.over > a:hover{ background:url('../img/drop-down-arrow-h.png') no-repeat right 2px;} .primary-menu ul div.submenu li div.tertiarymenu{background:#0b2944; position:absolute; height:100%; left:190px; top:0 !important; right:0; padding:0; width:0; visibility:hidden;} .primary-menu ul div.submenu li div.tertiarymenu ul{ padding-left:0 !important;} .primary-menu ul div.submenu li ul{background:none; padding:0; position: absolute; left: 24px; top: 0;} .primary-menu ul div.submenu li ul li{ width:100%; float:none;} .primary-menu ul div.submenu li ul li a{ color:#fff;} .primary-menu ul div.submenu li.subhover{ width:auto;} .PrimaryProductDetails .ProductMain, .left-content{width:47% !important;} .account-content .Left{width: 260px;} .primary-menu ul div.submenu li ul li ul{display: none;} .left{width: 22%; float: left;} .leftmenu li li a{font-size:13px;} .CartCode .GiftCertificate h3, .CartCode .CouponCode h3{font-size: 25px;} } @media only screen and (min-width: 1024px) { /* Desktops (1024px+) styles go here */ .logo + .header-right{ margin-left:225px;} .primary-menu > ul > li{ margin-right:15px; font-size: 11px;} .slider-pan-text h2{ font-size:80px; line-height:80px;} .slider-pan-text h2 span{font-size: 70px;} .slider-pan-text{ width:100%;} .home-buttom-box h3{ font-size:36px;} .footer-in{ text-align:inherit;} .footer-left{ width:60%; float:left;} .footer-right{ width:30%; float:right;} .copyright{ float:left;} .poweredBy{ display:block;} .productlist li, .ProductList li, .ProductList.List li{width:30.33%; padding: 0 1.5%;} .breadcrumb li{ font-size:50px; line-height:50px;} .productthumb{ width:50%; float:left;} .productcont{ width:50%; float:right;} .relatedproduct ul li{width:23%; padding: 1%; min-height: 340px; box-sizing: inherit !important;} .SubBrandListGrid .brand-list li{width:25%;} } @media only screen and (min-width: 1060px) { .logo-caption{ width:auto; float: left; text-align: center;} .logo-caption h2{letter-spacing: 2.5px;} .slider-pan-text h2{font-size:100px; line-height:80px;} } @media only screen and (min-width: 1112px) { .primary-menu > ul > li{ margin-right:20px; font-size: 13px;} } @media only screen and (min-width: 1280px) { .container{ width:100%;} .brands{ padding-left:0; padding-right:0;} .blog-img-box{ width:100%;} .blog-post p{ padding-left:0; padding-right:0;} .location-list li{width:25%; float: left; display: block; position: relative; overflow:hidden;} .slider-pan-text h2{font-size:120px; line-height:80px;} } @media only screen and (max-width: 767px){ .CartContents > thead, .CartContents .CartThumb, .CartContents .CartItemIndividualPrice{display: none!important;} } /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* Print styles ---------------------------------------- */ /* Print styles inlined to avoid extra HTTP connection */ @media print { * { background: transparent !important; color: black !important; /* Black prints faster: sanbeiji.com/archives/953 */ text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* Do not show javascript and internal links */ a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Printing Tables: css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* This is a compiled file, you should be editing the file in the templates directory */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 99999; position: fixed; margin: auto; top: 0; left: 0; width: 100%; height: 100%; background: #fff; border:0; overflow: hidden; display: block; } .pace .pace-progress { -webkit-transition: -webkit-transform .3s, width 1s; -moz-transition: width 1s; -o-transform: width 1s; transition: transform .3s, width 1s; -webkit-transform: translateY(-50px); transform: translateY(-50px); pointer-events: none; max-width: 100%; position: fixed; z-index: 2000; display: block; position: absolute; bottom: 0; right: 100%; height: 8px; width: 100%; background: #a2463d; } .pace.pace-active .pace-progress { -webkit-transform: translateY(0); transform: translateY(0); } .pace.pace-inactive { display: none; } #Loading{width:100%; height: 100%; position: fixed; left: 0; top: 0; background: #ffffff; z-index: 99999;} .queryloader__overlay__bar{bottom:0 !important; top: auto !important;}