.blogwidget .row { list-style-type: none; } .blogwidget .block-title { font-family: 'Georgia',serif; font-size: 1.4em; font-weight: normal; margin: 0 0 20px 0; } .blogwidget .blogpost-category { color: #ffb28b; display:block; font-size:0.9em; font-weight:bold; margin-bottom:17px; text-transform: uppercase; } .blogwidget .featured-image { border:1px solid #e6e6e6; margin-bottom:45px; } .blogwidget .featured-image a{ display:block; height:97px; background-size: cover; background-position: 50% 50%; text-decoration: none; overflow: hidden; text-indent: -9999px; } .blogwidget .featured-image img { height:97px; width:317px; } .blogwidget .blogpost-posttitle { color: #464646; display: block; font-family: 'Georgia',serif; margin-bottom:12px; min-height:40px; } .blogwidget .blogpost-postdate { font-size: 0.9em; font-weight:bold; margin-bottom:25px; font-family: 'questrial',Arial,Helvetica,sans-serif; font-weight: 100; } .blogwidget .blogpost-content { font-size: 0.8em; line-height:1.4em; padding-bottom:20px; min-height: 135px; } .blogwidget .blogpost-content a { color: #ffb28b; font-weight:bold; text-decoration: underline; text-transform: uppercase; display: block; margin-top: 10px; } .blogwidget .blogpost-tags { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; color: #7b7b7b; font-size:0.75em; line-height:1.5em; margin-bottom:37px; min-height:37px; padding: 12px 0 15px 0; } .blogwidget .blogpost-tags a { color: #7b7b7b; text-decoration: underline; } .blogwidget .row .col33 { margin-left: 2%; width: 32%; } .blogwidget .row .col33:first-child { margin-left: 0; } @media screen and (min-width:569px) and (max-width:800px) { .blogwidget .row .col33 { width: 48.9%; } .blogwidget .row .col33.first, .blogwidget .row .col33.last { margin-left:0; } } @media screen and (max-width:568px) { #body .blogwidget .row .col33 { margin-right: 0; margin-left: 0; width: 100%; } } @media screen and (max-width:1026px) { .blogwidget { padding: 0 18px; } } .invisible { display: none !important; } /*----------------------------------------------------------- [Contents] This is the contents section to help us navigate through this style sheet. We should also seperate the stylesheets and export them. $_media_screen_and_max_width_1024 $_media_screen_and_min_width_768 $_media_screen_and_max_width_767 $_media_screen_min_width_768 $_media_screen_max_width_767 $_media_screen_max_width_683 ------------------------------------------------------------*/ /* @font-face { font-family:'questrial'; src:url('https://www.vashi.ie/skin/frontend/default/vashi/webfonts/questrial.eot'); src:url('https://www.vashi.ie/skin/frontend/default/vashi/webfonts/questrial.eot?#iefix') format('embedded-opentype'), url('https://www.vashi.ie/skin/frontend/default/vashi/webfonts/questrial.woff') format('woff'), url('https://www.vashi.ie/skin/frontend/default/vashi/webfonts/questrial.svg#questrialregular') format('svg'), url('https://www.vashi.ie/skin/frontend/default/vashi/webfonts/questrial.ttf') format('truetype'); font-weight:normal; font-style:normal } @font-face { font-family: 'script'; src: url('https://www.vashi.com/moments/assets/fonts/jellyka-estrya.eot?1415787300'); src: url('https://www.vashi.com/moments/assets/fonts/jellyka-estrya.eot?&1415787300#iefix') format("embedded-opentype"), url('https://www.vashi.com/moments/assets/fonts/jellyka-estrya.woff2?1415787300') format("woff2"), url('https://www.vashi.com/moments/assets/fonts/jellyka-estrya.woff?1415787300') format("woff"), url('https://www.vashi.com/moments/assets/fonts/jellyka-estrya.ttf?1415787300') format("truetype"), url('https://www.vashi.com/moments/assets/fonts/jellyka-estrya.svg?1415787300#jellyka-estrya') format("svg"); font-weight: normal; font-style: normal; } @font-face{ font-family: "Farnham-Bold"; src: url('/skin/frontend/default/vashi/fonts/Farnham-Text-Bold.eot'), url("/skin/frontend/default/vashi/fonts/Farnham-Text-Bold.woff"), url("/skin/frontend/default/vashi/fonts/Farnham-Text-Bold.woff2"); font-weight: bold; } @font-face{ font-family: "Farnham"; src: url("/skin/frontend/default/vashi/fonts/Farnham-Text-Regular.eot"), url("/skin/frontend/default/vashi/fonts/Farnham-Text-Regular.woff"), url("/skin/frontend/default/vashi/fonts/Farnham-Text-Regular.woff2"); font-weight: normal; } /** Generated by FG * @font-face { font-family: 'MarkPro'; src: url('/skin/frontend/default/vashi/fonts/markpro.eot'); src: local('☺'), url('/skin/frontend/default/vashi/fonts/markpro.woff') format('woff'), url('/skin/frontend/default/vashi/fonts/markpro.ttf') format('truetype'), url('/skin/frontend/default/vashi/fonts/markpro.svg') format('svg'); font-weight: normal; font-style: normal; }*/ .clear{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .hide,.button.hide{display:none} .show{display:block} .float-left{float:left} .float-right{float:right} .t-align-left{text-align:left} .t-align-center{text-align:center} .t-align-right{text-align:right} .row .col18, .row.fluidOnly .col18 {width:16.799%} .row .col20, .row.fluidOnly .col20 {width:18.799%} .row .col25, .row.fluidOnly .col25 {width:24.05%} .row .col33, .row.fluidOnly .col33 {width:31.83%} .row .col40, .row.fluidOnly .col40 {width:38.5%} .row .col45, .row.fluidOnly .col45 {width:43.5%} .row .col50, .row.fluidOnly .col50 {width:48%} .row .col55, .row.fluidOnly .col55 {width:55%} .row .col60, .row.fluidOnly .col60 {width:59%} .row .col66, .row.fluidOnly .col66 {width:66.4%} .row .col75, .row.fluidOnly .col75 {width:74.05%} .row .col80, .row.fluidOnly .col80 {width:78.5%} .row .col100, .row.fluidOnly .col100 {width:100%;float:left} .row .col18, .row.fluidOnly .col18, .row .col20, .row.fluidOnly .col20, .row .col25, .row.fluidOnly .col25, .row .col33, .row.fluidOnly .col33, .row .col40, .row.fluidOnly .col40, .row .col45, .row.fluidOnly .col45, .row .col50, .row.fluidOnly .col50, .row .col55, .row.fluidOnly .col55, .row .col60, .row.fluidOnly .col60, .row .col66, .row.fluidOnly .col66, .row .col75, .row.fluidOnly .col75, .row .col80, .row.fluidOnly .col80, .row .col100, .row.fluidOnly .col100 { margin-left:1.5%; float: left; min-height:1px } .row .col18:first-child,.row.fluidOnly .col18:first-child, .row .col20:first-child,.row.fluidOnly .col20:first-child, .row .col25:first-child,.row.fluidOnly .col25:first-child, .row .col33:first-child,.row.fluidOnly .col33:first-child, .row .col40:first-child,.row.fluidOnly .col40:first-child, .row .col45:first-child,.row.fluidOnly .col45:first-child, .row .col50:first-child,.row.fluidOnly .col50:first-child, .row .col55:first-child,.row.fluidOnly .col55:first-child, .row .col60:first-child,.row.fluidOnly .col60:first-child, .row .col66:first-child,.row.fluidOnly .col66:first-child, .row .col75:first-child,.row.fluidOnly .col75:first-child, .row .col80:first-child,.row.fluidOnly .col80:first-child, .row .col100:first-child,.row.fluidOnly .col100:first-child, .row .col18.first,.row.fluidOnly .col18.first, .row .col20.first,.row.fluidOnly .col20.first, .row .col25.first,.row.fluidOnly .col25.first, .row .col33.first,.row.fluidOnly .col33.first, .row .col40.first,.row.fluidOnly .col40.first, .row .col45.first,.row.fluidOnly .col45.first, .row .col50.first,.row.fluidOnly .col50.first, .row .col55.first,.row.fluidOnly .col55.first, .row .col60.first,.row.fluidOnly .col60.first, .row .col66.first,.row.fluidOnly .col66.first, .row .col75.first,.row.fluidOnly .col75.first, .row .col80.first,.row.fluidOnly .col80.first, .row .col100.first, .row.fluidOnly .col100.first { margin-left: 0 } .row .col80, .row.fluidOnly .col80 {margin-left:2%} .row .stretch{margin-right:2%;width:49%} .row:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} object,embed,img{max-width:100%;} @media screen and (max-width: 767px) { .row .col18, .row .col20, .row .col25, .row .col33, .row .col40, .row .col45, .row .col50, .row .col55, .row .col60, .row .col66, .row .col75, .row .col80, .row .col100 { width: 100%; margin:0 ; float: left } } .main-font{font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;font-smoothing:antialiased} .strap-font{ font-weight: 400; font-style: normal; -webkit-font-smoothing:antialiased; font-smoothing:antialiased } article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block} a img{border:0} figure{position:relative} figure img{width:100%} body.page-popup{padding:20px} body.page-popup .icon-close{float:right;font-size:1.5em;padding-right:0} body.page-popup .icon-close:hover{text-decoration:none} body.page-popup h1{font-size:1.5em;line-height:1.75em;margin:0} body.page-popup h2,body.page-popup h3{margin:20px 0} body.page-popup h2{font-size:1.1em} body.page-popup h3{font-size:1em} .is-blog .post-entry ul {padding-left: 20px; color: #555; } a{outline:0} a{color:#000;text-decoration:none} a:hover{color:#000;text-decoration:underline} input,textarea{border:solid 1px #cecece;color:#7a7a7a;font-size:.8em;padding:5px 3px} input[type="radio"],textarea[type="radio"]{font-size:1em} @font-face{font-family:'vashicons';src:url('https://www.vashi.ie/skin/frontend/default/vashi/webfonts/vashicons4.eot');src:url('https://www.vashi.ie/skin/frontend/default/vashi/webfonts/vashicons4.eot?#iefix') format('embedded-opentype'),url('https://www.vashi.ie/skin/frontend/default/vashi/webfonts/vashicons4.woff') format('woff'),url('https://www.vashi.ie/skin/frontend/default/vashi/webfonts/vashicons4.svg#vashicons') format('svg'),url('https://www.vashi.ie/skin/frontend/default/vashi/webfonts/vashicons4.ttf') format('truetype');font-weight:normal;font-style:normal} .icon-phone,.icon-bubble,.icon-facebook,.icon-twitter,.icon-instagram,.icon-google-plus,.icon-pinterest,.icon-youtube,.icon-basket,.icon-search,.icon-chevron-left,.icon-chevron-right,.icon-chevron-up,.icon-chevron-down,.icon-checkmark,.icon-question-sign,.icon-reorder,.icon-lock,.icon-star,.icon-close,.icon-print,.icon-mail,.icon-wishlist,.icon-user,.use-icon, .icon-cart{color:#df5c48;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px} .icon-facebook,.icon-twitter,.icon-instagram, .icon-google-plus,.icon-pinterest,.icon-youtube{padding:2px;margin-right:5px} .icon-facebook:hover{color:#3b5999} .icon-twitter:hover{color:#00a0d2} .icon-google-plus:hover{color:#d34836} .icon-pinterest:hover{color:#910101} .icon-youtube:hover{color:#c4302c} .use-icon{font-size:.7em} .icon-phone:before{content:"\0064"} .icon-bubble:before{content:"\0063"} .icon-facebook:before{content:"\006f"} .icon-twitter:before{content:"\0070"} .icon-google-plus:before{content:"\0071"} .icon-pinterest:before{content:"\0072"} .icon-youtube:before{content:"\0073"} .icon-basket:before{content:"\0062"} .icon-cart:before{content:"\74"} .icon-search:before{content:"\0066"} .icon-chevron-left:before{content:"\0067"} .icon-chevron-right:before{content:"\0068"} .icon-chevron-up:before{content:"\0069"} .icon-chevron-down:before{content:"\006a"} .icon-checkmark:before{content:"\006b"} .icon-question-sign:before{content:"\006c"} .icon-reorder:before{content:"\006d"} .icon-lock:before{content:"\006e"} .icon-star:before{content:"\0065"} .icon-close:before{content:"\0075"} .icon-print:before{content:"\0076"} .icon-mail:before{content:"\0077"} .icon-wishlist:before{content:"\0061"} .icon-user:before{content:"\006x"} .button{ background:#333; border:0;display:inline-block;outline:0;cursor:pointer;text-align:center;text-decoration:none;font-size:1.05em;-webkit-font-smoothing:antialiased;margin:0;padding:.7em 1em .65em;text-transform:uppercase;color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .button:hover:before{color:#000} .button.grad-fade{color:#464646;background:#bababa} .button.grad-fade:before{color:#464646} .button.grad-fade:hover{color:#000;background:#a1a1a1} .button.flat{background:#ffaf8a} .button.flat:hover{background:#ff9e70} .button.disabled{background:#f1f1f1} .button.disabled:before{color:#ccc} .button.disabled:hover{color:#ccc;background:#f1f1f1} .button.inverted{ color:#000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .button.inverted:before{color:#000} .button.inverted:hover{background:#000;color:#fff} .button.inverted:hover:before{color:#fff} .mobileTelephone{display:none;text-align:center;border-bottom:solid 1px #464646;padding:20px;background:#ffede3} #header .logo-row.logged-in{padding:40px 0 13px 0} #header p .icon-phone,#header p .icon-bubble,#header p .icon-basket,#header p .icon-wishlist{float:left;font-size:1.4em;padding-right:10px} #header p .icon-wishlist{font-size:1.2em;line-height:1.3em} #header input,#header .do-search{background:#fff;border:0;float:left;height:16px;outline:0;padding:5px} #header input.search-input,#header .do-search.search-input{width:116px} #header .do-search{cursor:pointer;height:26px;padding:4px;width:29px;} #header .do-search .icon-search{font-size:1.5em;line-height:1em;padding:0} .ie8 #header .do-search,.ie9 #header .do-search{padding-top:2px} #header a.icon-basket{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em} #header .search-box{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/header/icon-search.png') no-repeat 95% center transparent;display:block;margin:0 auto} #header .phone-container .phone-number{font-size:1.3em} #header .strapline .site-logo{height:auto;width:325px} #header .strapline p{font-size:.8em} #header .strapline p a{color:#000;font-family:'FuturaBT-Book'} #header .strapline p a:hover{color:#000;text-decoration:none} #header .strapline .smallSearch{margin-top:10px;display:none} #header .strapline .userMob{display:none;margin-top:10px} #header .basket-container{max-width:180px;margin-left:auto} #header .basket-container .country-selector,#header .basket-container .store-switcher,#header .basket-container .user-panel{padding-left:27px} #header .basket-container .country-selector span{vertical-align:top} #header .basket-container .country-selector .country-dd{float:right} #header .basket-container .basket a{font-size:1.2em} #header #navigation .search{border:1px solid #ffaf8a;position:absolute;right:15px;top:15px;width:162px} hr{border:0;border-top:solid 1px #c8c8c8} #loadingImage{background-color:transparent !important} #backgroundPopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999} .popup{display:none;position:relative;border:solid 3px #ffede3;background:#fff;padding:10px;z-index:999} .popup:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .popup .popupClose{float:right;cursor:pointer;position:absolute;right:5px;top:5px;z-index:9999} div.agreement-content.modal{background-image:none;background:#fff;border-radius:0} div.agreement-content.modal a.close{font-size:15px;text-transform:uppercase;text-align:right;font-weight:bold;display:block;cursor:pointer} a.link-arrow{position:relative} a.link-arrow:before{color:#464646;color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;content:"\0068"} a.link-arrow.on:before{content:"\006a"} a.header:hover{background:#ffede3;text-decoration:none} .mobPod{display:none} .add-to-wrap ul.arrow-list {margin-bottom: 10px;} ul.arrow-list{padding-left:24px} .productPage .full-details ul.arrow-list {padding-left: 0;} .productPage .full-details ul.arrow-list li.order_conf:before {display: none;} .productPage .full-details ul.arrow-list li.order_conf {padding-left: 20px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/checkbox.png') no-repeat;background-position: 0 50%; line-height:16px;height:16px;padding-left:25px;font-size: 1em;} .productPage .full-details ul.arrow-list li.order_conf a {line-height: 16px; height: 16px; font-size: 14px;} ul.arrow-list li.block-link:before{color:#464646} ul.arrow-list li.block-link a{text-transform:uppercase} /*ul.arrow-list li .level1{font-size:1.15em}*/ ul.arrow-list.ticks li:before{color:#ffede3;color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;content:"\006b"} .column-total{border-top:1px solid #000} table.data-specs{border-collapse:collapse;border-spacing:0;table-layout:fixed;} table.data-specs th{border-bottom:solid 1px #000} table.data-specs td{padding:5px 0; width: 120px; word-wrap: break-word;} table.data-specs tr td:first-child {padding-right: 10px;} table.data-specs tr td:last-child {font-weight:bold;} .productPage table.data-specs tr td {background: transparent;} .productPage table.data-specs tr:nth-child(odd) td {background: transparent;} table.data-specs a{text-decoration:underline !important} td.centered,th.centered{text-align:center} .ttip-container{position:relative} .ttip-container .dropt{position:absolute;top:0;left:88%;width:85%;z-index:999;background:#fff} .ttip-container .dropt p{display:none;border:solid 1px #000;font-size:.9em;padding:10px;margin:0} .ttip-container .dropt a{text-decoration:underline;display:block} .cms-page-view .block-layered-nav ul.accordion{margin:3% 0;border-bottom:solid 2px #ffede3} .cms-page-view .block-layered-nav ul.accordion li{list-style-type:none} .cms-page-view .block-layered-nav ul.accordion li h4{position:relative;margin:0 !important;padding:10px 0;border-top:solid 2px #ffede3;cursor:pointer;font-size:.9em;font-weight:bold} .cms-page-view .block-layered-nav ul.accordion li h4:after{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;content:"\0068";float:right;vertical-align:middle;line-height:1.7em;padding-right:5px} .cms-page-view .block-layered-nav ul.accordion li h4.on:after{content:"\006a"} .cms-page-view .block-layered-nav ul.accordion li h4.showDesktop:after{content:""} .cms-page-view .block-layered-nav ul.accordion li h4 a{color:#464646;} .cms-page-view .block-layered-nav ul.accordion li h4 a:hover{text-decoration:none} .cms-page-view .block-layered-nav ul.accordion li.current h4{cursor:default} .cms-page-view .block-layered-nav ul.accordion li div.accordion-content{position:relative;color:#464646;display:none;margin:0;padding:4% 0} .cms-page-view .block-layered-nav ul.accordion li div.accordion-content h3{font-size:.9em} .cms-page-view .block-layered-nav ul.accordion li div.accordion-content p{margin-top:0} .cms-page-view .block-layered-nav ul.accordion li div.accordion-content.showDesktop{display:block} .cms-page-view .block-layered-nav ul.accordion li table{font-size:.8em;width:100%} .cms-page-view .block-layered-nav ul.accordion li table th{border-bottom:solid 1px #000} .cms-page-view .block-layered-nav ul.accordion li table td{padding:5px} .cms-page-view .block-layered-nav ul.accordion li table tr.rowalt td,ul.accordion li table tr:nth-child(odd) td{background:#f2f2f2} .cms-page-view .block-layered-nav ul.accordion li table a{text-decoration:underline !important} .cms-page-view .block-layered-nav ul.accordion ul.prev-viewed li{float:left;width:17%;margin-right:3%} .cms-page-view .block-layered-nav ul.accordion ul.prev-viewed li:last-child{border:0} .cms-page-view .block-layered-nav ul.accordion ul.prev-viewed p{margin:20px 0 !important} .cms-page-view .block-layered-nav ul.accordion ul.prev-viewed p a{font-size:1.2em;} .cms-page-view .block-layered-nav ul.accordion ul.prev-viewed:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .cms-page-view .block-layered-nav ul.accordion#faq-accordion li div.accordion-content h3{cursor:pointer;font-size:1.1em} .sizeDialog { max-width: 600px; margin: 0 auto; } #size-chart table { width: 100%; background-color:#FFF; } #size-chart table tr td { padding:4px 6px; width:25%; } @media (max-width: 640px) { #size-chart { margin-top: 13px; } } .productPage #product-options-wrapper { display: block; clear: both; } #product-options-wrapper .size-label{ font-size: 0.8em; } #product-options-wrapper dl.last { float: left; min-width: 230px; width: 100%; } #product-options-wrapper .bundle-components { font-size: 0.8em; border-bottom: solid 1px #c8c8c8; padding-bottom: 10px; margin-bottom: 10px; } #product-options-wrapper dd.last .bundle-components { border: 0; } #product-options-wrapper .price-notice { font-size: 0.9em; line-height: 1em; color: #888; } .size-guide-link { display: block; clear: both; margin: 5px 0 0 0; height: 30px; width: 100%; text-align: right; } .size-guide-link a { font-size: 0.7em; line-height: 18px; text-decoration: underline; } .size-guide-link a:hover { color: #000; text-decoration: none; cursor: pointer; } .catalog-product-view ul.accordion{margin:3% 0;border-bottom:solid 2px #EEECE7;} .catalog-product-view ul.accordion li{list-style-type:none} /*.catalog-product-view ul.accordion li h4{position:relative;margin:0 !important;padding:10px 0;border-top:solid 2px #EEECE7;cursor:pointer;font-size:.9em;font-weight:bold}*/ .catalog-product-view ul.accordion li h4:after{color:#EEECE7;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;content:"\0068";float:right;vertical-align:middle;line-height:1.7em;padding-right:5px} .catalog-product-view ul.accordion li h4.on:after{content:"\006a"} .catalog-product-view ul.accordion li h4.showDesktop:after{content:""} .catalog-product-view ul.accordion li h4 a{color:#464646;} .catalog-product-view ul.accordion li h4 a:hover{text-decoration:none} .catalog-product-view ul.accordion li.current h4{cursor:default} .catalog-product-view ul.accordion li div.accordion-content{position:relative;color:#464646;display:none;margin:0;padding:4% 0} .catalog-product-view ul.accordion li div.accordion-content.v12 { padding-top: 0; } .catalog-product-view ul.accordion li div.accordion-content h3{font-size:.9em} .catalog-product-view ul.accordion li div.accordion-content p{margin-top:0} #body.productPage ul.accordion li div.accordion-content p.p1{color: #888; } .catalog-product-view ul.accordion li div.accordion-content.showDesktop{display:block} .catalog-product-view ul.accordion li table{font-size:.8em;width:100%} .catalog-product-view ul.accordion li table th{border-bottom:solid 1px #000} .catalog-product-view ul.accordion li table td{padding:5px} .catalog-product-view ul.accordion li table.v12finance_product_table td { font-size: 1em;} .catalog-product-view ul.accordion li table tr.rowalt td,ul.accordion li table tr:nth-child(odd) td{background:#f2f2f2} .catalog-product-view ul.accordion li table a{text-decoration:underline !important} .catalog-product-view ul.accordion ul.prev-viewed li{float:left;width:17%;margin-right:3%} .catalog-product-view ul.accordion ul.prev-viewed li:last-child{border:0} .catalog-product-view ul.accordion ul.prev-viewed p{margin:20px 0 !important} .catalog-product-view ul.accordion ul.prev-viewed p a{font-size:1.2em;} .catalog-product-view ul.accordion ul.prev-viewed:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .catalog-product-view ul.accordion#faq-accordion li div.accordion-content h3{cursor:pointer;font-size:1.1em} ul.accordion li{list-style-type:none} .block-account ul.accordion li h4:after{ background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/arrows/breadcrumb.gif') -7px -1px no-repeat; overflow: visible; line-height: 17px; padding-left: 15px; position: relative; text-indent: -9999px; } ul.accordion li h4.on:after{content:"\006a"} ul.accordion li h4.showDesktop:after{content:""} ul.accordion li h4 a:hover{text-decoration:none} ul.accordion li.current h4{cursor:default} ul.accordion li div.accordion-content{position:relative;color:#464646;display:none;margin:0;padding:4% 0} ul.accordion li div.accordion-content h3{font-size:.9em} ul.accordion li div.accordion-content p{margin-top:0} ul.accordion li div.accordion-content.showDesktop{display:block} ul.accordion li table{font-size:.8em;width:100%} ul.accordion li table th{border-bottom:solid 1px #000} ul.accordion li table td{padding:5px} ul.accordion li table tr.rowalt td,ul.accordion li table tr:nth-child(odd) td{background:#f2f2f2} ul.accordion li table a{text-decoration:underline !important} ul.accordion ul.prev-viewed li{float:left;width:17%;margin-right:3%} ul.accordion ul.prev-viewed li:last-child{border:0} ul.accordion ul.prev-viewed p{margin:20px 0 !important} ul.accordion ul.prev-viewed p a{font-size:1.2em;} ul.accordion ul.prev-viewed:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} ul.accordion#faq-accordion li div.accordion-content h3{cursor:pointer;font-size:1.1em} .breadcrumbs{color:#464646;font-size:.75em;margin-top:10px;border-bottom:solid 1px #000;padding:0 20px 10px 20px} .breadcrumbs:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .breadcrumbs .wrapper{float:left;} .breadcrumbs .wrapper>div{padding:2px 0} .breadcrumbs #top-review-pod{cursor:pointer;float:right} .breadcrumbs #top-review-pod .icon-star{padding:0} .breadcrumbs #top-review-pod img{margin-bottom:-9px} .breadcrumbs a{color:#464646;} .breadcrumbs a:hover{color:#000} .breadcrumbs .current-page{font-weight:bold} .store-notice{padding:5px 20px;background:#f1f1f1;font-size:1.2em;text-align:center;margin:10px 0} #checkout-stages h2 div{padding-top:12px;margin:0 10px} #checkout-stages h2:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #checkout-stages h2.active{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/booking/steps-bg-grad-selected.png') repeat-x} #diamondExpert{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/vashi-grey-bg.png') no-repeat 15px bottom #f1f1f1} #diamondExpert .col33{height:225px} #diamondExpert .col33 h4{padding-left:20px;text-transform:uppercase;font-size:1.05em} #diamondExpert .col66{float:right !important} #diamondExpert .col66:first-child{float:right} #diamondExpert .col66 h2{font-size:1.5em;text-align:center;margin:20px 20px 20px 0;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/comparison/h2-bg.png') repeat-x 0 5px transparent} #diamondExpert .col66 h2 span{background:#f1f1f1;padding:0 20px} #diamondExpert .col66 .quote{font-size:1em;margin-top:40px;padding:0 20px 0 0} #diamondExpert .col66 .quote-cont{margin-top:30px} #diamondExpert .col66 .quote-cont .vashi-sig{font-size:.8em} #diamondExpert .col66 .quote-cont .vashi-sig img{margin:0 0 -20px 0} #diamondExpert .video{margin:0 auto} #diamondExpert .vashi-col{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-vashi.png') no-repeat bottom center transparent} #diamondExpert .vashi-col h4{text-align:center} #diamondExpert .quote,#diamondExpert .quote-signature{font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-style:italic;padding:0 30px} #diamondExpert .quote{font-size:.9em;line-height:1.6em;padding:0 0 0 20px;} #diamondExpert .quote:before{content:"\"";font-size:1.4em} #diamondExpert .quote:after{content:"\"";font-size:1.4em} #diamondExpert .quote-signature{padding:0 0 0 10px;font-style:normal;font-size:.8em} #diamondExpert .quote-signature img{margin:0 0 -20px 0} #body .prod-head{background:#ffede3;border:0;clear:both;margin-top:10px;padding:15px 0} #body .prod-head h1{font-size:1.5em;line-height:1.75em;margin:0;padding:0;text-align:center} #body .prod-head h2,#body .prod-head p{padding:0 5%;text-align:center} #body .prod-head h2{margin:0 0 10px 0} #body .prod-head p{margin:0} #body .cat-head{border:0;margin-top:25px;height:168px} #body .cat-head:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body .cat-head h1{visibility:hidden} #body .cat-head h2{margin:40px 0 0 60px;font-weight:normal} #body .cat-head-engagement-rings{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-head-engagement-rings.jpg') no-repeat 0 0} #body .cat-head-wedding-rings{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-head-wedding-rings.jpg') no-repeat 0 0} #body .cat-head-stud-earrings{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-head-stud-earrings.jpg') no-repeat 0 0} #body .cat-head-solitaire-pendants{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-head-solitaire-pendants.jpg') no-repeat 0 0} #body .aright{text-align:right} /* CYO Category Landing Pages */ #body .mod.five-star .stars { margin: 15px 0px; } @media(max-width:805px){ #advice h2 { margin-left: 20px; } } @media(max-width:760px){ #body .mod{ width: 100% } #body #cyo_guide { margin-top: 15px; } } #body .mod h4{font-size:1em} #body .border{border:solid 1px #c8c8c8} #body .expand-pod{border-top:solid 1px #000;border-bottom:solid 1px #000} #body #as-featured{background:#f1f1f1;padding-bottom:20px;text-align:center} #body #as-featured .news-list li{display:inline-block;list-style-type:none;vertical-align:middle;margin:10px} #body #sliderer{display:none;background:#fff;position:fixed;bottom:0;right:auto;margin-left:60px;width:60%;z-index:1000;padding:1%;height:500px;overflow:scroll;border:solid 1px #c8c8c8;box-shadow:0 0 15px #c8c8c8;-o-box-shadow:0 0 15px #c8c8c8;-webkit-box-shadow:0 0 15px #c8c8c8;-moz-box-shadow:0 0 15px #c8c8c8} #body #sliderer h5{font-size:.95em;font-weight:bold} #body #sliderer .data-table{font-size:1em} #body #sliderer .data-table p{margin-top:0} #body #sliderer .icon-close{cursor:pointer;font-size:1.5em;padding-right:0} #body.homepage #hp-banner{ position:relative; text-align:center; height: 300px; } #body.homepage #hp-banner h2{margin:0;font-size:2.1em} #body.homepage #hp-banner h2 a{color:#464646;} #body.homepage #hp-banner h2 a:hover{color:#000} #body.homepage #hp-banner .slide{display:none;height:100%;width:100%} #body.homepage #hp-banner .active-tab{top:0; position: absolute;left:0;} #body.homepage #hp-banner .tabs{bottom:10px;height:20px;margin:0 50%; position: absolute; top: 87%;} #body.homepage #hp-banner .left-arrow,#body.homepage #hp-banner .right-arrow{position:absolute;top:125px;width:50px;height:50px;cursor:pointer} #body.homepage #hp-banner .left-arrow{left:25px;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/banner/arrow-controls.png') no-repeat 0 0 transparent} #body.homepage #hp-banner .right-arrow{right:25px;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/banner/arrow-controls.png') no-repeat -50px 0 transparent} #body.homepage #hp-banner div.tab{display:inline-block;width:12px;height:12px;cursor:pointer; border-radius: 50%; background-color: #DBDBDB; text-indent: -9999px; margin-left: 3px; margin-right: 4px } #body.homepage #hp-banner div.tab.on{background-color: #df5c48;} #body.homepage #hp-banner .slide-content{text-align:left;height:100%} #body.homepage #hp-banner .slide-content h2{width:60%;font-weight:normal; padding-top: 5%;} #body.homepage #hp-banner .award{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/banner/award-logo.png') no-repeat 175px center transparent;padding-left:45%} #body.homepage #hp-banner .christmas { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/banner/bg-christmas.jpg') no-repeat; background-size: 100%; padding-left: 0; text-align: center; color: #fff; } #body.homepage #hp-banner .christmas h2 { width: 100%; color: #73848c; font-weight: normal; font-size: 10em; } #body.homepage #hp-banner .christmas p { width: 100%; text-align: center; color: #73848c; font-size: 1.1em; } #body.homepage #hp-banner .christmas .button { margin-top: 25px; } #body.homepage #hp-banner .christmas .button:hover { background: #73848c; color: #FFF; } @media (max-width: 1190px) { #body.homepage #hp-banner .christmas h2 { margin-top: 10px; } #body.homepage #hp-banner .slide-content.christmas h2 { padding-top: 20px; } #body.homepage #hp-banner .christmas .button { margin-top: 15px; } } @media (max-width: 980px) { #body.homepage #hp-banner .slide-content.christmas h2 { margin-top: 10px; font-size: 8em; } #body.homepage #hp-banner .slide-content.christmas p { font-size: 0.9em; } } @media (max-width: 803px) { #body.homepage #hp-banner .slide-content.christmas h2 { padding-top: 30px; font-size: 9em; } #body.homepage #hp-banner .slide-content.christmas p { font-size: 0.9em; margin-top: 25px; } #body.homepage #hp-banner .slide-content.christmas .button { margin-top: 50px; } #body.homepage #hp-banner div.tab { display: none; } } @media (max-width: 650px) { #body.homepage #hp-banner .slide-content.christmas h2 { padding-top: 25px; font-size: 8em; } #body.homepage #hp-banner .slide-content.christmas p { font-size: 15px; margin-top: 10px; } #body.homepage #hp-banner .slide-content.christmas .button { margin-top: 50px; } } @media (max-width: 510px) { #body.homepage #hp-banner .slide-content.christmas h2 { padding-top: 5px; font-size: 7em; } #body.homepage #hp-banner .slide-content.christmas p { font-size: 15px; margin-top: 5px; } #body.homepage #hp-banner .slide-content.christmas .button { margin-top: 50px; } } @media (max-width: 440px) { #body.homepage #hp-banner .slide-content.christmas h2 { padding-top: 5px; font-size: 6em; } #body.homepage #hp-banner .slide-content.christmas p { font-size: 12px; margin-top: 5px; } #body.homepage #hp-banner .slide-content.christmas .button { margin-top: 50px; } #body.homepage #hp-banner .tabs { display: none; } } #body.homepage #hp-banner .world{ background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/banner/home-world.jpg') no-repeat; background-size: 100%; padding-left: 0; text-align: center; color: #fff; } #body.homepage #hp-banner .world h2, #body.homepage #hp-banner .world h4{ font-size: 1.8em; width: 100%; color: #fff; font-weight: normal; } #body.homepage #hp-banner .world h4 { font-size: 0.8em; } #body.homepage #hp-banner .button { background-color: #df5c48; margin-top: 50px; font-size: 0.85em; padding: 15px 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } #body.homepage #hp-banner .button:hover { background-color: #EEECE7; color: #DF5C48; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #body.homepage #hp-banner p{width:70%;margin-bottom:20px} #body.homepage #hp-banner .cheaper{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/banner/slide2.png') no-repeat 85px center transparent;padding-left:45%} #body.homepage #hp-banner .grace{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/banner/home_header_r5.png') no-repeat 0 center transparent;padding-left:50%} #body.homepage #hp-banner .grace h2{padding-top:20%} #body.homepage #hp-banner .grace h4{width:80%} #body.homepage #hp-banner .price-comparison{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/banner/71ribbon.png') no-repeat 83% -1px transparent;padding-left:11%} #body.homepage #hp-banner .price-comparison.ie{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/banner/48ribbon.jpg') no-repeat 83% -1px transparent} #body.homepage #hp-banner .price-comparison h2{width:45%;padding:6% 0 0 0;margin-top:0} #body.homepage #hp-banner .price-comparison p{color:#464646;width:40%} #body.homepage #hp-banner .playPause{position:absolute;top:25px;right:30px;width:30px;height:30px;cursor:pointer;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/banner/play-pause.png') no-repeat -30px 0 transparent} #body.homepage #hp-banner .playPause.paused{background-position:0 0} #body.homepage .merchandising-pods{margin:30px 0} #body.homepage .merchandising-pods .merch{ text-align: center; } #body.homepage .merchandising-pods .merch .five-star { padding: 25px; background-color: #bad7d5; } #body.homepage .merchandising-pods h5{text-align:center} #body.homepage .merchandising-pods img{display:block;margin:0 auto} #body.homepage .merchandising-pods ul.arrow-list{margin:0 auto;text-align:left;width:90%} #body.homepage .merchandising-pods .best-seller-pod{padding:0 15px;margin:20px 0} #body.homepage .merchandising-pods .best-seller-pod .bsp-arrow{height:30px;cursor:pointer} #body.homepage .merchandising-pods .best-seller-pod .bsp-arrow.bsp-up:before,#body.homepage .merchandising-pods .best-seller-pod .bsp-arrow.bsp-down:before{color:#464646;text-align:center;display:block;padding-top:9px;color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em} #body.homepage .merchandising-pods .best-seller-pod .bsp-arrow.bsp-up{border-top:solid 1px #c8c8c8;margin-bottom:10px} #body.homepage .merchandising-pods .best-seller-pod .bsp-arrow.bsp-up:hover{background-color:#ffede3} #body.homepage .merchandising-pods .best-seller-pod .bsp-arrow.bsp-up:before{content:"\0069"} #body.homepage .merchandising-pods .best-seller-pod .bsp-arrow.bsp-down{border-bottom:solid 1px #c8c8c8;margin-top:15px} #body.homepage .merchandising-pods .best-seller-pod .bsp-arrow.bsp-down:hover{background-color:#ffede3} #body.homepage .merchandising-pods .best-seller-pod .bsp-arrow.bsp-down:before{content:"\006a"} #body.homepage .merchandising-pods .best-seller-pod .best-seller-container{height:160px;overflow:hidden;position:relative} #body.homepage .merchandising-pods .best-seller-pod .best-seller-container .bsp-scroller{position:absolute;top:0;left:0;width:100%} #body.homepage .merchandising-pods .best-seller-pod .best-seller-container .row .col33,#body.homepage .merchandising-pods .best-seller-pod .best-seller-container .row .col66{line-height:80px;vertical-align:middle} #body.homepage .merchandising-pods .best-seller-pod .best-seller-container .row .col33 img{margin:auto} #body.homepage .learn-about-vashi a.header{line-height:60px;vertical-align:middle;text-align:center;text-transform:uppercase;font-size:1.2em;display:block} #body.homepage .learn-about-vashi a.header:before{color:#000;margin-left:-15px} #body.homepage .learn-about-vashi .special-container{display:none;position:relative;height:340px;text-align:center;border-top:solid 1px #000} #body.homepage .learn-about-vashi .special-container .close-slides{position:absolute;top:20px;right:20px;background:url('/media/wysiwyg/homepage/learn-closebutton.png') no-repeat 0 0 transparent;cursor:pointer;width:33px;height:34px;z-index:1001} #body.homepage .learn-about-vashi .special-container .slide{position:absolute;height:340px;top:0;left:0;width:100%} #body.homepage .learn-about-vashi .special-container .slide h3{margin-top:30px} #body.homepage .learn-about-vashi .special-container .slide ul{text-align:center} #body.homepage .learn-about-vashi .special-container .slide ul li{display:inline-block;width:auto !important} #body.homepage .learn-about-vashi .special-container .slide ul.ticks li{display:block;padding-left:20px;font-size:1.2em;margin:15px 0;line-height:1.3em} #body.homepage .learn-about-vashi .special-container .slide ul.extras{margin:50px 0} #body.homepage .learn-about-vashi .special-container .slide ul.extras li{width:16% !important;margin:0 1.5%;vertical-align:top} #body.homepage .learn-about-vashi .special-container .slide .do-slide{cursor:pointer} #body.homepage .learn-about-vashi .special-container .slide.special{text-align:left;background:url('/media/wysiwyg/homepage/learn-rotation2-img.png') no-repeat bottom right transparent} #body.homepage .learn-about-vashi .special-container .slide.special h3,#body.homepage .learn-about-vashi .special-container .slide.special ul.arrow-list{padding-left:75px;text-align:left} #body.homepage .learn-about-vashi .special-container .slide.special h3{margin-top:55px} #body.homepage .learn-about-vashi .special-container .slide.special ul.arrow-list.ticks{margin:30px 0} #body.homepage #diamondExpert{height:auto;border-bottom:solid 1px #000;background:0} #body.homepage #diamondExpert h2{font-size:1.5em;text-align:center;margin:20px 20px 20px 0;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/comparison/h2-bg.png') repeat-x 0 5px} #body.homepage #diamondExpert h2 span{background:#fff;padding:0 20px} #body.homepage #diamondExpert .video,#body.homepage #diamondExpert .quote{margin-top:20px} #body.productList .prod-head h1{font-size:1.5em;line-height:1.75em;margin:0;padding:0;text-align:center} #body.productList .cyo-steps h3{font-size:1em;font-weight:bold;margin:15px 0 0 0} #body.productList .cyo-steps h4{font-size:.8em;font-weight:normal;margin:10px 0} #body.productList .cyo-steps .current h4{color:#464646} #body.productList #narrow-by-list-left ol.image-align-horizontally li{float:left !important;margin-bottom:10px;width:25%} #body.productList #narrow-by-list-left ol.image-align-horizontally li a{background:0;border:3px solid #fff;display:block;height:35px;padding:0;width:40px;padding:6px;margin:10px auto} #body.productList #narrow-by-list-left ol.image-align-horizontally li a.active{border:3px solid #ffaf8a} #body.productList #narrow-by-list-left ol.image-align-horizontally li a img{display:block;float:none;margin:0 auto} #body.productList #narrow-by-list-left ol.image-align-horizontally li a span{display:block;font-size:11px;margin-top:8px;text-align:center} #body.productList ul.product-grid{width:100%} #body.productList ul.product-grid > li{ width:23%; margin-right:1.5%; list-style-type:none; display:inline-block; *display:block; margin-bottom:20px; vertical-align:top; float:none; zoom:1; border: 2px solid #eeece7; padding-top: 30px; } #body.productList ul.product-grid li:last-child{margin-right:0} #body.productList ul.product-grid li:nth-child(4n){margin-right:0} #body.productList ul.product-grid li .add-to-links li{width:auto} #body.productList ul.product-grid li .ratings .rating-box{float:left;margin:5px 5px 5px 0} #body.productList ul.product-grid li .ratings .amount{float:left;margin:5px 0} #body.productList ul.product-grid li .ratings .amount a{clear:left;float:left;font-size:.7em} #body.productList ul.product-grid:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productList .prod-views,#body.productList .prod-sort{padding:25px 0 10px 0;font-size:.8em} #body.productList .prod-views:after,#body.productList .prod-sort:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productList .prod-views .extra-options,#body.productList .prod-sort .extra-options{margin-top:0} #body.productList .prod-views .extra-options .button,#body.productList .prod-sort .extra-options .button{font-size:1.3em} #body.productList .prod-views .pnumbers{float:right} #body.productList .prod-views .pnumbers.paging li.current span{color:#ffaf8a} #body.productList .prod-views .pnumbers.paging li .last{float:none} #body.productList .prod-sort{padding-top:15px} #body.productList .prod-sort form{float:right;margin-left:5%} #body.productList .prod-sort form label{display:inline;margin-bottom:0} #body.productList #filters .price-clear:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productList #filters ul li{float:none} #body.productList #filters .info-popup{position:absolute;right:7%;top:12px;cursor:help} #body.productList #filters .clickable,#body.productList #filters .ticked,#body.productList #filters .notavailable{display:block;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filter-tick.png') no-repeat 0 -3px transparent;margin:10px 0;padding-left:30px;line-height:20px} #body.productList #filters .clickable img,#body.productList #filters .ticked img,#body.productList #filters .notavailable img{float:left;margin-right:5px} #body.productList #filters .clickable div,#body.productList #filters .ticked div,#body.productList #filters .notavailable div{float:left} #body.productList #filters .clickable:after,#body.productList #filters .ticked:after,#body.productList #filters .notavailable:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productList #filters .clickable,#body.productList #filters .notavailable{background-position:0 -29px;color:#ccc} #body.productList #filters .notavailable{cursor:text} #body.productList #filters .notavailable:hover{text-decoration:none} #body.productList #filters .resetall{cursor:pointer;line-height:20px;float:right;vertical-align:bottom;text-transform:capitalize; position: absolute;right: 10px;top: 10px;} #body.productList .prod-listing ul.pnumbers li{list-style-type:none;display:inline;margin-bottom:20px} #body.productList .prod-listing ul.pnumbers:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productList .prod-listing .prod-name{/*font-size:0.8em*/;min-height:37px;/*text-transform:none;*/ /*line-height: 1.4em;*/ text-align: center; margin: 0} #body.productList .prod-listing .prod-name a{color:#464646;} #body.productList .prod-listing .prod-name a:hover{color:#000} #body.productList .prod-listing #diamond-list th{background-color:#e3e3e3;color:#464646;text-transform:uppercase !important;font-weight:400 !important;border-bottom:solid 1px #b3b3b3;padding:.75em 0;font-size:.8em} #body.productList .prod-listing #diamond-list th.sortable a{display:block;height:6px;width:12px;margin:6px auto} #body.productList .prod-listing #diamond-list td{padding:.75em 0 .75em 0;border-bottom:1px solid #c8c8c8;font-size:.8em;vertical-align:middle} #body.productList .prod-listing #diamond-list td.centered{text-align:center} #body.productList .prod-listing #diamond-list td .button{margin-bottom:.4em} #body.productList .prod-listing #diamond-list td.shape{font-size:.73em} #body.productList .prod-listing #diamond-list td.shape img{margin-bottom:.4em} #body.productList .prod-listing #diamond-list td .priceMob{color:#ffaf8a;display:none} #body.productList .prod-listing #diamond-list a.asc{background:url("https://www.vashi.ie/skin/frontend/default/vashi/images/arrows/sort_asc.gif")} #body.productList .prod-listing #diamond-list a.asc_on{background:url("https://www.vashi.ie/skin/frontend/default/vashi/images/arrows/sort_asc_on.gif")} #body.productList .prod-listing #diamond-list a.desc{background:url("https://www.vashi.ie/skin/frontend/default/vashi/images/arrows/sort_desc.gif")} #body.productList .prod-listing #diamond-list a.desc_on{background:url("https://www.vashi.ie/skin/frontend/default/vashi/images/arrows/sort_desc_on.gif")} #body.productList .prod-listing .price-point{color:#df5c48;font-size:0.8em; text-align: center;} #body.productList .prod-listing .price-point p{margin:0} #body.productList .prod-listing .price-point p.special-price { color: #df5c48; font-size: 1em; text-align: center; display: inline-block; } #body.productList .prod-listing .price-point p.old-price { display: inline-block; color: #888; font-size: 1em; margin-right: 5px; font-style: italic; } #body.productList .prod-listing .product_image{ } #body.productList .prod-listing ul.productlist_grid_stars{margin:2% 0} #body.productList .prod-listing ul.productlist_grid_stars li{border:0;margin:0;width:auto} #body.productList .prod-listing ul.productlist_grid_stars li .star{color:#ffaf8a} #body.productList .prod-listing .prod-merch h1{padding:0 5%} #body.productList .prod-listing .prod-views .pnumbers{float:right} #body.productList .prod-listing .prod-views .pnumbers .selected{text-decoration:none !important} #body.productList .prod-listing .prod-sort{padding-top:15px} #body.productList .prod-listing .prod-sort form{float:right;margin-left:5%} #body.productList .prod-listing .compare,#body.productList .prod-listing .compare-ticked{display:block;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/compare-icons.png') no-repeat 0 -29px transparent;margin:10px 0;padding-left:30px;line-height:20px;height:20px} #body.productList .prod-listing .compare img,#body.productList .prod-listing .compare-ticked img{float:left;margin-right:5px} #body.productList .prod-listing .compare:after,#body.productList .prod-listing .compare-ticked:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productList .prod-listing .compare.loading,#body.productList .prod-listing .compare-ticked.loading{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/ajax-loader-16.gif') no-repeat 2px 2px} #body.productList .prod-listing .compare-ticked,#body.productList .prod-listing .active{background-position:0 -2px} #body.productList .prod-listing ul.four-c{margin-bottom:15px} #body.productList .prod-listing ul.four-c strong{color:#555} #body.productList .prod-listing ul.four-c li{width:100%;padding-bottom:6px;display:block} #body.productList .prod-listing .description.pset{position:relative} #body.productList .prod-listing .rrp.pset,#body.productList .prod-listing .price-point.pset{display:block;margin-bottom:5px} #body.productList h1.pset{margin-top:0;margin-bottom:2%} #body.productList hr.pset{margin-bottom:20px} #body.productList .prod-sort.pset{margin-bottom:15px;line-heightf:20px;border-bottom:solid 1px #000} #body.productList .pset form{line-height:32px} #body.productList .prod-views.pset-bottom{position:relative} #body.productList .prod-views.pset-bottom .pnumbers.mright{position:absolute;top:20px;right:0;float:none !important} #body.productList .filter-results{font-size:1.2em;color:#000;margin:0;padding:10px 0;text-align:center} #body.productPage .order_conf a{cursor:pointer} #body.productPage article{margin-top:30px} #body.productPage h1{font-size:1.70em;margin:0 0 15px 0; color: #000;} #body.productPage .cyo-title{font-size:1.5em;line-height:1.75em;margin:0} #body.productPage h2{color:#000;font-size:1.5em} #body.productPage h2 p{margin:0} #body.productPage h2 p.special-price{ color:#000; font-size:0.8em; display:inline-block; } #body h2 .full-product-price { font-size: 0.6em } #body.productPage .order { margin-top: 5px; display: block; clear: both; width: 100%; font-size: 1em;} #body.productPage .order p,#body.productPage .try-at-home p{padding-left:40px; color: #333;} #body.productPage .order p{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/booking/free-delivery-ico.png') left center no-repeat} #body.productPage .order p strong {font-size: 0.95em;} #body.productPage .try-at-home p{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/booking/try-at-home-icon.png') left center no-repeat} #body.productPage ul.accordion.v12 li h4 { font-weight: normal; } #body.productPage ul.accordion.v12 li h4 .price { font-weight: bold; } #body.productPage ul.accordion li #customer-reviews .pnumbers{float:right} #body.productPage ul.accordion li #customer-reviews .pnumbers li{display:inline;list-style-type:none;margin-bottom:20px} #body.productPage ul.accordion li #customer-reviews .pnumbers.paging li{} #body.productPage ul.accordion li #customer-reviews .pnumbers.paging li.current span{color:#ffaf8a} #body.productPage ul.accordion li #customer-reviews .pnumbers.paging li .last{float:none} #body.productPage ul.accordion li #customer-reviews h2{font-weight:bold;line-height:2.5em;margin:0;color:#464646;font-size:1.1em} #body.productPage ul.accordion li #customer-reviews table tbody tr:nth-child(odd) td{background:0} #body.productPage ul.accordion li #customer-reviews table th{border-bottom:0} #body.productPage ul.accordion li #customer-reviews .reviews_single{border-bottom:1px solid #f1f1f1;padding:20px 0} #body.productPage ul.accordion li #customer-reviews .reviews_single .col66{margin-top:0;margin-bottom:0} #body.productPage ul.accordion li #customer-reviews .reviews_single .reviews_title_overall,#body.productPage ul.accordion li #customer-reviews .reviews_single .reviews_content>span{font-size:.9em;font-weight:bold;line-height:2.5em} #body.productPage ul.accordion li #customer-reviews .pager-wrap{font-size:.8em} #body.productPage ul.accordion li #customer-reviews .form-add{margin:20px 0} #body.productPage .add-to-links li{font-size:.7em;margin:0} #body.productPage .add-to-links li:before{color:#df5c48;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;padding-right:1px;font-size:1em;content:"\0061"} #body.productPage .add-to-links li:hover:before { color: #000; } #body.productPage .wl-config li:before{padding-right:5px} #body.productPage .item-action a { position: relative; top: -1px; } #body.productPage .ask-a-question{list-style:none} #body.productPage .ask-a-question li{font-size:.7em;margin:0} #body.productPage .ask-a-question li:before{color:#df5c48;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;padding-right:1px;font-size:1em;content:"\006c"} #body.productPage .ask-a-question li:hover:before { color: #000; } #body.productPage .product-options .col66,#body.productPage .product-options .col33{margin:0} #body.productPage .product-options .col66 p,#body.productPage .product-options .col33 p{margin:0} #body.productPage .product-options .col33{text-align:right} #body.productPage .product-options:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productPage .v12 .product-options dt { width: 25%;} #body.productPage .product-options dd select,#body.productPage .product-options dd input{border:1px solid #c8c8c8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left} #body.productPage .product-options dd input{height:2em;line-height:2em;width:40%;margin:0;max-width:100%;padding:0} #body.productPage .product-options dd p{clear:both} #body.productPage .product-options dd .input-box:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productPage .product-options .product-option-message {float: right;font-size: 0.7em;width:160px;} @media screen and (max-width:1024px){#body.productPage .product-options .product-option-message {float:none;width:auto;}} #body.productPage .v12finance_product_table{margin:15px 0 20px} #body.productPage .extra-buttons{padding: 10px 0; text-align: right; top: 60px; position: absolute; right: 10px; z-index: 2;} #body.productPage .extra-buttons li{display:inline;margin:0 0 0 5px} #body.productPage .extra-buttons li.pinterest-button a{margin: 5px 0 0 0 !important} #body.productPage .extra-buttons li .icon-mail,#body.productPage .extra-buttons li .icon-print{float:right;height:20px;width:15px} #body.productPage .extra-buttons li .icon-mail:before,#body.productPage .extra-buttons li .icon-print:before{font-size:1.45em} #body.productPage .extra-buttons li .icon-mail:hover,#body.productPage .extra-buttons li .icon-print:hover{color:#000;text-decoration:none} #body.productPage .add-to-wrap {width: 100%; display: block;} #body.productPage .addtobasket {margin:10px 0 20px 0; width: 100%;} #body.productPage .addtobasket .button {width: 100%;} #body.productPage p.low-count{color:#eb3b3b} #body.productPage p.v12_em { font-style: italic; color: #888; } #body.productPage p.high-street-price{color:#000;display:inline-block} #body.productPage p.high-street-price .regular{float:right; margin-left: 10px; font-style: italic; } #body.productPage p.high-street-price .sthrough{font-style:normal;text-decoration:line-through;padding-right:10px; font-weight: bold; } #body.productPage p.high-street-price .saving{background:#EEECE7;float:left;margin:-4px 0 5px;padding:5px 25px;position:relative} #body.productPage p.high-street-price .saving:before{content:" ";display:block;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:10px solid #fff;position:absolute;top:50%;margin-top:-20px;margin-left:1px;left:-1px;z-index:1} #body.productPage p.high-street-price .saving:after{content:" ";display:block;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:10px solid #fff;position:absolute;top:50%;margin-top:-20px;margin-right:1px;right:-1px;z-index:1} #body.productPage p.high-street-price .saving .price { font-weight: bold; } #body.productPage .review-center {background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/productpage-reviewcentre.png') no-repeat top right transparent;padding:10px;cursor:pointer; margin: 15px 0;} #body.productPage .review-center h4 {font-size:.85em;margin:0 0 20px 0} #body.productPage .review-center p {font-size:.8em;margin-bottom:0} #body.productPage #thumbs a.thumbs-prev:hover {text-decoration: none;} #body.productPage ul.details_thumbs:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productPage a.more-thumbs {margin: 0 0 0 30px;text-decoration:none;} #body.productPage .accordion-content h3{margin-top:20px} #body.productPage .accordion-content h3#v12_prod_name { margin: 15px 0 0; font-size: 0.9em; } #body.productPage .accordion-content h3:first-child{margin-top:0} #body.productPage #rating{margin:10px 0 10px 0} #body.productPage #rating .read_review{margin-right:10px}slide-content #body.productPage #rating ul.stars li{display:inline-block;list-style-type:none} #body.productPage #rating a{font-size:.85em} #body.productPage #rating a.details_view_reviews_link{font-size:.7em} #body.productPage #about-our-diamonds div{padding:25px;border-bottom:solid 1px #000} #body.productPage #about-our-diamonds div.introduction{border:0;padding-top:0} #body.productPage #about-our-diamonds div:nth-child(2n+2){background:#efefef} #body.productPage .change-diamond{position:relative} #body.productPage .change-diamond .change-diamond-link{font-size:.813em} #body.productPage .change-diamond .change-diamond-popup{position:absolute;z-index:99999;} #body.productPage .change-diamond .change-diamond-popup ul{display:inline-block;background:#f1f1f1;padding:20px 20px 10px 20px} #body.productPage .change-diamond .change-diamond-popup ul li{list-style:none;float:left;margin:0 20px 10px 0;text-align:center} #body.productPage .change-diamond .change-diamond-popup p{margin:5px 0 0 0} #body.basket .messages{margin:0 0 20px 0} #body.basket #shopping-cart-table .button{font-size:.85em} #body.basket #shopping-cart-table dl{font-size:.85em} #body.basket #shopping-cart-table dl:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.basket #shopping-cart-table dl dt,#body.basket #shopping-cart-table dl dd{float:left} #body.basket #shopping-cart-table dl dt{clear:left;margin-right:10px} #body.basket #shopping-cart-table tr.even{background:0} #body.basket #shopping-cart-table th.basket-desc .item-options,#body.basket #shopping-cart-table td.basket-desc .item-options{margin-top:10px} #body.basket #shopping-cart-table th.basket-desc .price-point,#body.basket #shopping-cart-table td.basket-desc .price-point{color:#000;} #body.basket #shopping-cart-table th.basket-remove a,#body.basket #shopping-cart-table td.basket-remove a{display:block;float:right;height:25px;width:25px;text-decoration: underline; font-style: italic; letter-spacing: 0.1em;} td.basket-remove a.trash-icon, td.basket-remove a.edit-icon{ margin:10px; } #body.basket #shopping-cart-table th.basket-remove a:before,#body.basket #shopping-cart-table td.basket-remove a:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;content:"\0075";font-size:1.6em;padding-right:0} #body.basket #shopping-cart-table th.basket-remove a:hover,#body.basket #shopping-cart-table td.basket-remove a:hover{text-decoration:none} #body.basket .checkout-types{list-style:none} #body.basket .col50.last{float:right} #body.basket a.checkout-link{padding:3% !important;position:relative} #body.basket a.checkout-link span{position:relative;display:block;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/booking/lock-ico.png') no-repeat 0 0 transparent;line-height:25px;padding-left:20px} #body.basket .promo-pod .last{float:right} #body.basket .promo-pod h3{color:#464646;font-size:1.05em;font-weight:bold;margin:0;padding:0 0 20px 0;vertical-align:top} #body.basket .promo-pod .grad-fade{margin:6% 0 6% 10%} #body.basket .promo-pod .mod h5{color:#464646;font-size:1.25em;margin:0;padding:0;vertical-align:top} #body.basket .promo-pod p:first-child{font-size:.95em} #body.basket .promo-pod select{width:100%;font-size:.85em;margin:0} #body.basket .promo-pod #voucher .button,#body.basket .promo-pod .del-country .button{font-size:13px;padding:.8em 1em .65em 1em} /*#body.basket .promo-pod #voucher .button.apply-code:before,#body.basket .promo-pod .del-country .button.apply-code:before{content:"\006b"}*/ /*#body.basket .promo-pod #voucher .button.remove-code:before,#body.basket .promo-pod .del-country .button.remove-code:before{content:"\0075";font-size:1.1em;line-height:.8em;vertical-align:middle}*/ #body.basket .promo-pod .voucher_error{font-size:.9em;padding:0 2%} #body.basket .promo-pod .voucher_error h4{margin-bottom:0} #body.basket .gift-wrapping p{margin:10px 0;padding:10px 0} #body.basket .free-del{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/booking/free-delivery-ico.png') no-repeat right center transparent;padding-right:35px !important} #body.basket .total-pod{font-size:.9em;padding:10px 0 20px 0} #body.basket .total-pod .price-point{font-weight:normal;font-size:1.4em} #body.basket .total-pod .price-point strong{font-size:1.1em} #body.basket .total-pod .price-point td{padding-left:20px} #body.basket .total-pod .price-point td:first-child{padding-left:0} #body.basket .total-pod .cards{margin-top:20px} #body.basket .total-pod .checkout-types{font-size:1.1em} #body.basket .total-pod .checkout-types .paypal-or{display:none} #body.basket .total-pod #shopping-cart-totals-table{margin:10px 0;width:100%} #body.basket .total-pod form{display:inline} #body.basket .mob-cont{display:none} #body #checkout .input-box.meanbee-postcode-element {display: inline-block; width: 29%} #body #checkout .input-box.meanbee-postcode-element button {vertical-align: baseline;} #body #checkout .payment-methods label[for="p_method_sagepaydirectpro"], #body #checkout .payment-methods label[for="p_method_sagepayserver"], #body.basket .m-basket-qty,#body.basket .m-basket-size,#body.basket .m-basket-t-price{display:none} #body.checkout .onestepcheckout-error{background:#fbb;border:0;color:#000;font-size:.8em;list-style:none;padding:20px;margin-bottom:20px} #body.checkout .onestepcheckout-error:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;color:#000;content:"\0075";font-size:1.25em} #body.checkout .onestepcheckout-place-order-wrapper{text-align:left;margin-top:0} #body.checkout #navigation{display:none} #body.checkout h1{font-size:1.5em;line-height:1.75em;margin:0} #body.checkout h3{font-size:1.1em;margin:10px 0} #body.checkout .correctbox h1{margin:10px 0;border-bottom:solid 1px #c8c8c8;padding-bottom:15px} #body.checkout .correctbox h2{padding:15px 0} #body.checkout .correctbox .datepicker{width:35%;margin-left:25%} #body.checkout .correctbox p.gift-wrap{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/sprint2/confirmation/confirmation-ribbon.png') no-repeat 0 -13px transparent;line-height:4em} #body.checkout .mod{padding:15px} #body.checkout p.align-centre{text-align:center} #body.checkout p.align-right{text-align:right} #body.checkout p.summaryshipping,#body.checkout p.high-street-price{text-align:right;font-size:.9em;font-weight:bold} #body.checkout p.high-street-price span{color:#ffbc97} #body.checkout #btnProtect{width:135px;color:#fff;font-size:.9em;font-weight:700;text-transform:uppercase;padding:8px 10px;border:0} #body.checkout #btnProtect:hover{background-color:#dfdfdf;cursor:pointer} #body.checkout .TS-logo img{height:50px;vertical-align:bottom;margin-right:5%} #body.checkout .mod .gen-submit{width:105px} #body.checkout .email_signup_form label,#body.checkout .checkout_password_div label{display:inline-block;width:25%} #body.checkout .email_signup_form input,#body.checkout .checkout_password_div input{width:70%} #body.checkout .error input{border-color:red} #body.checkout .cvv-what-is-this{font-size:.75em} #body.checkout .input-different-shipping{font-size:.9em;margin:20px 0;display:block} #body.checkout .input-different-shipping label a{text-decoration:underline} #body.checkout .strap{background:#ffede3} #body.checkout .strap h3{text-align:center;margin:1.5% 0;font-size:1.2em;padding:5px 0} #body.checkout .strap h3 a.underline:hover{color:#000} #body.checkout #errors,#body.checkout .infobubble{font-size:.8em;color:red;display:none} #body.checkout .infobubble{padding-top:5px} #body.checkout .infobubble .info-msg,#body.checkout .infobubble .error-msg{display:none} #body.checkout #checkout h1{margin:0;padding:20px 0} #body.checkout .returning a.button{float:right} #body.checkout .returning:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.checkout .payment-methods #payment_form_banktransfer > li{list-style-type: none; font-size: 0.8em; color: #666; font-style: italic; } #body.checkout .payment-methods dt label{background-position:left center} #body.checkout .v12_option_desc_container .v12_product_desc{ font-size: 0.8em; font-style: italic; } #body.checkout .v12_option_desc_container .v12_product_desc span{ font-weight: bold } #body.checkout #v12_summary_container #v12_prod_desc, #body.checkout .v12_option_desc_container #v12_prod_desc {margin:20px 0} #body.checkout .v12_option_desc_container table { margin-top: 15px; border: 1px solid #EEECE7; padding: 5px 5px 5px 10px; } #body.checkout #v12_summary_container table td, #body.checkout .v12_option_desc_container table td{padding:5px 5px 5px 0;width:100px; font-size: 0.8em; border-bottom: 1px dotted #EEECE7; } #body.checkout .v12_option_desc_container table tr:last-child td { border: none; } #body.checkout .v12_option_desc_container table td.label, #body.checkout #v12_summary_container table td.label{width:300px} #body.checkout #v12finance_deposit .notice{clear:both} #body.checkout #v12finance_deposit label{margin-right:10px} #body.checkout #v12_deposit{ margin-top: 10px; } #body.checkout #v12_deposit p.notice { color: #df5c48; } #body.checkout #v12_deposit p.notice span { font-weight: bold; } #body.checkout #v12_deposit label { font-size: 0.9em; } #body.checkout #v12_deposit input { color: #333; border-color: #ccc; } #body.checkout table.onestepcheckout-summary th,#body.checkout table.onestepcheckout-summary td{text-align:right;vertical-align:top} #body.checkout table.onestepcheckout-summary th.name,#body.checkout table.onestepcheckout-summary td.name{text-align:left} #body.checkout table.onestepcheckout-summary th{border-top:0;border-bottom:0} #body.checkout table.onestepcheckout-summary td{border-bottom:1px solid #f1f1f1;padding:15px 0} #body.checkout table.onestepcheckout-summary.store_de_german td, #body.checkout table.onestepcheckout-summary.store_german td, #body.checkout table.onestepcheckout-summary.store_de_german th, #body.checkout table.onestepcheckout-summary.store_german th{border:1px solid #f1f1f1;padding:5px;} #body.checkout table.onestepcheckout-summary.store_de_german th, #body.checkout table.onestepcheckout-summary.store_german th { background-color: #eee; border-color: #ddd;} /*#body.checkout table.onestepcheckout-summary td.name{font-size:1.1em}*/ #body.checkout table.onestepcheckout-summary td.name .item-sku{font-size: 0.7em;} #body.checkout table.onestepcheckout-summary td.name ul.onestepcheckout-custom-options{font-size:.8em;list-style-type:none;margin:20px 0 0 0;padding:0} #body.checkout table.onestepcheckout-totals{margin:20px 0} #body.checkout table.onestepcheckout-totals td{border-bottom:0;padding:5px 0} #body.checkout .onestepcheckout-coupons label{font-weight:bold !important;line-height:2.5em} #body.checkout .onestepcheckout-coupons input,#body.checkout .onestepcheckout-coupons .button{vertical-align:middle} #body.checkout .onestepcheckout-coupons input{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:25px;margin:0;padding:3px} #body.checkout .onestepcheckout-coupons .button{font-size:13px;padding:.8em 1em .65em 1em} #body.checkout .onestepcheckout-coupons .button#onestepcheckout-coupon-add:before,#body.checkout .onestepcheckout-coupons .button#onestepcheckout-coupon-remove:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;color:#fff;padding-right:10px} #body.checkout .onestepcheckout-coupons .button#onestepcheckout-coupon-add:hover:before,#body.checkout .onestepcheckout-coupons .button#onestepcheckout-coupon-remove:hover:before{color:#000} #body.checkout .onestepcheckout-coupons .button#onestepcheckout-coupon-add:before{content:"\006b"} #body.checkout .onestepcheckout-coupons .button#onestepcheckout-coupon-remove:before{content:"\0075";font-size:1.1em;vertical-align:middle} #body.checkout #onestepcheckout-giftmessages .input-checkbox,#body.checkout .onestepcheckout-enable-newsletter .input-checkbox{margin:20px 0} #body.checkout #onestepcheckout-giftmessages .input-checkbox input,#body.checkout .onestepcheckout-enable-newsletter .input-checkbox input{margin:0 5px 0 0} #body.checkout #onestepcheckout-giftmessages .input-checkbox label,#body.checkout .onestepcheckout-enable-newsletter .input-checkbox label{font-size:.9em} #body.checkout .checkout-agreements input{margin:0 5px 0 0} #body.checkout .checkout-agreements a,#body.checkout .checkout-agreements label{font-size:.9em} #body.checkout .conditions p { font-size: .9em; padding: 5px 0 0 21px; } /*#body.checkout .onestepcheckout-summary{border-bottom:1px solid #f1f1f1;margin-bottom:20px}*/ #body.checkout label[for="p_method_sagepaydirectpro"],#body.checkout label[for="p_method_sagepayserver"],#body.checkout label[for="p_method_sagepayform"]{padding-bottom:0;padding-left:0;background-image:none} #body.checkout #cvdValue{width:35px;text-align:center} #body.checkout .col33.last{float:right} #body.checkout .checkoutpod{border:0;padding:5%;margin-bottom:15px;background:#f1f1f1} #body.checkout .checkoutpod h3{margin:0;font-size:1.2em} #body.checkout .checkoutpod p{margin:0;width:85%} #body.checkout .summaryitem{margin-bottom:10px;padding-bottom:15px;margin-bottom:solid 1px #c8c8c8} #body.checkout .summaryitem_text{font-size:.85em} #body.checkout .summaryshipping,#body.checkout .summarydiscount{color:#ffaf8a;text-align:right} #body.checkout .summarytotal{color:#ffaf8a;font-size:1.3em;text-align:right;margin:0} #body.checkout .free-returns{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/booking/freereturns-ico.png') no-repeat right top transparent;border-bottom:solid 1px #c8c8c8} #body.checkout .free-returns p{padding-bottom:15px} #body.checkout .privacy{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/booking/privacy-ico.png') no-repeat right top transparent;border-bottom:solid 1px #c8c8c8} #body.checkout .privacy h3{margin-top:15px} #body.checkout .privacy p{margin-bottom:0;padding-bottom:25px} #body.checkout .discreet{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/booking/checkout-discreet-img.png') no-repeat right top transparent} #body.checkout .discreet h3{margin-top:15px} #body.checkout .discreet p{margin-bottom:0;padding-bottom:10px} #body.checkout .placeyourorder{border:0;margin:15px 0} #body.checkout .checkout_security{margin:15px 0} #body.checkout .csc{font-size:.7em} #body.checkout #secure:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.checkout #secure p.shop-secure{font-size:.8em} #body.checkout #secure p:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;font-size:1.1em;padding-right:0;content:"\006e"} #body.checkout #secure .button{float:right;margin-top:15px} #body.checkout hr{border-top:solid 1px #c8c8c8} .cyo-steps img{float:left;vertical-align:top;padding-right:20px} .cyo-steps div.step{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/cyo/steps/steps-arrow.png') no-repeat right center transparent} .cyo-steps div.step h3,.cyo-steps div.step h4{color:#ccc} .cyo-steps div.step.last{background:0} .cyo-steps div.step.current h3,.cyo-steps div.step.current h4{color:#464646} .checkout-header .store-notice{display:none} .checkout-header .strap{background:#ffede3;margin:1.5% 0;padding:15px 0} .checkout-header .strap h3{margin:0;padding:0 5%;text-align:center} .checkout-header .strap h3 a{color:#000;text-decoration:underline} .checkout-header .logo-row .phone-container,.checkout-header .logo-row .basket-container{display:none} .checkout-header #onestepcheckout-login-popup .onestepcheckout-popup-wrapper,.checkout-header #onestepcheckout-login-popup .onestepcheckout-popup-footer{background:#fff none !important} .checkout-header #onestepcheckout-login-popup .onestepcheckout-popup-wrapper h1,.checkout-header #onestepcheckout-login-popup .onestepcheckout-popup-footer h1{ !important;font-size:.9em} .checkout-header #onestepcheckout-login-popup .onestepcheckout-popup-wrapper label,.checkout-header #onestepcheckout-login-popup .onestepcheckout-popup-footer label{font-size:.9em} .checkout-header #onestepcheckout-login-popup .onestepcheckout-popup-wrapper button,.checkout-header #onestepcheckout-login-popup .onestepcheckout-popup-footer button{background:#000;border:0;color:#fff;font-size:16px;-webkit-font-smoothing:antialiased;padding:10px 20px;text-transform:uppercase} .checkout-header #onestepcheckout-login-popup div.onestepcheckout-error{background:#fff none !important;border:none !important;margin:0 !important;padding:0 !important;color:#eb3b3b !important;font-size:.8em;margin:10px 0} .checkout-header #onestepcheckout-login-popup div.onestepcheckout-error:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;color:#eb3b3b;content:"\006a";font-size:.8em;padding-right:5px} .c3-v12finance-return-index .buttons-set { margin-top: 30px; } #footer .col75 .col40{width:43.5%} #footer label{display:block;margin-bottom:10px} #footer input{height:25px;margin:0;padding:3px;vertical-align:top} #footer input#newsletter { background-color: transparent; border: none; } #footer .button{font-size:1.3em;padding:.4em 1em .45em;vertical-align:top} #footer .links .email-label{margin-top:0} #footer .links ul.footer-list li:before{color:#464646;color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;content:"\0068"} #footer .securitylogos .flogo{margin:0 1%} #footer .securitylogos #geoTrustIcon img { filter: grayscale(100%); left: 0; opacity: 0.5; position: absolute; top: 0; } #footer .securitylogos #geoTrustIcon img:hover { filter: grayscale(0%); opacity: 1; vertical-align: bottom; } #footer .securitylogos #geoTrustIcon { height: 57px; position: relative; width: 115px; display: inline-block; top: 54px; margin-left: 3%; } /*---- $_media_screen_max_width_683 -----*/ @media screen and (max-width: 683px) { #footer .securitylogos #geoTrustIcon { top: 0; } } #footer .securitylogos .logo5:hover{background-position:-520px 0} #footer .securitylogos .logo6{width:95px;background-position:-640px -74px} #footer .securitylogos .logo6:hover{background-position:-640px 0} #footer .securitylogos .logo7{width:68px;background-position:-760px -74px} #footer .securitylogos .logo7:hover{background-position:-760px 0} #footer .securitylogos .logo8{width:82px;background-position:-876px -74px} #footer .securitylogos .logo8:hover{background-position:-876px 0} #footer .logos,#footer .organisation{text-align:center;margin:20px 0} #footer h4.connect{line-height:30px;margin-top:15px} #footer .social-container{font-size:1.8em;vertical-align:top} #footer .social-container a:hover{text-decoration:none} #footer .organisation{font-size:.9em;color:#ccc} #footer .organisation a{text-decoration:underline} .item-action{clear:both;font-size:1.2em;margin:15px 0 0 0} .item-action.ask-a-question{margin-top: 10px; } #gan div.accordion-content{display:block} .block.block-layered-nav,.block.gan-sidebar-nav{margin:25px 0 15px 0} .block.block-layered-nav .block-content,.block.gan-sidebar-nav .block-content{background:none !important;border:none !important;padding:0 !important} /*.block.block-layered-nav .accordion-content ul li ul li a,.block.gan-sidebar-nav .accordion-content ul li ul li a{font-size:1.1em}*/ .block.block-layered-nav .accordion-content ul li ul li:before,.block.gan-sidebar-nav .accordion-content ul li ul li:before{font-size:.8em} .block.block-layered-nav .accordion-content ul li .content_list,.block.gan-sidebar-nav .accordion-content ul li .content_list{padding-left:4%} #narrow-by-list-left ol li a,ul.gan-list-checkbox.gan-default-list li a span,ul.gan-list-checkbox.gan-folding-list li a span,.gan-sidebar-nav .gan-image-list.gan-list-checkbox li a,.prod-listing .compare,.prod-listing .compare-ticked{display:block;font-size:.8em;margin:10px 0;padding-left:30px;line-height:20px;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filter-tick.png') no-repeat 0 -29px transparent} #narrow-by-list-left ol li a img,.prod-listing .compare img,.prod-listing .compare-ticked img,#filters .clickable img,#filters .ticked img,#filters .notavailable img{float:left;margin-right:5px} #narrow-by-list-left ol li a.active,.prod-listing .compare-ticked{background-position:0 -2px} #narrow-by-list-left ol:after{content:' ';clear:both;display:block;width:0;height:0;overflow:hidden;font-size:0} #narrow-by-list-left ol{zoom:1} #narrow-by-list-left .gan-track{margin:32px 0 0;width:92%} #narrow-by-list-left .slider-back-bg{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filter-price-fade.png') 0 0 repeat #bfbfbf !important;left:0 !important} #narrow-by-list-left .slider-back-bg,.gomage-navigation-slider-type-cone #narrow-by-list-left.gan-slider-span{height:12px !important;top:8px;overflow:hidden} #narrow-by-list-left .gan-slider-span{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filter-price-orange.png') 0 0 repeat !important} .gan-track-values{color:#000;font-size:.8em;margin:0;padding-top:10px; padding-left: 3px;} #narrow-by-list-left .handle-left .handle-left-bg,#narrow-by-list-left.handle-right .handle-right-bg,#narrow-by-list-left.handle-left,#narrow-by-list-left.handle-right{cursor:col-resize !important;height:32px !important;top:-1px;width:12px !important} body #narrow-by-list-left .handle-left .handle-left-bg{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filter-price-left.png') no-repeat 0 0 !important;left:0 !important} body #narrow-by-list-left .handle-right .handle-right-bg{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filter-price-right.png') no-repeat 0 0 !important} #narrow-by-list-left .filter-fieldset{width:200px} #narrow-by-list-left .filter-fieldset .fields{margin:0 0 10px 0 !important;width:100%} #narrow-by-list-left .filter-fieldset .fields .from-wrapper input{width:54px !important;padding:10px !important;font-size:12px} #narrow-by-list-left .filter-fieldset .fields .from-wrapper span{float:none !important;padding:0 18px} #compare-items{border-bottom:1px solid #ccc;list-style:none} #compare-items li{border-top:1px solid #ccc;margin:0;padding:2% 24px 2% 0;position:relative} #compare-items li p{line-height:1.4em;margin:5px 0;font-size:.9em} #compare-items li p a{color:#464646;} #compare-items li p a:hover{color:#000} #compare-items li:before,.box-reviews ol li:before,.addresses-list ol li:before,table .last:after{content:none} #compare-items li .btn-remove{height:20px;position:absolute;top:8px;right:0;width:20px;z-index:2} #compare-items li .btn-remove:hover{text-decoration:none} #compare-items li .btn-remove:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;content:"\0075";font-size:1.4em} .block-compare{margin:20px 0} .block-compare .actions{margin-top:10px} .block-compare .actions .resetall{font-size:.75em} .gan-track{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filter-price-fade.png') repeat-x;margin-top:1%} .gan-track .ui-slider-range{background:#ffaf8a;margin-top:2px;opacity:.8;height:12px} .price_min,.price_max{width:50px;padding:1px 1px 1px 3px} .price_min{float:left;margin-top:15px} .price_max{float:right;margin-top:15px;text-align:right} .ui-slider-horizontal{height:12px} .ui-slider{position:relative;text-align:left} .ui-slider-horizontal .ui-slider-range{top:-2px} .ui-slider .ui-slider-range{border:0 none;display:block;font-size:.7em;position:absolute;z-index:1} .ui-slider .ui-slider-handle{height:34px;position:absolute;width:14px;z-index:2;cursor:col-resize;margin-top:-11px} .ui-slider .ui-slider-handle-left{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filter-price-left.png') no-repeat} .ui-slider .ui-slider-handle-right{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filter-price-right.png') no-repeat;margin-left:-5%} .block-layered-nav h2,.block-compare h2{ !important;font-size:1em !important;line-height:1.2em;margin-top:0 !important} .block-layered-nav .resetall,.block-compare .resetall{cursor:pointer;font-size:.75em;color:#282828;line-height:20px;float:right;font-weight:normal;vertical-align:bottom;text-transform:capitalize} .block-layered-nav ul li{display:block;margin:0;padding:0 !important} .block-layered-nav ol li:before{content:"";left:0} .block-layered-nav .filter-note-handle{top:0;right:14%;background:0;font-size:10px;margin:10px 0;padding:0;width:23px;height:18px;cursor:help} .block-layered-nav .filter-note-handle:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;content:"\006c";float:right;font-size:1.6em;vertical-align:middle;line-height:1.2em;padding-right:5px} .block-layered-nav .filter-note-content{color:#464646;font-size:.75em;left:244px;line-height:1.6em;padding:0;top:0} .block-layered-nav .filter-note-content .filter-note-content-in{padding:20px;width:180px} .block-layered-nav .filter-note-content .filter-note-content-in a{display:block;font-size:1.2em;line-height:1em;margin-top:10px} .block-layered-nav .filter-note-content .filter-note-content-in a:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;padding-right:5px;font-size:.7em;content:"\0068"} .block-layered-nav .filter-note-content .filter-note-content-in a:hover{text-decoration:none} .block-layered-nav .clickable,.block-layered-nav .ticked,.block-layered-nav .notavailable{display:block;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filter-tick.png') no-repeat 0 -3px transparent;margin:10px 0;padding-left:30px;line-height:20px} .block-layered-nav .clickable,.block-layered-nav .notavailable{background-position:0 -29px} .block-layered-nav .notavailable:hover{color:#ccc;text-decoration:none} .ie8 .block-layered-nav .filter-note-handle:before{font-size:1.2em} #guidance-centre .col66{padding-top:26px} #guidance-centre .block-layered-nav ul.arrow-list{margin-bottom:5px} #guidance-centre .block-layered-nav ul.arrow-list li{margin-top:5px} #guidance-centre .block-layered-nav ul.arrow-list li li a{font-size:1.3em} #guidance-centre .header-img{margin:0 10px 10px;float:right} #guidance-centre .data-table th{text-align:left} .messages{list-style:none;margin:20px 0} .messages li ul{color:#000;list-style:none;padding:20px} .messages li ul:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;color:#000;float:left} .messages li.error-msg ul{background:#fbb} .messages li.error-msg ul:before{content:"\0075";font-size:1.25em} .messages li.note-msg ul,.messages li.notice-msg ul{background:#fff5ad} .messages li.note-msg ul:before,.messages li.notice-msg ul:before{content:"\0063";font-size:1.25em} .messages li.success-msg ul{background:#b0e2b0} .messages li.success-msg ul:before{content:"\006b";font-size:1em} #coupon-notice{border:0;color:#000;font-size:.8em;list-style:none;padding:20px;margin-bottom:20px} #coupon-notice:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;color:#000;font-size:1.25em} #coupon-notice.error-msg{background:#fbb} #coupon-notice.error-msg:before{content:"\0075"} #coupon-notice.note-msg,#coupon-notice.notice-msg{background:#fff5ad} #coupon-notice.note-msg:before,#coupon-notice.notice-msg:before{content:"\0063"} #coupon-notice.success-msg{background:#b0e2b0} #coupon-notice.success-msg:before{content:"\006b"} .validation-advice{clear:left;color:#eb3b3b;font-size:.8em;margin:10px 0} .validation-advice:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;color:#eb3b3b;content:"\0069";font-size:.8em;padding-right:5px} #body.productPage .validation-failed { border: 3px solid #eb3b3b !important; border-style: inset; border-radius: 5px; } /*-----$_media_screen_min_width_768-----*/ @media screen and (min-width: 768px) { /* Form Validation */ #body.productPage .input-box { position: relative !important; } #body.productPage .validation-advice { background: #eb3b3b; bottom: -14px; color: #fff; font-size: 0.8em; line-height: 13px; min-height: 13px; padding: 14px 10px; position: absolute; left: -166px; width: 155px; border-radius: 5px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); z-index: 100; } /*#body.productPage .validation-advice:after { position: absolute; right: -8px; bottom: 8px; content: " "; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #eb3b3b; }*/ #body.productPage .validation-advice:before { display: none; } } /*-----$_media_screen_max_width_767-----*/ @media screen and (max-width: 767px) { #body.productPage .validation-advice{clear:left;color:#eb3b3b;font-size:.8em;margin:10px 0} #body.productPage .validation-advice:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;color:#eb3b3b;content:"\0069";font-size:.8em;padding-right:5px} #body.productPage .validation-advice { font-size: .9em; font-weight: bold; } } .template_404:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .ourStory a,.craftsmanship a{cursor:pointer} .ourStory h1,.craftsmanship h1{text-align:center;font-size:2.35em;line-height:2.8em;margin:0} .ourStory li.block-link,.craftsmanship li.block-link{display:block;border-top:solid 1px #000;border-bottom:solid 1px #000;font-size:1.2em;line-height:3em;text-align:center} .ourStory .event,.craftsmanship .event{border-bottom:solid 1px #000} .ourStory .event .event-text,.craftsmanship .event .event-text{padding:85px 2.5% 0 2.5%;width:40%;float:right} .ourStory .event .event-text h3,.craftsmanship .event .event-text h3{display:inline-block;padding:3px 13px 6px 10px;font-size:1.7em;background:#ffede3} .ourStory .event .event-text p,.craftsmanship .event .event-text p{width:90%;line-height:1.5em} .ourStory .event img,.craftsmanship .event img{width:55%;height:300px;float:left} .ourStory .event.odd .event-text,.craftsmanship .event.odd .event-text{float:left} .ourStory .event:after,.craftsmanship .event:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .ourStory ul.our-story-dates{border-top:solid 1px #000;border-bottom:solid 1px #000} .ourStory ul.our-story-dates li{float:left;width:10%;text-align:center;font-size:1.25em;line-height:3em;list-style-type:none} .ourStory ul.our-story-dates:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} /*.ourStory .grid{margin:50px 0 35px 0}*/ .ourStory .grid > div {height: 210px;text-align: center;margin: 0 !important;} .ourStory .grid:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .ourStory .grid div{float:left;width:49.9%;min-height:100px} .ourStory .grid div.top{border-bottom:solid 1px #000} .ourStory .grid div.left{border-right:solid 1px #000} .ourStory .event{height:405px} .ourStory .event.e1965{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/1965.png') no-repeat right bottom transparent} .ourStory .event.e1978{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/1978.png') no-repeat left bottom transparent} .ourStory .event.e1997{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/1997.png') no-repeat right bottom transparent} .ourStory .event.e2000{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/2000.png') no-repeat left bottom transparent} .ourStory .event.e2007{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/2007.png') no-repeat right bottom transparent} .ourStory .event.e2010{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/2010.png') no-repeat left bottom transparent} .ourStory .event.e2011{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/2011.png') no-repeat right bottom transparent} .ourStory .event.e2012{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/2012.png') no-repeat left bottom transparent} .ourStory .event.e2013{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/2013.png') no-repeat right bottom transparent} .ourStory .event.e2014{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/2014.png') no-repeat left bottom transparent;} .ourStory .event.e2015{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/our-story/2015.png') no-repeat right bottom transparent;} .craftsmanship h2.additional-services{text-align:center;line-height:3em} .craftsmanship ul.additional-services{margin-bottom:20px} .craftsmanship ul.additional-services:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .craftsmanship ul.additional-services li{width:20.9%;border-left:solid 1px #000;float:left;padding:0 2%;list-style-type:none;min-height:160px} .craftsmanship ul.additional-services li:first-child{border:0} .craftsmanship ul.additional-services li h5 a{color:#464646} .craftsmanship ul.additional-services li h5 a:hover{color:#000} .craftsmanship ul.additional-services li p.more-link{font-size:1em} .craftsmanship ul.additional-services li p.more-link:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:5px;font-size:.7em;content:"\0068"} .craftsmanship ul.additional-services .arrow-list li{float:none;width:auto;min-height:inherit} .craftsmanship .event{height:355px} .craftsmanship .event.viewings{background:url('http://dm.platinumdiamonds.co.uk/templates/diamondmanufacturers.co.uk/_images/our-story/craft-ring.png') no-repeat right bottom transparent;border-top:solid 1px #000} .craftsmanship .event.afterOrder{background:url('http://dm.platinumdiamonds.co.uk/templates/diamondmanufacturers.co.uk/_images/our-story/craft-grace.png') no-repeat left bottom transparent} .craftsmanship .event.qc{background:url('http://dm.platinumdiamonds.co.uk/templates/diamondmanufacturers.co.uk/_images/our-story/craft-diamonds.png') no-repeat right bottom transparent} .craftsmanship .event.workshop{background:url('http://dm.platinumdiamonds.co.uk/templates/diamondmanufacturers.co.uk/_images/our-story/craft-shop.png') no-repeat left bottom transparent;color:#fff} .craftsmanship .event.workshop h2,.craftsmanship .event.workshop p{color:#fff} .category-wedding-rings #category-pages .hero, .category-eheringe #category-pages .hero, .category-jewellery-home #category-pages .hero, .category-schmuck-home #category-pages .hero, .category-rings-home #category-pages .hero, .category-ringe-home #category-pages .hero { background-position:right bottom !important } .category-diamonds-start #category-pages .hero, .category-diamanten #category-pages .hero, .category-pendants-home #category-pages .hero, .category-halsketten-und-anhaenger #category-pages .hero, .category-solitaire-pendants #category-pages .hero, .category-solitaire-anhaenger #category-pages .hero { background-position:right top !important } #category-pages .hero:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #category-pages .hero .col66{float:none} #category-pages .hero .col66 h1,#category-pages .hero .col66 p{clear:left;float:left} #category-pages .hero .col66 p{width:75%} #category-pages .hero .col66 div{clear:both} #category-pages .hero .lalign{text-align:left;width:92% !important;margin:10px auto !important} #category-pages .hero .lalign a.b2{margin-top:0;width:154px} #category-pages .hero .intro-text{font-size:1em;margin:15px auto 20px auto !important} #category-pages .hero .button{ margin: 5px 0 25px 0; } #category-pages .cat-bottom .col33{ /*border-bottom:4px solid #f1f1f1;*/ text-align:center; /*margin:20px 0 20px 2.2%;*/ margin: 0; min-height:220px; } #category-pages .cat-bottom .col33:first-child{margin-left:0} #category-pages .cat-bottom h2{font-size:1em;margin:15px auto;text-align:center;width:90%} #category-pages .cat-bottom p{margin:10px auto;width:90%} #category-pages .cat-bottom ul.arrow-list{margin:0 auto;text-align:center;width:90%} #category-pages .cat-bottom ul.arrow-list li{display:block;margin-left:-15px} #category-pages .cat-bottom ul.arrow-list li:before{color:#464646} #category-pages .cat-bottom.eng-rings .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-product1.png') repeat-x center 0 #efefef} #category-pages .cat-bottom.eng-rings .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-product2.png') repeat-x center 0 #efefef} #category-pages .cat-bottom.eng-rings .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-product3.png') repeat-x center 0 #efefef} #category-pages .cat-bottom.wed-rings .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-wedding-product1.jpg') repeat-x center 0 #efefef;margin-left:0} #category-pages .cat-bottom.wed-rings .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-wedding-product2.jpg') repeat-x center 0 #efefef} #category-pages .cat-bottom.wed-rings .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-wedding-product3.jpg') repeat-x center 0 #efefef} #category-pages .cat-bottom.etern-rings .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-eternity-product1.jpg') repeat-x center 0 #efefef} #category-pages .cat-bottom.etern-rings .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-eternity-product2.jpg') repeat-x center 0 #efefef} #category-pages .cat-bottom.etern-rings .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-eternity-product3.jpg') repeat-x center 0 #efefef} #category-pages .cat-bottom.l-diamonds .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-diamonds-product1.jpg') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.l-diamonds .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-diamonds-product2.jpg') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.l-diamonds .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-diamonds-product3.jpg') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.e-rings .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-studs-product1.jpg') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.e-rings .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-studs-product2.jpg') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.e-rings .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-studs-product3.jpg') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.jewels .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-jewellery-product1.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.jewels .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-jewellery-product2.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.jewels .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-jewellery-product3.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.necklaces .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-pendant-product1.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.necklaces .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-pendant-product2.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.necklaces .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-pendant-product3.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.rings .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-product1.png') repeat-x center 0 #efefef;margin-left:0} #category-pages .cat-bottom.rings .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-wedding-product3.jpg') repeat-x center 0 #efefef} #category-pages .cat-bottom.rings .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-product3.png') repeat-x center 0 #efefef} #category-pages .cat-bottom.sol-necklaces .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-pendant-product1.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.sol-necklaces .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-sol-pendant-product2.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.sol-necklaces .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-pendant-product2.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.earrings .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-studs-product1.jpg') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.earrings .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-earrings-product2.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.earrings .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-studs-product3.jpg') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.cyo-cat .pod1{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-product1.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.cyo-cat .pod2{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-pendant-product1.png') repeat-x center 0 #efefef;min-height:265px} #category-pages .cat-bottom.cyo-cat .pod3{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-studs-product1.jpg') repeat-x center 0 #efefef;min-height:265px} #category-pages #cat-special{margin:30px 0} #category-pages #cat-special .cat-slider:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #category-pages #cat-special h2{font-size:1.5em;text-align:center;margin:20px 0;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/comparison/h2-bg.png') repeat-x 0 5px transparent} #category-pages #cat-special h2 span{background:#fff;padding:0 20px} #category-pages #cat-special ul.slide-ctas li{border-right:solid 1px #c8c8c8;cursor:pointer;line-height:1em;margin:0;padding:40px 0 40px 15px} #category-pages #cat-special ul.slide-ctas li:before{color:#464646;margin-left:0;padding-right:5px} #category-pages #cat-special ul.slide-ctas{padding-left:0} #category-pages #cat-special ul.slide-ctas li.active{background:#ffede3} #category-pages #cat-special ul.slide-ctas li.mid{border-bottom:solid 1px #c8c8c8;border-top:solid 1px #c8c8c8} #category-pages #cat-special .special-container{position:relative;height:280px} #category-pages #cat-special .special-container .slide{color:#464646;position:absolute;top:0;left:0;text-align:center;height:280px;width:100%} #category-pages #cat-special .special-container .slide ul.extras{margin:75px 0} #category-pages #cat-special .special-container .slide ul.extras li{width:29%;margin:0 1.5%;vertical-align:bottom;display:inline-block} #category-pages #cat-special .special-container .slide ul.extras li .arrow-list li{margin:0;width:100%} #category-pages #cat-special .special-container .slide ul.extras li p{width:80%;margin:10px auto !important} #category-pages #cat-special .special-container .slide h3{display:none} #category-pages #cat-special .five-star{padding:30px;text-align:left} #category-pages #cat-special .five-star .stars{line-height:2em;text-align:right;background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/category-review-logo-tall.png') no-repeat 0 0 transparent} #category-pages #cat-special .five-star .stars .icon-star{padding:0;font-size:1.5em} #category-pages #cat-special .five-star .review{;font-size:1.3em;font-style:italic;margin:25px 0} #category-pages #cat-special .five-star ul.ticks li{display:block;font-size:1.1em;margin:10px 0 !important} #category-pages #cat-special .five-star ul.ticks li:before{font-size:1em} #category-pages #cat-special .five-star ul.r-centre{text-align:right} #category-pages #cat-special .five-star ul.r-centre li{width:auto !important;display:inline-block} .udetails{list-style:none} .udetails .inner-form{list-style:none} .udetails textarea{resize:vertical;vertical-align:middle} .udetails select{max-width:41%;margin:3px 0} .udetails.uaddress label{width:100%;margin-bottom:10px} .udetails.uaddress select{margin-bottom:10px;margin-left:1px;max-width:100%} .udetails .utickbox{margin:10px 0} .udetails .utickbox input{font-size:1em;margin:0 10px 0 0;width:inherit} .udetails .utickbox label{width:inherit} .udetails .utickbox a{font-size:.75em;margin-left:10px} .udetails p{margin:5px 0} .udetails .i-postcode{width:20%} .udetails .meanbee-postcode-element .button{/*font-size:.95em;margin:2px 0;*/padding:.65em 1em .6em;vertical-align:top} .udetails .meanbee-address-selector select{border:1px solid #cecece;margin:2px 0 7px 0;max-width:none;width:41%} .formP .character-count{display:inline-block;margin:0 0 0 25%;padding:0 3px;width:40%} ul.return-link li:before{color:#000;content:"\0067";font-size:.8em;padding-right:10px} h1{font-size:1.5em;margin:10px 0} h2,h3,h4{margin:20px 0} h2{font-size:1.2em} h3{font-size:1.1em} h4{font-size:1em} .col66,.col50,.fieldset,#guidance-centre{margin-top:15px;margin-bottom:15px} .character-count{float:left;width:100%} .character-count.low-count{color:#eb3b3b} #members .accordion li h4.on:after,.send-friend .accordion li h4.on:after{content:"\0068"} #members .my-account .page-title,.send-friend .my-account .page-title,#members .my-account .welcome-msg,.send-friend .my-account .welcome-msg,#members .my-account .box-account,.send-friend .my-account .box-account{margin:0 0 15px 0} #members .my-account .fieldset,.send-friend .my-account .fieldset{border:0;margin:15px 0;padding:0} #members .box-head>a,.send-friend .box-head>a{float:right;font-size:.75em;margin:1.4em 0} #members .col2-set,.send-friend .col2-set{clear:both;margin:0 0 15px} #members .col2-set:after,.send-friend .col2-set:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #members .col2-set .col-1,.send-friend .col2-set .col-1,#members .col2-set .col-2,.send-friend .col2-set .col-2{width:48.5%} #members .col2-set .col-1,.send-friend .col2-set .col-1{float:left;margin-right:1.5%} #members .col2-set .col-2,.send-friend .col2-set .col-2{float:right} #members .col2-set .box-title,.send-friend .col2-set .box-title{border-bottom:1px solid #c8c8c8;margin-bottom:15px} #members .col2-set .box-title:after,.send-friend .col2-set .box-title:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #members .box-content:after,.send-friend .box-content:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #members .return-link,.send-friend .return-link{margin:20px 0} #members .pager-wrap,.send-friend .pager-wrap{font-size:.8em} #members .pager-wrap .last,.send-friend .pager-wrap .last{float:right} #members .pager-wrap ul,.send-friend .pager-wrap ul{list-style:none} #members .pager-wrap ul.pnumbers,.send-friend .pager-wrap ul.pnumbers{float:right;line-height:1.6em} #members .pager-wrap ul.pnumbers li,.send-friend .pager-wrap ul.pnumbers li{display:inline} #members .pager-wrap ul.pnumbers li.current span,.send-friend .pager-wrap ul.pnumbers li.current span{color:#ffaf8a} #members .pager-wrap ul.pnumbers li .last,.send-friend .pager-wrap ul.pnumbers li .last{float:none} #members ol,.send-friend ol{list-style:none} #members .addresses-additional .item,.send-friend .addresses-additional .item{margin-bottom:20px} #members .buttons-set,.send-friend .buttons-set{clear:both} #members .buttons-set>a,.send-friend .buttons-set>a{font-size:.9em;margin-left:10px} #members .buttons-set a.button,.send-friend .buttons-set a.button{font-size:1em;margin-left:0} #members .buttons-set>input,.send-friend .buttons-set>input{font-size:.9em;margin-left:10px} #members .buttons-set input.button,.send-friend .buttons-set input.button{font-size:1em;margin-left:0} #members .my-wishlist .buttons-set,.send-friend .my-wishlist .buttons-set{margin-top:20px} #members #my_recent_reviews,.send-friend #my_recent_reviews{clear:both} #members .product-review h2,.send-friend .product-review h2{line-height:1.4em} .data-table{clear:both;width:100%} .data-table thead{background-color:#f1f1f1} .data-table thead th{text-align:left;white-space:nowrap} .data-table tr.even{background-color:#f6f6f6} .data-table th,.data-table td{padding:10px 5px} .data-table td{vertical-align:top} .data-table#my-orders-table tbody td h3 { margin: 0 0 5px; 0; font-weight: bold; } .data-table#my-orders-table tbody td .option-value{ color: #98b2b0; padding-left: 5px;} .data-table#my-orders-table tbody td:nth-child(2) { font-size: 0.8em } .data-table td .price-box>p{font-size:1em;margin-top:0} .data-table tfoot{text-align:right} .data-table .no-wrap{white-space:nowrap} .data-table#my-orders-table .price{float:right} .data-table#my-orders-table .even { background-color: #f8f8f8; } .data-table.ratings-table{text-align:left} .data-table#wishlist-table th:first-child,.data-table#wishlist-table td:first-child{width:25%} .data-table#wishlist-table .button{margin-top:10px} .data-table#wishlist-table .availability{font-size:1em} .data-table#wishlist-table textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:10px;resize:vertical;width:100%} .data-table#wishlist-table img{height:auto;width:100%} .data-table#wishlist-table .btn-remove{display:block;margin-top:10px} .data-table#product_comparison{margin:20px 0} .data-table#product_comparison .product-image img{height:auto;width:100%} .data-table#product_comparison thead{background:0} .data-table#product_comparison th{text-align:left;white-space:nowrap} .data-table#product_comparison h2,.data-table#product_comparison h3{font-weight:bold;margin:10px 0} .data-table#product_comparison h2{font-size:1.4em} .data-table#product_comparison h3{font-size:1.25em} .data-table#product_comparison h4{color:#000;font-size:1.6em;margin:10px 0} .data-table#product_comparison .add-to-row p{margin:15px 0} .data-table#product_comparison p .button{font-size:1.3em} .data-table#product_comparison p .details-link{font-size:1.3em} .data-table#product_comparison .add-to-links li{font-size:1em;margin:0} .data-table#product_comparison .add-to-links li:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;padding-right:10px;font-size:1em;content:"\0061"} .add-to-links{list-style:none} .add-to-links li{line-height:1.6em;margin:10px 0} .rating-box{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/bkg_rating.gif') 0 0 repeat-x;font-size:0;height:13px;line-height:0;overflow:hidden;text-indent:-999em;width:69px} .rating-box .rating{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/bkg_rating.gif') 0 100% repeat-x;float:left;height:13px} #rating,.ratings{font-size:1em; display: block; margin: 0 auto; } #rating:after,.ratings:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #rating .details_view_reviews_link,.ratings .details_view_reviews_link{clear:left;float:left;font-size:.7em;margin-top:3px} #rating .no-rating,.ratings .no-rating{margin:0} .title-buttons:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .title-buttons h1{float:left} .title-buttons .button,.title-buttons .title-btn-holder{float:right} .title-buttons .title-btn-holder{font-size:.8em;margin:10px 0} .cms-high-street-price-comparison #body{margin:0 auto;} .cms-high-street-price-comparison #body #guidance-centre{margin:0 auto;} #high-street-comparison .container:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #high-street-comparison #comp-data-mob{display:none} #high-street-comparison .grey{color:#666} #high-street-comparison .d-rings,#high-street-comparison .d-earrings,#high-street-comparison .d-pendants,#high-street-comparison .d-wedding{color:#c85c1b !important;padding:15px 15px 25px 15px !important;min-height:159px !important;font-style:normal} #high-street-comparison .d-rings h3,#high-street-comparison .d-earrings h3,#high-street-comparison .d-pendants h3,#high-street-comparison .d-wedding h3{font-weight:normal;margin:0 0 10px 0} #high-street-comparison .d-rings p,#high-street-comparison .d-earrings p,#high-street-comparison .d-pendants p,#high-street-comparison .d-wedding p{text-align:left !important;margin:0 !important;text-transform:uppercase !important;font-size:1.2em !important;padding-bottom:3px !important} #high-street-comparison .d-rings p.percent,#high-street-comparison .d-earrings p.percent,#high-street-comparison .d-pendants p.percent,#high-street-comparison .d-wedding p.percent{font-size:3.125em !important;line-height:1.2em !important;padding-bottom:0 !important} #high-street-comparison .d-rings p.cheaper,#high-street-comparison .d-earrings p.cheaper,#high-street-comparison .d-pendants p.cheaper,#high-street-comparison .d-wedding p.cheaper{font-size:1.250em !important;line-height:1.5em !important} #high-street-comparison .how-we-compare a{text-decoration:none} #high-street-comparison .how-we-compare .d-rings ul.arrow-list li,#high-street-comparison .how-we-compare .d-earrings ul.arrow-list li,#high-street-comparison .how-we-compare .d-pendants ul.arrow-list li,#high-street-comparison .how-we-compare .d-wedding ul.arrow-list li{color:#000} #high-street-comparison .how-we-compare .d-rings{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/high-street-comparison/landingpage-pod1.jpg') no-repeat right bottom} #high-street-comparison .how-we-compare .d-earrings{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/high-street-comparison/landingpage-pod2.jpg') no-repeat right bottom} #high-street-comparison .how-we-compare .d-pendants{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/high-street-comparison/landingpage-pod3.jpg') no-repeat right bottom} #high-street-comparison .how-we-compare .d-wedding{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/high-street-comparison/landingpage-pod4.jpg') no-repeat right bottom} #high-street-comparison .how-we-compare h1{font-size:2.4em;background:0;text-align:center} #high-street-comparison .how-we-compare p{margin-bottom:20px;text-align:center} #high-street-comparison .how-we-work img{display:block;margin:0 auto} #high-street-comparison .pg-footer{text-align:center} #high-street-comparison .pg-footer .vashi-bg{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/high-street-comparison/vashi-bg.png') no-repeat bottom center transparent;height:400px;margin-bottom:0} #high-street-comparison .pg-footer .vashi-bg a{} #high-street-comparison .pg-footer .vashi-bg a.hoverBlack img{margin:0 0 -20px 0} #high-street-comparison .pg-footer .vashi-bg a.hoverBlack span{font-size:.8em} #high-street-comparison .pg-footer .vashi-bg a.noUnderline{text-decoration:none} #high-street-comparison .pg-footer .promise{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/high-street-comparison/ring.png') no-repeat top center transparent;background-position:center 30px;padding-top:155px} #high-street-comparison .pg-footer .promise a.noUnderline{text-decoration:none} #high-street-comparison .pg-footer p{margin:10px auto 0 auto;width:69%} #high-street-comparison .pg-footer ul.arrow-list li{display:inline;line-height:3.5em} #high-street-comparison ul.arrow-list li a:hover{text-decoration:underline !important} #high-street-comparison .simple-clear-pricing{padding-top:35px} #high-street-comparison .simple-clear-pricing ul.tick-list{margin-top:20px} #high-street-comparison .simple-clear-pricing ul.tick-list li{display:inline-block;width:40%;list-style-type:none;margin-bottom:3%;padding-left:30px;font-size:.8em} #high-street-comparison .simple-clear-pricing ul.tick-list li:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;padding-right:10px;font-size:1em;content:"\006b"} #high-street-comparison .hoverBlack:hover{color:#000 !important} #high-street-comparison .how-we-compare,#high-street-comparison .how-we-work,#high-street-comparison .simple-clear-pricing,#high-street-comparison .pg-footer{padding:20px 2%} #high-street-comparison .pg-footer{padding-bottom:0} #high-street-comparison hr{width:96%;margin-left:2% !important} #high-street-comparison .more-details p{text-align:left !important} #high-street-comparison .more-details table{width:100%;border-spacing:0;border-collapse:collapse;margin-bottom:20px} #high-street-comparison .more-details table thead{font-weight:700} #high-street-comparison .more-details table tr.grey{color:#666} #high-street-comparison .more-details table tr.grey td{background:#f1f1f1;color:#000} #high-street-comparison .more-details table td{padding:10px} #high-street-comparison .more-details table .icon-question-sign{font-size:1.250em} #high-street-comparison #comp-data td{vertical-align:top;font-size:.8em} #high-street-comparison #comp-data .expandInfo{display:none} #high-street-comparison #comp-data .expandInfo p{margin:5px 0;font-size:100%} #high-street-comparison #comp-data .expandInfo a{text-decoration:underline !important} #high-street-comparison #comp-data .closeInfo{display:block;text-align:right} body.cms-guidance-centre #category-pages .row, body.cms-beratungscenter #category-pages .row, body.cms-centre-guide #category-pages .row { margin-bottom:1% } body.cms-guidance-centre #category-pages .hero, body.cms-beratungscenter #category-pages .hero, body.cms-centre-guide #category-pages .hero { text-align:center } body.cms-guidance-centre #category-pages .col50, body.cms-beratungscenter #category-pages .col50, body.cms-centre-guide #category-pages .col50 { margin:0 } body.cms-guidance-centre #category-pages .gc2, body.cms-beratungscenter #category-pages .gc2, body.cms-centre-guide #category-pages .gc2 { margin:0 .7% 0 0 !important } body.cms-guidance-centre #category-pages .col25, body.cms-beratungscenter #category-pages .col25, body.cms-centre-guide #category-pages .col25 { margin-left:1% } body.cms-guidance-centre #category-pages .col25:first-child, body.cms-beratungscenter #category-pages .col25:first-child, body.cms-centre-guide #category-pages .col25:first-child { margin-left:0 } body.cms-guidance-centre #category-pages .wrapper, body.cms-beratungscenter #category-pages .wrapper, body.cms-centre-guide #category-pages .wrapper { padding:0 20px } body.cms-guidance-centre #category-pages h4, body.cms-beratungscenter #category-pages h4, body.cms-centre-guide #category-pages h4 { color:#464;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;margin:0;padding:10px 0 0 0 !important;font-size:1.2em } .categorypath-create-your-own-engagement-ring #category-pages .hero, .categorypath-create-your-own-stud-earrings #category-pages .hero, .categorypath-create-your-own-solitaire-pendant #category-pages .hero, .categorypath-create-your-own-3-stone-ring #category-pages .hero, .categorypath-create-your-own-5-stone-ring #category-pages .hero, .categorypath-create-your-own-3-stone-pendant #category-pages .hero, .categorypath-create-your-own-5-stone-pendant #category-pages .hero, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .hero, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .hero, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .hero, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .hero, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .hero, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .hero, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .hero, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .hero, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .hero, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .hero, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .hero, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .hero, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .hero, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .hero { background-position: left top !important; } .categorypath-create-your-own-engagement-ring #category-pages .hero .col66, .categorypath-create-your-own-stud-earrings #category-pages .hero .col66, .categorypath-create-your-own-solitaire-pendant #category-pages .hero .col66, .categorypath-create-your-own-3-stone-ring #category-pages .hero .col66, .categorypath-create-your-own-5-stone-ring #category-pages .hero .col66, .categorypath-create-your-own-3-stone-pendant #category-pages .hero .col66, .categorypath-create-your-own-5-stone-pendant #category-pages .hero .col66, .categorypath-create-your-own-engagement-ring #category-pages .hero .col50, .categorypath-create-your-own-stud-earrings #category-pages .hero .col50, .categorypath-create-your-own-solitaire-pendant #category-pages .hero .col50, .categorypath-create-your-own-3-stone-ring #category-pages .hero .col50, .categorypath-create-your-own-5-stone-ring #category-pages .hero .col50, .categorypath-create-your-own-3-stone-pendant #category-pages .hero .col50, .categorypath-create-your-own-5-stone-pendant #category-pages .hero .col50, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .hero .col50, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .hero .col50, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .hero .col50, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .hero .col50, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .hero .col50, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .hero .col50, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .hero .col50, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .hero .col66, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .hero .col66, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .hero .col66, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .hero .col66, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .hero .col66, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .hero .col66, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .hero .col66, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .hero .col50, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .hero .col50, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .hero .col50, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .hero .col50, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .hero .col50, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .hero .col50, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .hero .col50 { float: right; text-align: right; } .categorypath-create-your-own-engagement-ring #category-pages .hero .col66 h1, .categorypath-create-your-own-stud-earrings #category-pages .hero .col66 h1, .categorypath-create-your-own-solitaire-pendant #category-pages .hero .col66 h1, .categorypath-create-your-own-3-stone-ring #category-pages .hero .col66 h1, .categorypath-create-your-own-5-stone-ring #category-pages .hero .col66 h1, .categorypath-create-your-own-3-stone-pendant #category-pages .hero .col66 h1, .categorypath-create-your-own-5-stone-pendant #category-pages .hero .col66 h1, .categorypath-create-your-own-engagement-ring #category-pages .hero .col50 h1, .categorypath-create-your-own-stud-earrings #category-pages .hero .col50 h1, .categorypath-create-your-own-solitaire-pendant #category-pages .hero .col50 h1, .categorypath-create-your-own-3-stone-ring #category-pages .hero .col50 h1, .categorypath-create-your-own-5-stone-ring #category-pages .hero .col50 h1, .categorypath-create-your-own-3-stone-pendant #category-pages .hero .col50 h1, .categorypath-create-your-own-5-stone-pendant #category-pages .hero .col50 h1, .categorypath-create-your-own-engagement-ring #category-pages .hero .col66 p, .categorypath-create-your-own-stud-earrings #category-pages .hero .col66 p, .categorypath-create-your-own-solitaire-pendant #category-pages .hero .col66 p, .categorypath-create-your-own-3-stone-ring #category-pages .hero .col66 p, .categorypath-create-your-own-5-stone-ring #category-pages .hero .col66 p, .categorypath-create-your-own-3-stone-pendant #category-pages .hero .col66 p, .categorypath-create-your-own-5-stone-pendant #category-pages .hero .col66 p, .categorypath-create-your-own-engagement-ring #category-pages .hero .col50 p, .categorypath-create-your-own-stud-earrings #category-pages .hero .col50 p, .categorypath-create-your-own-solitaire-pendant #category-pages .hero .col50 p, .categorypath-create-your-own-3-stone-ring #category-pages .hero .col50 p, .categorypath-create-your-own-5-stone-ring #category-pages .hero .col50 p, .categorypath-create-your-own-3-stone-pendant #category-pages .hero .col50 p, .categorypath-create-your-own-5-stone-pendant #category-pages .hero .col50 p, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .hero .col50 h1, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .hero .col50 h1, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .hero .col50 h1, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .hero .col50 h1, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .hero .col50 h1, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .hero .col50 h1, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .hero .col50 h1, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .hero .col66 p, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .hero .col66 p, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .hero .col66 p, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .hero .col66 p, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .hero .col66 p, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .hero .col66 p, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .hero .col66 p, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .hero .col50 p, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .hero .col50 p, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .hero .col50 p, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .hero .col50 p, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .hero .col50 p, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .hero .col50 p, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .hero .col50 p, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .hero .col66 h1, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .hero .col66 h1, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .hero .col66 h1, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .hero .col66 h1, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .hero .col66 h1, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .hero .col66 h1, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .hero .col66 h1, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .hero .col50 h1, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .hero .col50 h1, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .hero .col50 h1, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .hero .col50 h1, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .hero .col50 h1, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .hero .col50 h1, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .hero .col50 h1, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .hero .col66 p, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .hero .col66 p, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .hero .col66 p, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .hero .col66 p, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .hero .col66 p, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .hero .col66 p, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .hero .col66 p, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .hero .col50 p, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .hero .col50 p, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .hero .col50 p, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .hero .col50 p, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .hero .col50 p, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .hero .col50 p, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .hero .col50 p { clear: right; float: right; } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step, .categorypath-create-your-own-engagement-ring #category-pages #advice, .categorypath-create-your-own-stud-earrings #category-pages #advice, .categorypath-create-your-own-solitaire-pendant #category-pages #advice, .categorypath-create-your-own-3-stone-ring #category-pages #advice, .categorypath-create-your-own-5-stone-ring #category-pages #advice, .categorypath-create-your-own-3-stone-pendant #category-pages #advice, .categorypath-create-your-own-5-stone-pendant #category-pages #advice, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice { margin-bottom: 20px; } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step h2, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step h2, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step h2, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step h2, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step h2, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step h2, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step h2, .categorypath-create-your-own-engagement-ring #category-pages #advice h2, .categorypath-create-your-own-stud-earrings #category-pages #advice h2, .categorypath-create-your-own-solitaire-pendant #category-pages #advice h2, .categorypath-create-your-own-3-stone-ring #category-pages #advice h2, .categorypath-create-your-own-5-stone-ring #category-pages #advice h2, .categorypath-create-your-own-3-stone-pendant #category-pages #advice h2, .categorypath-create-your-own-5-stone-pendant #category-pages #advice h2, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step h2, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step h2, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step h2, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step h2, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step h2, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step h2, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step h2, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice h2, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice h2, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice h2, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice h2, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice h2, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice h2, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice h2, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step h2, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step h2, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step h2, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step h2, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step h2, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step h2, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step h2, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice h2, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice h2, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice h2, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice h2, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice h2, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice h2, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice h2 { font-size: 1.5em; text-align: center; margin: 0 0 20px 0; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/comparison/h2-bg.png') repeat-x 0 5px rgba(0,0,0,0); } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step h2 span, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step h2 span, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step h2 span, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step h2 span, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step h2 span, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step h2 span, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step h2 span, .categorypath-create-your-own-engagement-ring #category-pages #advice h2 span, .categorypath-create-your-own-stud-earrings #category-pages #advice h2 span, .categorypath-create-your-own-solitaire-pendant #category-pages #advice h2 span, .categorypath-create-your-own-3-stone-ring #category-pages #advice h2 span, .categorypath-create-your-own-5-stone-ring #category-pages #advice h2 span, .categorypath-create-your-own-3-stone-pendant #category-pages #advice h2 span, .categorypath-create-your-own-5-stone-pendant #category-pages #advice h2 span, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step h2 span, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step h2 span, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step h2 span, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step h2 span, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step h2 span, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step h2 span, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step h2 span, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice h2 span, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice h2 span, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice h2 span, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice h2 span, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice h2 span, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice h2 span, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice h2 span, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step h2 span, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step h2 span, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step h2 span, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step h2 span, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step h2 span, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step h2 span, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step h2 span, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice h2 span, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice h2 span, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice h2 span, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice h2 span, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice h2 span, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice h2 span, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice h2 span { background: #FFF; padding: 0 20px; } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 { border-bottom: 0; text-align: left; margin: 0 0 20px 0; min-height: inherit; } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 h4, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 h4, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 h4, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 h4, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 h4, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 h4, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 h4, .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 p, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 p, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 p, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 p, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 p, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 p, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 p, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 p, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 p, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 p, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 p, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 p, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 p, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 p, .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 ul, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 ul, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 ul, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 ul, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 ul, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 ul, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 p, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 p, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 p, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 p, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 p, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 p, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 p, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 ul { clear: left; float: left; text-align: left; width: 50%; } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 h4 li, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 h4 li, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 h4 li, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 h4 li, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 h4 li, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 h4 li, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 h4 li, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 h4 li, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 h4 li, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 h4 li, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 h4 li, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 h4 li, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 h4 li, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 h4 li, .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 p li, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 p li, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 p li, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 p li, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 p li, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 p li, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 p li, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 p li, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 p li, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 p li, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 p li, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 p li, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 p li, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 p li, .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 ul li, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 ul li, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 ul li, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 ul li, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 ul li, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 ul li, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 ul li, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 ul li, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 ul li, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 ul li, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 ul li, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 ul li, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 ul li, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 ul li, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 h4 li, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 h4 li, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 h4 li, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 h4 li, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 h4 li, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 h4 li, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 h4 li, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 h4 li, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 h4 li, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 h4 li, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 h4 li, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 h4 li, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 h4 li, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 h4 li, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 p li, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 p li, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 p li, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 p li, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 p li, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 p li, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 p li, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 p li, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 p li, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 p li, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 p li, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 p li, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 p li, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 p li, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 ul li, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 ul li, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 ul li, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 ul li, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 ul li, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 ul li, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 ul li, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 ul li, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 ul li, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 ul li, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 ul li, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 ul li, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 ul li, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 ul li, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33 h4 li, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33 h4 li, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33 h4 li, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33 h4 li, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33 h4 li, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33 h4 li, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33 h4 li, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 h4 li, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 h4 li, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 h4 li, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 h4 li, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 h4 li, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 h4 li, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 h4 li, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33 p li, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33 p li, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33 p li, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33 p li, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33 p li, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33 p li, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33 p li, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 p li, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 p li, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 p li, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 p li, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 p li, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 p li, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 p li, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33 ul li, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33 ul li, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33 ul li, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33 ul li, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33 ul li, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33 ul li, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33 ul li, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 ul li, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 ul li, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 ul li, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 ul li, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 ul li, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 ul li, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 ul li { margin-left: 0; } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 ul, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 ul, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 ul, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 ul, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 ul, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 ul, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 ul, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 ul, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 ul, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33 ul, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 ul, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 ul { width: auto; } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 h4, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 h4, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 h4, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 h4, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 h4, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 h4, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 h4, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 h4, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 h4, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33 h4, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 h4, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 h4 { font-size: 1em; margin: 15px 0 0 0; } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 p, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 p, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 p, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 p, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 p, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 p, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 p, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 p, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 p, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 p, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 p, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 p, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 p, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 p, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 p, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 p , .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33 p, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 p, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 p, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 p, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 p, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 p, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 p, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 p { margin: 10px 0; } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 img, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 img, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 img, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 img, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 img, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 img, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 img, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 img, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 img, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 img, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 img, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 img, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 img, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 img, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #cyo_step .col33 img, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #cyo_step .col33 img, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #cyo_step .col33 img, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #cyo_step .col33 img, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #cyo_step .col33 img, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #cyo_step .col33 img, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #cyo_step .col33 img, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 img, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 img, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 img, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 img, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 img, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 img, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 img { float: right; margin-top: -100px; } .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 ul.arrow-list li:before, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 ul.arrow-list li:before { color: #ffaf8a; } .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 img, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 img, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 img, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 img, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 img, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 img, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 img, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages #advice .col33 img, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages #advice .col33 img, .categorypath-creer-un-bijou-solitaire-pendant #category-pages #advice .col33 img, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages #advice .col33 img, .categorypath-creer-un-bijou-bague-5-pierres #category-pages #advice .col33 img, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages #advice .col33 img, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages #advice .col33 img { height: auto; width: 45%; } .categorypath-create-your-own-engagement-ring #category-pages .mod, .categorypath-create-your-own-stud-earrings #category-pages .mod, .categorypath-create-your-own-solitaire-pendant #category-pages .mod, .categorypath-create-your-own-3-stone-ring #category-pages .mod, .categorypath-create-your-own-5-stone-ring #category-pages .mod, .categorypath-create-your-own-3-stone-pendant #category-pages .mod, .categorypath-create-your-own-5-stone-pendant #category-pages .mod, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod { margin: 0 0 20px 0; margin-right: 1.8%; min-height: 130px; } .categorypath-create-your-own-engagement-ring #category-pages .mod.five-star h2, .categorypath-create-your-own-stud-earrings #category-pages .mod.five-star h2, .categorypath-create-your-own-solitaire-pendant #category-pages .mod.five-star h2, .categorypath-create-your-own-3-stone-ring #category-pages .mod.five-star h2, .categorypath-create-your-own-5-stone-ring #category-pages .mod.five-star h2, .categorypath-create-your-own-3-stone-pendant #category-pages .mod.five-star h2, .categorypath-create-your-own-5-stone-pendant #category-pages .mod.five-star h2, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod.five-star h2, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod.five-star h2, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod.five-star h2, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod.five-star h2, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod.five-star h2, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod.five-star h2, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod.five-star h2, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod.five-star h2, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod.five-star h2, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod.five-star h2, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod.five-star h2, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod.five-star h2, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod.five-star h2, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod.five-star h2 { background: url('https://d22a7o1ghudyx4.cloudfront.net/templates/diamondmanufacturers.co.uk/_images/category/category-review-logo.png') no-repeat right center rgba(0,0, 0, 0); line-height: 26px; } .categorypath-create-your-own-engagement-ring #category-pages .mod.videoBG, .categorypath-create-your-own-stud-earrings #category-pages .mod.videoBG, .categorypath-create-your-own-solitaire-pendant #category-pages .mod.videoBG, .categorypath-create-your-own-3-stone-ring #category-pages .mod.videoBG, .categorypath-create-your-own-5-stone-ring #category-pages .mod.videoBG, .categorypath-create-your-own-3-stone-pendant #category-pages .mod.videoBG, .categorypath-create-your-own-5-stone-pendant #category-pages .mod.videoBG, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod.videoBG, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod.videoBG, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod.videoBG, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod.videoBG, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod.videoBG, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod.videoBG, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod.videoBG, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod.videoBG, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod.videoBG, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod.videoBG, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod.videoBG, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod.videoBG, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod.videoBG, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod.videoBG { background: url('https://d22a7o1ghudyx4.cloudfront.net/templates/diamondmanufacturers.co.uk/_images/category/category-video-pod.png') no-repeat right center #fff; cursor: pointer; } .categorypath-create-your-own-engagement-ring #category-pages .mod.videoBG h2, .categorypath-create-your-own-stud-earrings #category-pages .mod.videoBG h2, .categorypath-create-your-own-solitaire-pendant #category-pages .mod.videoBG h2, .categorypath-create-your-own-3-stone-ring #category-pages .mod.videoBG h2, .categorypath-create-your-own-5-stone-ring #category-pages .mod.videoBG h2, .categorypath-create-your-own-3-stone-pendant #category-pages .mod.videoBG h2, .categorypath-create-your-own-5-stone-pendant #category-pages .mod.videoBG h2, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod.videoBG h2, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod.videoBG h2, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod.videoBG h2, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod.videoBG h2, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod.videoBG h2, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod.videoBG h2, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod.videoBG h2, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod.videoBG h2, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod.videoBG h2, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod.videoBG h2, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod.videoBG h2, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod.videoBG h2, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod.videoBG h2, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod.videoBG h2 { width: 75%; } .categorypath-create-your-own-engagement-ring #category-pages .mod.videoBG p, .categorypath-create-your-own-stud-earrings #category-pages .mod.videoBG p, .categorypath-create-your-own-solitaire-pendant #category-pages .mod.videoBG p, .categorypath-create-your-own-3-stone-ring #category-pages .mod.videoBG p, .categorypath-create-your-own-5-stone-ring #category-pages .mod.videoBG p, .categorypath-create-your-own-3-stone-pendant #category-pages .mod.videoBG p, .categorypath-create-your-own-5-stone-pendant #category-pages .mod.videoBG p, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod.videoBG p, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod.videoBG p, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod.videoBG p, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod.videoBG p, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod.videoBG p, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod.videoBG p, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod.videoBG p, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod.videoBG p, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod.videoBG p, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod.videoBG p, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod.videoBG p, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod.videoBG p, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod.videoBG p, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod.videoBG p { width: 52%; } .categorypath-create-your-own-engagement-ring #category-pages .mod.last, .categorypath-create-your-own-stud-earrings #category-pages .mod.last, .categorypath-create-your-own-solitaire-pendant #category-pages .mod.last, .categorypath-create-your-own-3-stone-ring #category-pages .mod.last, .categorypath-create-your-own-5-stone-ring #category-pages .mod.last, .categorypath-create-your-own-3-stone-pendant #category-pages .mod.last, .categorypath-create-your-own-5-stone-pendant #category-pages .mod.last, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod.last, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod.last, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod.last, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod.last, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod.last, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod.last, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod.last, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod.last, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod.last, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod.last, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod.last, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod.last, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod.last, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod.last { margin-right: 0; } .categorypath-create-your-own-engagement-ring #category-pages .mod h2, .categorypath-create-your-own-stud-earrings #category-pages .mod h2, .categorypath-create-your-own-solitaire-pendant #category-pages .mod h2, .categorypath-create-your-own-3-stone-ring #category-pages .mod h2, .categorypath-create-your-own-5-stone-ring #category-pages .mod h2, .categorypath-create-your-own-3-stone-pendant #category-pages .mod h2, .categorypath-create-your-own-5-stone-pendant #category-pages .mod h2, .categorypath-create-your-own-engagement-ring #category-pages .mod p, .categorypath-create-your-own-stud-earrings #category-pages .mod p, .categorypath-create-your-own-solitaire-pendant #category-pages .mod p, .categorypath-create-your-own-3-stone-ring #category-pages .mod p, .categorypath-create-your-own-5-stone-ring #category-pages .mod p, .categorypath-create-your-own-3-stone-pendant #category-pages .mod p, .categorypath-create-your-own-5-stone-pendant #category-pages .mod p, .categorypath-create-your-own-engagement-ring #category-pages .mod div, .categorypath-create-your-own-stud-earrings #category-pages .mod div, .categorypath-create-your-own-solitaire-pendant #category-pages .mod div, .categorypath-create-your-own-3-stone-ring #category-pages .mod div, .categorypath-create-your-own-5-stone-ring #category-pages .mod div, .categorypath-create-your-own-3-stone-pendant #category-pages .mod div, .categorypath-create-your-own-5-stone-pendant #category-pages .mod div, .categorypath-create-your-own-engagement-ring #category-pages .mod ul, .categorypath-create-your-own-stud-earrings #category-pages .mod ul, .categorypath-create-your-own-solitaire-pendant #category-pages .mod ul, .categorypath-create-your-own-3-stone-ring #category-pages .mod ul, .categorypath-create-your-own-5-stone-ring #category-pages .mod ul, .categorypath-create-your-own-3-stone-pendant #category-pages .mod ul, .categorypath-create-your-own-5-stone-pendant #category-pages .mod ul, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod p, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod p, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod p, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod p, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod p, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod p, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod p, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod div, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod div, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod div, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod div, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod div, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod div, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod div, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod ul, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod ul, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod ul, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod ul, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod ul, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod ul, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod ul, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod h2, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod h2, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod h2, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod h2, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod h2, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod h2, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod h2, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod p, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod p, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod p, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod p, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod p, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod p, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod p, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod div, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod div, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod div, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod div, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod div, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod div, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod div, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod ul, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod ul, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod ul, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod ul, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod ul, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod ul, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod ul { margin-right: 20px; margin-left: 20px; } .categorypath-create-your-own-engagement-ring #category-pages .mod h2, .categorypath-create-your-own-stud-earrings #category-pages .mod h2, .categorypath-create-your-own-solitaire-pendant #category-pages .mod h2, .categorypath-create-your-own-3-stone-ring #category-pages .mod h2, .categorypath-create-your-own-5-stone-ring #category-pages .mod h2, .categorypath-create-your-own-3-stone-pendant #category-pages .mod h2, .categorypath-create-your-own-5-stone-pendant #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod h2, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod h2, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod h2, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod h2, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod h2, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod h2, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod h2, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod h2, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod h2 { font-size: 1.1em; margin-top: 0; margin-bottom: 0; } .categorypath-create-your-own-engagement-ring #category-pages .mod .review, .categorypath-create-your-own-stud-earrings #category-pages .mod .review, .categorypath-create-your-own-solitaire-pendant #category-pages .mod .review, .categorypath-create-your-own-3-stone-ring #category-pages .mod .review, .categorypath-create-your-own-5-stone-ring #category-pages .mod .review, .categorypath-create-your-own-3-stone-pendant #category-pages .mod .review, .categorypath-create-your-own-5-stone-pendant #category-pages .mod .review, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod .review, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod .review, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod .review, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod .review, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod .review, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod .review, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod .review, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod .review, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod .review, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod .review, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod .review, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod .review, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod .review, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod .review { color: #464646; font-size: .9em; line-height: 1.4em; margin: 10px 20px; font-style: italic; } .categorypath-create-your-own-engagement-ring #category-pages .mod .stars, .categorypath-create-your-own-stud-earrings #category-pages .mod .stars, .categorypath-create-your-own-solitaire-pendant #category-pages .mod .stars, .categorypath-create-your-own-3-stone-ring #category-pages .mod .stars, .categorypath-create-your-own-5-stone-ring #category-pages .mod .stars, .categorypath-create-your-own-3-stone-pendant #category-pages .mod .stars, .categorypath-create-your-own-5-stone-pendant #category-pages .mod .stars, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod .stars, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod .stars, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod .stars, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod .stars, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod .stars, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod .stars, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod .stars, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod .stars, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod .stars, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod .stars, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod .stars, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod .stars, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod .stars, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod .stars { text-align: right; } .categorypath-create-your-own-engagement-ring #category-pages .mod .stars .icon-star, .categorypath-create-your-own-stud-earrings #category-pages .mod .stars .icon-star, .categorypath-create-your-own-solitaire-pendant #category-pages .mod .stars .icon-star, .categorypath-create-your-own-3-stone-ring #category-pages .mod .stars .icon-star, .categorypath-create-your-own-5-stone-ring #category-pages .mod .stars .icon-star, .categorypath-create-your-own-3-stone-pendant #category-pages .mod .stars .icon-star, .categorypath-create-your-own-5-stone-pendant #category-pages .mod .stars .icon-star, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod .stars .icon-star, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod .stars .icon-star, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod .stars .icon-star, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod .stars .icon-star, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod .stars .icon-star, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod .stars .icon-star, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod .stars .icon-star, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .mod .stars .icon-star, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .mod .stars .icon-star, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .mod .stars .icon-star, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .mod .stars .icon-star, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .mod .stars .icon-star, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .mod .stars .icon-star, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .mod .stars .icon-star { padding-right: 0; } .categorypath-bagues-de-fiancailles .hero a.button, .categorypath-creer-un-bijou-bagues-fiancailles #category-pages .hero a.button, .categorypath-creer-un-bijou-boucles-d-oreilles-puces #category-pages .hero a.button, .categorypath-creer-un-bijou-solitaire-pendant #category-pages .hero a.button, .categorypath-creer-un-bijou-bagues-3-pierres #category-pages .hero a.button, .categorypath-creer-un-bijou-bague-5-pierres #category-pages .hero a.button, .categorypath-creer-un-bijou-pendentif-3-pierres #category-pages .hero a.button, .categorypath-creer-un-bijou-pendentifs-5-pierres #category-pages .hero a.button { font-size: .9em; } .productquestions-index-index .return-link{margin:20px 0} .productquestions-index-index .pager,.productquestions-index-index .pager-wrap{font-size:.8em} .productquestions-index-index .pager .pnumbers,.productquestions-index-index .pager-wrap .pnumbers{list-style:none} .productquestions-index-index .asked{border-bottom:1px solid #c8c8c8} .productquestions-index-index .asked .record{border-top:1px solid #c8c8c8;padding:20px 0} .cms-guidance-centre .cat-bottom .arrow-list{padding-left:0} .window-overlay{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/window_overlay.png') repeat;background:rgba(0,0,0,0.35);position:absolute;top:0;left:0;height:100%;width:100%;z-index:990} .remember-me label{float:none;margin:0 6px} .remember-me-popup{background:#fff;left:50%;top:50%;position:absolute;margin:-85px 0 0 -200px;width:400px;text-align:left;z-index:1000} .remember-me-popup p,.remember-me-popup div{margin:10px} .remember-me-popup h3{background:#f1f1f1;font-size:1em;font-weight:bold;padding:10px} .remember-me-popup .remember-me-popup-head{position:relative} .remember-me-popup .remember-me-popup-head .remember-me-popup-close{background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/btn_window_close.gif') no-repeat;display:block;position:absolute;top:7px;right:7px;height:15px;width:15px;text-indent:-9999em} .remember-me-popup .remember-me-popup-head .remember-me-popup .remember-me-popup-body{padding:10px} .remember-me-popup .remember-me-popup-head .remember-me-popup .remember-me-popup-body a{display:inline-block;height:19px;border:1px solid #de5400;background:#f18200;padding:0 8px;font:bold 12px/19px Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;white-space:nowrap;color:#fff} .paypal-express-review h1{line-height:1.75em;margin:0;padding:0} .paypal-express-review .paypal-review-order h3{border-top:solid 1px #c8c8c8;line-height:2.5em;margin:20px 0;padding-top:20px} .paypal-express-review .paypal-review-order .data-table td.last{text-align:right} .paypal-express-review .paypal-review-order .data-table h3{border-top:0;font-size:1.3em;line-height:inherit;margin-top:0;padding:0} .paypal-express-review .paypal-review-order .checkout-agreements{margin:10px 0} .paypal-express-review .paypal-review-order .checkout-agreements a{font-size:.9em} .alphabet-nav{list-style:none;margin:20px 0} .alphabet-nav:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} .alphabet-nav li{float:left;margin-bottom:5px} .alphabet-nav li span{color:#ffede3;font-weight:bold;padding:5px} .colMob.last{float:right} .touch-device .filter-note-handle{display:none} .touch-device #body.productList .prod-views .pnumbers{clear:right;margin-bottom:10px} .touch-device #body.productList .prod-views .paging{font-size:1.4em} .popupcontent{padding:10px;position:relative} .popupcontent .popupClose{font-size:1.5em;padding:0;position:absolute;right:10px;top:10px;z-index:9999} .popupcontent .popupClose:hover{text-decoration:none} .popupcontent .Vid3d,.popupcontent .ovSmallImg{cursor:pointer} .icon-facebook span, .icon-twitter span, .icon-instagram span, .icon-google-plus span, .icon-pinterest span, .icon-youtube span { display: none; } .allow_cookies{color:#000;background:#EEECE7;position:relative;padding:30px 0 26px 0;font-size:17px;line-height:23px;-webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,0.3);box-shadow:0 2px 15px 0 rgba(0,0,0,0.3);} .allow_cookies .row{max-width:1000px;margin:0 auto} .allow_cookies form{margin-top:8px} .allow_cookies input[type=button]{ font-size:16px;cursor:pointer; background-color:#000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .allow_cookies input[type=button]:hover{ background-color: #fff; } #top-bar .col1 { float: left; } #top-bar .col2 { float: right; } #top-bar a:hover { color: #000; } #top-bar p { display: inline-block;} #top-bar fieldset { display: inline-block; *display: inline; } #top-bar .icon-wishlist { display: none; } #top-bar .header_separator { padding: 0 4px; } /*#top-bar > *, #top-bar > * > * { outline: 1px solid red; }*/ #top-bar #search_mini_form { display: inline-block; *display: inline; position: relative; top: 8px; } #top-bar #search_mini_form input,#top-bar #search_mini_form button { float: left; height: 20px; } #top-bar #search_mini_form input { margin-right: 0; border: none; display: inline-block; font-size: 13px; line-height: 20px; margin: 0; padding: 2px 24px 2px 6px; margin-right: -28px; color: #464646;} #top-bar #search_mini_form button { margin-left: 0; border: none; display: inline-block; background: transparent; font-size: 13px; line-height: 20px; margin: 0; padding: 2px 6px; cursor: pointer; } #top-bar #search_mini_form button span { padding-right: 0; } /* Selectmenu ----------------------------------*/ .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; } .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/select_arrow.png') 50% 50% no-repeat; width: 16px; height: 16px;} .ui-selectmenu-menu { font-size: 14px;background: #f0f0f0; padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */ .ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; -webkit-overflow-scrolling: touch;} .ui-selectmenu-open { display: block; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } .ui-selectmenu-menu li a { color: #464646; } .ui-selectmenu-menu li a:hover { background: #fafafa; } /* for optgroups */ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* IE6 workaround (dotted transparent borders) */ * html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; } * html .ui-selectmenu-menu li a { position: relative } /* IE7 workaround (opacity disabled) */ *+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; } @media screen and (max-width:1124px){ #top-bar p.openingHours, #top-bar p.opening_separator{display: none;} } @media screen and (max-width:1024px){ #top-bar #search_mini_form {display: none;}} /********************************* REFRESH **/ /* Category */ .category-hero-image { overflow: hidden; } .product-grid .product-cta { padding: 15px 10px 20px; background-color: #eeece7; text-align:center; margin-top: -5px; } .product-grid .product-cta .listing-button { border: 2px solid #df5c48; padding: 5px; text-transform: uppercase; color: #df5c48; display: block; font-size: 0.7em; font-weight: bold; margin: 0 auto; width: 50%; } .product-grid .product_image { text-align: center; position: relative; } .product-grid .product-cta a.listing-button:hover { text-decoration: none; } .product-grid .product-cta .ratings { margin-bottom: 15px; } .product-grid .product-cta .rating-box { margin: 0 auto !important; float: none !important; } #body.productList ul.product-grid a.product-image { display: inline-block; width: 100%; } #body.productList ul.product-grid > li { position: relative; } #body.productList ul.product-grid > li .ratings-stars{ min-height: 25px; } #body.productList ul.product-grid .actions { position: absolute; -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); bottom: 1%; display:none; left: -10px; padding: 0 8px; -webkit-border-radius: 2px 2px; border-radius: 2px 2px; } #body.productList ul.product-grid > li:hover .actions, #body.productList ul.product-grid > li .actions.active{ display:block; } #body.productList ul.product-grid .actions a.compare { color: #888; font-size: 0.9em;} .f-right { float: right !important; } .f-left { float: left !important; } #body.productList .prod-listing .prod-views { width: 50%; padding: 5px 0 0; float: right; } #body.productList .prod-listing .prod-views.pset-bottom { width: 100%; margin-bottom: 10px; margin-top: 10px; } #body.productList .prod-listing .prod-views .pnumbers { margin-left: 25px; color: black; } #body.productList .prod-listing .prod-views .pnumbers .highlight { color: #df5b57; } #body.productList .prod-listing .prod-sort { width: 50%; float: left !important; padding: 0 0 20px; } #body.productList .prod-listing .prod-sort form { float: left; margin-left: 0; margin-right: 7%;} #body.productList .prod-listing .clearer { width: 100%; clear: both;} #body.productList .compare-button { text-align: center; width: 100%;} #body.productList .compare-button a { margin: 0 0 30px; } #body.productList .compare-button.bottom { float: left; width: 56.5%; padding: 0; border: none;} #body.productList .compare-button.bottom a { float: right; margin: 0; } #body.productList .prod-views .pnumbers.paging li.current span { color: #df5c48;} #body.productList ul.product-grid { border-bottom: 2px solid #EEECE7;} /** Hide filters until we put them on top **/ .catalog-category-view .prod-listing .col-left { display: none; } .catalog-category-view .prod-listing > .row > .col75 { width: 100%; } @media screen and (max-width:1124px){ #top-bar p.openingHours, #top-bar span.opening_separator{display: none;} } @media screen and (max-width:1024px){ #top-bar #search_mini_form {display: none;}} @media screen and (max-width:800px){ #top-bar p.userLogout{display: none;} /** REFRESH **/ /* .category-hero { height: 140px; } */ .size-guide-link { margin: 0; font-size: 1.2em; line-height: 1em; } } @media screen and (max-width:700px){ #top-bar fieldset.store-switcher, #top-bar p.country-selector{display: none;} #body.productList .prod-listing .prod-views > .col100 { border: none !important;} } @media screen and (max-width:569px){ #top-bar {display: none;} } /*----- $_media_screen_and_min_width_768 -----*/ /* @media screen and (min-width: 768px) { #body.productList .prod-listing .col50.banner { float: left; width: 48%; margin-left: 1.5% } #body.productList .prod-listing .col50.banner:first-child { margin-left: 0; } } */ /*----- $_media_screen_and_max_width_767-----*/ @media screen and (max-width: 767px) { #body.productList .prod-listing .col50.banner { float: left; } #category-pages div.flex { display: block; padding: 10px; } #category-pages div.flex .col66 { width: 100%; margin: 0; } } /*----- $__media_screen_and_max_width_1024 -----*/ @media screen and (max-width:1024px){body.cms-guidance-centre #category-pages .col25{margin-left:.8%} #diamondExpert{background-size:33%} #header .strapline .smallSearch{display:block;margin:10px auto 0 auto;width:162px} #header .strapline .smallSearch #search_mini_form{border:1px solid #ffaf8a;float:left;width:160px} #header .strapline .smallSearch #search_mini_form #search_autocomplete{display:none !important} #header .phone-container{padding-left:5px} #header #navigation ul.nav-ul > li{width:20%;float:left} #header #navigation ul.top-menu-uk > li{width:16.6%;float:left} #header #navigation ul.top-menu-uk > li > h4{font-size: 0.8em} #header #navigation ul.nav-ul li.search{display:none !important} #header #navigation ul.nav-ul li h4 a{height:60px;overflow:hidden;padding:0} #header #navigation ul.nav-ul:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #header #navigation .search{display:none} #body #sliderer{margin-left:2%;width:94%} #body.homepage #hp-banner .price-comparison h2{width:50%} #body.homepage #hp-banner .price-comparison p{width:30%} #body.homepage #hp-banner .award h2{padding-top:20px} #body.homepage #hp-banner .grace h2{width:65%;padding-top:50px} #body.homepage .merchandising-pods ul.arrow-list{width:90%} #body.productPage .add-to-wrap{width:100% !important} #body.productPage #rating{clear:both;margin:10px 0} #body.productList .prod-listing .prod-views { width: 100%; clear: both; margin-top: 0; } #body.productList .prod-listing .prod-views > .col100 { border-bottom: 1px solid black; margin-bottom: 5px; } #body.productList .prod-listing .prod-views.pset-bottom { margin-bottom: 0;} #body.productList .prod-listing .prod-views.pset-bottom .col100 { margin-bottom: 0; border: none;} #body.productList .prod-listing .prod-sort { float: right !important; width: 100%; margin-top: 10px; } #body.productList .prod-listing .prod-sort form { margin-right: 0; margin-left: 7%; float: right !important;} #body.productList .prod-views .pnumbers{clear:right;margin-bottom:10px; clear: right; } #body.productList .prod-views .paging{font-size:1.4em} /* #body.productList .prod-listing .col25,#body.productList .prod-listing .col33,#body.productList .prod-listing .col50,#body.productList .prod-listing .col75{float:none;margin-left:0;width:100%} */ #body.productList .prod-listing .col25.step,#body.productList .prod-listing .col33.step,#body.productList .prod-listing .col50.step,#body.productList .prod-listing .col75.step{float:left;margin-left:1.5%;width:31.83%} #body.productList #narrow-by-list-left ol.image-align-horizontally li{width:auto} #body.productList #filters .ui-slider-handle:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productList #filters .make-your-own-highlight{background:#ff9e70} #body.productList #filters .accordion{display:none;margin:0} #footer article{padding:0 20px} #footer .col75{width:65%} #footer .col75 .col25,#footer .col75 .col33{width:48.5%} #footer .col75 .col40{margin-left:0;width:100%} .block-layered-nav .filter-note-handle{right:5%} .block-layered-nav .filter-note-content{left:inherit;right:10%;top:10px} #block-layered-nav-left{padding-left:5px} #category-pages .hero .col66 h1{width:100%} .categorypath-create-your-own-engagement-ring #category-pages .hero .col66 h1, .categorypath-create-your-own-stud-earrings #category-pages .hero .col66 h1, .categorypath-create-your-own-solitaire-pendant #category-pages .hero .col66 h1, .categorypath-create-your-own-3-stone-ring #category-pages .hero .col66 h1, .categorypath-create-your-own-5-stone-ring #category-pages .hero .col66 h1, .categorypath-create-your-own-3-stone-pendant #category-pages .hero .col66 h1, .categorypath-create-your-own-5-stone-pendant #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .hero .col66 h1, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .hero .col66 h1 { width: 75%; } #narrow-by-list-left .gan-track{width:auto;margin-right:22px} .ui-slider .ui-slider-handle-right{margin-left:-14px} /** REFRESH **/ #body.productList ul.product-grid li { width: 23.27%; } #body.productPage p.high-street-price .saving { clear: right; margin-top: 10px; } } @media screen and (min-width:569px) and (max-width:800px){ #checkout-stages h2{font-size:1em} #header .phone-container .phone-number{font-size:1.1em} #body #diamondExpert .col33{width:49%;height:auto;padding-bottom:30px} #body #diamondExpert .vashi-col{display:none} #body #diamondExpert .last{float:right} #body #as-featured .news-list{height:90px;overflow:hidden} #body.homepage #hp-banner .award{background-position:20% center} #body.homepage #hp-banner .grace{background-position:-90px center} #body.homepage .merchandising-pods .merch{width:48.9%} #body.homepage .merchandising-pods .merch.merch-pod3{margin-left:0} #body.homepage .merchandising-pods .merch.noMob{display:none} #body.homepage .merchandising-pods .merch .five-star .review-content{margin:0} #body.productList .col25{width:31.83%} #body.productList .col75{width:66.4%} #body.productList ul.product-grid li:last-child{margin-right:0} #body.productList ul.product-grid:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #body.productPage .grad-fade{display:none !important} #body.productPage h2.title{font-size:1.5em;text-transform:none;margin-top:10px} #body.productPage .review-center{background-size:100%} #body.productPage .review-center h4{width:55%;font-size:.95em} #body.productPage li.order_conf{font-size:.75em} #body.checkout.complete{padding:0 10px} #body.checkout.complete .mobPod{display:block} #body.checkout.complete .noMob{display:none} #body.checkout.complete h2{font-size:1.4em} #body.checkout.complete .col66{width:100%;margin:0;float:none} #body.checkout.complete .col33{width:100%;float:none;margin:0} #body.checkout.complete .correctbox .datepicker{margin-left:35%} #body.checkout.complete .mobPod p{color:#464646} #body.category #cat-special ul.slide-ctas li{line-height:1em;border-right:solid 1px #000;padding:30px 0} #body.category #cat-special ul.slide-ctas li:first-child{padding:40px 0} #body.category .cat-new .cat-bottom .pod1,#body.category .cat-new .cat-bottom .pod2,#body.category .cat-new .cat-bottom .pod3{background-position:center 0} #category-pages .cat-bottom .col33{ width: 48.9% } #category-pages .cat-bottom .col33.pod1,#category-pages .cat-bottom .col33.pod3{margin-left:0} .ourStory .event{background-size:58% !important;height:auto} .ourStory .event.e1965{background-position:top right !important} .ourStory .event.e1978{background-position:top left !important} .ourStory .event.e1997{background-position:top right !important} .ourStory .event.e2000{background-position:top left !important} .ourStory .event.e2007{background-position:top right !important} .ourStory .event.e2010{background-position:top left !important} .ourStory .event.e2011{background-position:top right !important} .ourStory .event.e2012{background-position:bottom left !important} .ourStory .event.e2013{background-position:bottom right !important} .ourStory .event .event-text{padding:60px 15px} #footer .links .col75 .col25,#footer .links .col75 .col40{width:48.5%} #footer .links .col75 .col40{margin-left:0;width:100%} .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 { width: 31.83%; } .categorypath-create-your-own-engagement-ring #category-pages #cyo_step .col33 img, .categorypath-create-your-own-stud-earrings #category-pages #cyo_step .col33 img, .categorypath-create-your-own-solitaire-pendant #category-pages #cyo_step .col33 img, .categorypath-create-your-own-3-stone-ring #category-pages #cyo_step .col33 img, .categorypath-create-your-own-5-stone-ring #category-pages #cyo_step .col33 img, .categorypath-create-your-own-3-stone-pendant #category-pages #cyo_step .col33 img, .categorypath-create-your-own-5-stone-pendant #category-pages #cyo_step .col33 img, .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 img, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 img, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 img, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 img, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 img, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 img, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #cyo_step .col33 img, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 img { margin-top: -75px; width: 51%; } .categorypath-create-your-own-engagement-ring #category-pages #advice .col33 img, .categorypath-create-your-own-stud-earrings #category-pages #advice .col33 img, .categorypath-create-your-own-solitaire-pendant #category-pages #advice .col33 img, .categorypath-create-your-own-3-stone-ring #category-pages #advice .col33 img, .categorypath-create-your-own-5-stone-ring #category-pages #advice .col33 img, .categorypath-create-your-own-3-stone-pendant #category-pages #advice .col33 img, .categorypath-create-your-own-5-stone-pendant #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages #advice .col33 img, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages #advice .col33 img { height: auto; margin-top: -140px; width: 45%; } } @media screen and (max-width:568px){ .mobPod{display:block} .noMob{display:none !important} #breadcrumbs{display:none} /*#checkout-stages{display:none}*/ #cat-special h2{font-size:1.8em !important} #cat-special h2 span{padding:0 2px} #cat-special .special-container{height:auto !important} #cat-special .special-container .slide{display:block;height:auto !important;position:relative !important} #cat-special .special-container .slide h3{display:block;color:#464646;text-align:left} #cat-special .special-container .slide ul.extras{margin:10px 0 !important} #cat-special .special-container .slide ul.extras li{width:80% !important;margin:15px 0;padding:10px 0} #cat-special .five-star{padding:20px} #cat-special .col66{margin:0;width:100%} #cat-special h3{text-transform:none;font-size:1.2em} body{background:#fff;} #header .search-box{width:70%;font-size:1.1em} #header .logo-row .col25{display:none} #header .logo-row .col50{width:100%;margin:0} #header .logo-row .col50 .smallSearch{display:none;width:100%} #header .logo-row .col50 .smallSearch #search_mini_form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%} #header .logo-row .col50 .smallSearch #search_mini_form .search-input{width:86%} #header .logo-row .col50 .userMob p{display:block;font-size:1.2em;margin:0} #header .logo-row .col50 img{margin-bottom:15px} #header .logo-row .strapline p{display:none} #header .logo-row .strapline .mobPods a{display:inline-block} #header .logo-row .icon-phone,#header .logo-row .icon-search,#header .logo-row .mobBasket,#header .logo-row .icon-wishlist,#header .logo-row .icon-user{font-size:2em;padding:0;display:inline-block;width:15%;cursor:pointer} #header .logo-row .icon-basket{font-size:1.05em;padding:0;padding-left:10px;display:block} #header .logo-row .icon-wishlist{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;font-size:2em;padding-right:0} #header .logo-row a:hover{text-decoration:none} #header #navigation ul.nav-ul{max-height:inherit; background-color: #fff; padding-top: 10px;} #header #navigation ul.nav-ul > li{width:100%; margin-bottom: 10px; background-color: #EEECE7; padding: 0px;} #header #navigation ul.nav-ul > li h4{text-align:left;font-size:1.1em; padding: 5px 0 5px 20px;} #header #navigation ul.nav-ul > li h4 a{height:auto;overflow:visible;padding:0; float: left;} #header #navigation ul.nav-ul li .sub-menu{height:auto; background: none; } #header #navigation ul.nav-ul li .sub-menu .row{height:auto;overflow:hidden;padding:20px 0} #header #navigation ul.nav-ul li .sub-menu .row .col18,#header #navigation ul.nav-ul li .sub-menu .row .col20,#header #navigation ul.nav-ul li .sub-menu .row .col25,#header #navigation ul.nav-ul li .sub-menu .row .col33,#header #navigation ul.nav-ul li .sub-menu .row .col40,#header #navigation ul.nav-ul li .sub-menu .row .col45,#header #navigation ul.nav-ul li .sub-menu .row .col50,#header #navigation ul.nav-ul li .sub-menu .row .col55,#header #navigation ul.nav-ul li .sub-menu .row .col60,#header #navigation ul.nav-ul li .sub-menu .row .col66,#header #navigation ul.nav-ul li .sub-menu .row .col75,#header #navigation ul.nav-ul li .sub-menu .row .col80,#header #navigation ul.nav-ul li .sub-menu .row .col100{margin-left:0;float:left;min-height:1px;width:100%} #header #navigation ul.nav-ul li .sub-menu .row:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"."} #header #navigation .menuStatus { display: block; float: right; position: relative; right: 20px; text-indent: -9999px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/arrows/menu.png') no-repeat; display: inline-block; top: 12px; width: 13px; height: 21px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #header #navigation .menuStatus.dopen { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #header #navigation ul.nav-ul li.active{background:#fff;} #header #navigation ul.nav-ul li.active .sub-menu{height:auto;border-bottom:solid 1px #000;position:relative} #header #navigation ul.nav-ul li.active .sub-menu a{color:#464646} #header #navigation ul.nav-ul li.active .sub-menu .col50,#header #navigation ul.nav-ul li.active .sub-menu .col25,#header #navigation ul.nav-ul li.active .sub-menu .col20,#header #navigation ul.nav-ul li.active .sub-menu .col18{width:95%;margin:0 auto;float:none} #header #navigation ul.nav-ul li.active .sub-menu ul{margin:0} #header #navigation ul.nav-ul li.active .sub-menu li{border:0 !important;width:100% !important;line-height:2em !important;float:none !important;margin:10px 0} #header #navigation ul.nav-ul li.active .sub-menu li a{display:inline-block;width:90%} #header #navigation #menuHeader{line-height:60px;font-size:1.5em;margin:0 !important;padding-left:15px;display:block} #header #navigation #menuHeader.active{background:#ffede3} #header #navigation #menuHeader .icon-reorder{float:right;line-height:60px;font-size:1.3em} #body .merchandising-pods .col33{width:100%;margin:0} #body .merchandising-pods .col33 h5{text-align:left;line-height:70px;vertical-align:middle;padding-left:30px;border-bottom:solid 1px #000;margin:0} #body .merchandising-pods .col33 h5:before{color:#ffaf8a;font-family:'vashicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;padding-right:15px;font-size:.7em;content:"\0068"} #body .merchandising-pods .best-seller-pod{display:none} #body.homepage #hp-banner{height:290px} #body.homepage #hp-banner .control,#body.homepage #hp-banner .playPause,#body.homepage #hp-banner .tabs{display:none} #body.homepage #hp-banner .price-comparison{padding:0;background-position:bottom left;background-size:80%} #body.homepage #hp-banner .price-comparison h2{width:100%;text-align:center} #body.homepage #hp-banner .price-comparison p,#body.homepage #hp-banner .price-comparison a.button{display:none} #body.homepage .merchandising-pods{margin-top:0} #body.homepage .merchandising-pods .merch{margin:15px auto} #body.homepage .merchandising-pods .merch h3{padding:0 10px} #body.productList .prod-head.cyo-message{display:none} #body.productList .prod-head h1{line-height:1em} #body.productList .prod-listing #diamond-list td .priceMob{display:block} #body.productList .prod-listing>h1{display:block} #body.productList .prod-listing .prod-name,#body.productList .prod-listing .price-point{display:block;font-size:1.3em;padding:0 3%} #body.productList .prod-listing .ratings{padding:0 3%} #body.productList .prod-listing .prod-views{float:left;border-bottom:solid 1px #000;text-align:center} #body.productList .prod-listing .prod-views .pnumbers{float:none} #body.productList .prod-listing .prod-views.pset,#body.productList .prod-listing .prod-sort.pset{width:49%;padding:10px 0 15px 0;line-height:32px} #body.productList .pset-bottom{float:none !important;border:0 !important} #body.productList .pset-bottom .mright{display:none} #body.productList ul.product-grid li{width:100%;margin:0;float:0} #body.productList ul.product-grid li div:first-child a{display:block;} #body.productPage .grad-fade{display:none} #body.productPage .col40,#body.productPage .col60{width:100%;margin:0;float:none} #body.productPage .review-center h4,#body.productPage .review-center p{width:50%} #body.productPage .attributes{font-size:1.2em;width:100%;padding:2% 0} #body.productPage h2.title{font-size:1.5em} #body.productPage .add-to-wrap .add-to-wrap{width:100%} #body.productPage .add-to-wrap .button{font-size:1.2em;width:100%} #body.productPage .accordion-content h3{font-size:1em} #body.productPage .accordion-content #customer-reviews .col50{width:100%;margin:10px 0;float:none} #body.productPage .accordion-content #customer-reviews .pnumbers{float:none !important;margin-bottom:10px;text-align:center} #body.productPage .accordion-content #customer-reviews .pnumbers.paging{font-size:1.4em} #body.productPage .change-diamond .change-diamond-popup ul{width:100%} #body.basket .basket-header{margin-bottom:0;padding-bottom:0} #body.basket .basket-header .col50{margin-top:0;margin-bottom:0;width:100% !important} #body.basket .basket-header h1{margin-top:0} #body.basket .basket-header .aright{text-align:center} #body.basket #shopping-cart-table th,#body.basket #shopping-cart-table td{padding:0} #body.basket .promo-pod{text-align:center;background:0;border-bottom:0} #body.basket .promo-pod #voucher .input-text{width:80px} #body.basket .promo-pod .grad-fade{margin:6% 0;width:80% !important} #body.basket .promo-pod .mod{margin:2% auto;width:80% !important;padding:1.5% 5%} #body.basket .promo-pod .mod h5{font-size:1.3em} #body.basket .promo-pod .mod p{padding-left:0 !important;font-size:.9em;text-align:center !important} #body.basket .promo-pod .col33,#body.basket .promo-pod .col66,#body.basket .promo-pod .col40,#body.basket .promo-pod .col20{margin-left:0;width:100% !important} #body.basket .promo-pod .last p{text-align:left;padding-left:6%} #body.basket .promo-pod select{font-size:1.2em;padding:5px 0;width:80%} #body.basket .gift-wrapping .col75{display:none} #body.basket .gift-wrapping .col25{margin:0;width:100% !important} #body.basket .gift-wrapping .col25 .free-del{margin-right:auto;margin-left:auto;width:135px} #body.basket .total-pod{padding:10px 0 0 0} #body.basket .total-pod .col50{width:100%} #body.basket .total-pod .col50:first-child{display:none} #body.basket .total-pod .price-pod{text-align:right} /* #body.basket .checkout-link{!*font-size:1.2em;*!margin:20px 0;width:100%}*/ #body.basket .mob-cont{display:block;border-top:solid 1px #c8c8c8;margin-top:15px;padding-top:10px;text-align:center;font-size:1.1em} #body.basket .basket-img{padding-right:10px;width:33%} #body.basket .basket-desc{width:55%;font-size:.9em} #body.basket .basket-remove{width:12%} #body.basket .basket-qty,#body.basket .basket-size,#body.basket .basket-price,#body.basket .basket-t-price{display:none} #body.basket .m-basket-qty,#body.basket .m-basket-size,#body.basket .m-basket-t-price{display:block} #body.basket .m-basket-t-price{font-size:1.6em} #body.checkout .col66{width:100%;margin:0;float:none} #body.checkout .returning{padding:15px 0 0 0;margin:15px 0} #body.checkout .returning h4{width:100%} #body.checkout .returning .button{float:none;font-size:1.2em;margin:20px 0;width:100%} #body.checkout .meanbee-address-selector select{width:56.5%} #body.checkout .onestepcheckout-coupons input{width:100px} #body.checkout .onestepcheckout-place-order-wrapper .button{float:none;font-size:1.2em;margin:20px 0;width:100%} #body.checkout #new_credit_card label{width:48%} #body.checkout #new_credit_card input{width:48%} #body.checkout #new_credit_card select{max-width:49%} #body.checkout .radiolabel{font-size:.8em} #body.checkout .radiolabel a{font-size:.85em;margin-left:10px} #body.checkout .csc{display:none} #body.checkout #secure{position:relative;min-height:145px} #body.checkout #secure .col50{width:100%;float:none;margin:0;position:absolute} #body.checkout #secure .col50:first-child{bottom:0} #body.checkout #secure .col50:last-child{top:0} #body.checkout #secure a.flat{width:80%;font-size:1.25em} /*#body .udetails label{width:35%}*/ /* #body .udetails input,#body .udetails textarea{width:55%}*/ /* #body .udetails select{max-width:57%}*/ #body .udetails .utickbox label,#body .udetails .utickbox input{width:inherit} #body .button.wide{float:none;font-size:1.2em !important;margin:20px 0;padding:.7em 0;width:100%} /*#body #category-pages .cat-bottom .col33{margin-right:0;margin-left:0;width:100%}*/ #body #checkout_form .textarea{width:98% !important} #body #checkout h2{font-size:1.4em} #body #checkout .col66{float:none} #body #checkout .col33{width:100%;float:none;margin:0} #body #checkout .correctbox .datepicker{margin-left:0} #body #checkout .gift-wrap{background:0;text-align:left} #body #checkout .mobPod p{color:#464646} #body #as-featured .news-list{height:90px;overflow:hidden} #body .learn-about-vashi{display:none} #body .cat-head .col33{height:168px} #body .cat-head .col66{width:100%} #body .cat-head .col66 h2{margin:auto;padding:10px} #footer article{padding:0} #footer .links .mail{text-align:center} #footer .links .mail .email-label{display:none} #footer .links .col25{width:100%} #footer .links .col75{display:none} #footer .links h4{line-height:60px} #footer .links .social-container a{display:inline-block;font-size:1.2em} #footer .logos{display:none} .sendfriend-product-send .col66{float:none;width:100%} .sendfriend-product-send .col66 .button{font-size:1.2em;margin:10px 0;width:100%} .ourStory .event .event-text,.craftsmanship .event .event-text{width:100%;float:none} .ourStory .event .event-text p,.craftsmanship .event .event-text p{width:100%} .ourStory .event{height:auto;border:0;background:url('http://dm.platinumdiamonds.co.uk/templates/diamondmanufacturers.co.uk/_images/our-story/story-mob-line.png') repeat-y center center transparent !important} .ourStory .event .event-text{text-align:center;padding:25px 0} .ourStory .event .event-text h3{background:#ffede3} .ourStory .event .event-text p{background:#fff} .ourStory .event.e2013 .event-text{padding-bottom:0 !important} .ourStory .event.e2013 .event-text p{margin-bottom:0 !important} .ourStory .grid div{border-top:solid 1px #000 !important;border-bottom:0 !important;width:100% !important;min-height:1px;line-height:3.5em} .ourStory .grid div h4{margin:0} .ourStory li.block-link{line-height:1em !important;padding:20px 0 !important} .craftsmanship h1{line-height:1em;padding-bottom:20px} .craftsmanship h2.additional-services{line-height:1em} .craftsmanship .event{background-size:20% !important;background-position:20px 10px !important;height:auto} .craftsmanship .event .event-text{padding:20px 2.5%;width:95%} .craftsmanship .event h2{padding-left:125px;width:60%;font-size:1.25em} .craftsmanship .event.workshop{color:#464646;margin-bottom:25px} .craftsmanship .event.workshop h2,.craftsmanship .event.workshop p{color:#464646} .craftsmanship ul.additional-services li{width:100%;border:0;margin:0;padding:20px 0;border-top:solid 1px #000;min-height:1px} #category-pages .hero .col66{width:100% !important} #category-pages .hero .col66 h1,#category-pages .hero .col66 p{float:none !important;width:100% !important} #category-pages .hero .col66 .button{font-size:1.2em;padding:.7em 0;width:100%} #category-pages .hero .col66 .or{display:block;padding:10px;text-align:center} body.cms-guidance-centre #category-pages .col50,body.cms-guidance-centre #category-pages .col25{width:99.6% !important;margin:10px 0 0 0} body.cms-guidance-centre #category-pages .row{margin:0} #members .col33,.checkout-onepage-success .col33,#members .col66,.checkout-onepage-success .col66,#members .col50,.checkout-onepage-success .col50{margin-right:0;margin-left:0;width:100%} #members .col33.product-img-box img,.checkout-onepage-success .col33.product-img-box img,#members .col66.product-img-box img,.checkout-onepage-success .col66.product-img-box img,#members .col50.product-img-box img,.checkout-onepage-success .col50.product-img-box img{height:auto;width:100%} #members .data-table thead th,.checkout-onepage-success .data-table thead th,#members .data-table td,.checkout-onepage-success .data-table td{white-space:normal} #members .col2-set .col-1,.checkout-onepage-success .col2-set .col-1,#members .col2-set .col-2,.checkout-onepage-success .col2-set .col-2{margin-right:0;width:100%} #members .pager-wrap .col50,.checkout-onepage-success .pager-wrap .col50{float:none;margin-left:0;width:100%} #members .pager-wrap ul.pnumbers,.checkout-onepage-success .pager-wrap ul.pnumbers{float:none;margin-bottom:10px;text-align:center} #members .title-buttons h1,.checkout-onepage-success .title-buttons h1{float:none;margin-bottom:10px} #members .title-buttons .title-btn-holder,.checkout-onepage-success .title-buttons .title-btn-holder{float:none;margin:0} #members .buttons-set a,.checkout-onepage-success .buttons-set a{margin-left:0} #members .buttons-set input,.checkout-onepage-success .buttons-set input{margin-left:0} #members #wishlist-table th:first-child,.checkout-onepage-success #wishlist-table th:first-child,#members #wishlist-table td:first-child,.checkout-onepage-success #wishlist-table td:first-child{display:none} .template_404{width:100% !important} .template_404 .col40,.template_404 .col60{width:100%} .template_404 img{margin-bottom:20px} #onestepcheckout-login-popup{width:100% !important} #onestepcheckout-login-popup .input-text{width:110px !important} #onestepcheckout-login-popup .onestepcheckout-popup-contents{margin:0 10px} #high-street-comparison .how-we-work,#high-street-comparison .simple-clear-pricing,#high-street-comparison .pg-footer{padding:0} #high-street-comparison article.hero{background:0;height:auto !important;padding-bottom:15px} #high-street-comparison article.hero h2{padding-top:15px;width:80%;font-size:2.2em;margin:0 auto} #high-street-comparison article.hero h4{width:75%;margin:10px auto} #high-street-comparison article.hero .col60{width:100%} #high-street-comparison .d-rings,#high-street-comparison .d-earrings,#high-street-comparison .d-pendants,#high-street-comparison .d-wedding{width:100% !important;padding:14px 0 !important;margin-bottom:15px !important} #high-street-comparison .d-rings p,#high-street-comparison .d-earrings p,#high-street-comparison .d-pendants p,#high-street-comparison .d-wedding p,#high-street-comparison .d-rings ul.arrow-list,#high-street-comparison .d-earrings ul.arrow-list,#high-street-comparison .d-pendants ul.arrow-list,#high-street-comparison .d-wedding ul.arrow-list{padding-left:15px !important} #high-street-comparison .d-rings ul.arrow-list,#high-street-comparison .d-earrings ul.arrow-list,#high-street-comparison .d-pendants ul.arrow-list,#high-street-comparison .d-wedding ul.arrow-list{font-size:1.1em} #high-street-comparison p.cheaper{display:block !important} #high-street-comparison .how-we-compare{background:0} #high-street-comparison .how-we-compare .col50{margin:0} #high-street-comparison .how-we-compare .d-rings h3,#high-street-comparison .how-we-compare .d-earrings h3,#high-street-comparison .how-we-compare .d-pendants h3,#high-street-comparison .how-we-compare .d-wedding h3{width:70%} #high-street-comparison .how-we-compare .d-rings h3,#high-street-comparison .how-we-compare .d-earrings h3,#high-street-comparison .how-we-compare .d-pendants h3,#high-street-comparison .how-we-compare .d-wedding h3,#high-street-comparison .how-we-compare .d-rings p,#high-street-comparison .how-we-compare .d-earrings p,#high-street-comparison .how-we-compare .d-pendants p,#high-street-comparison .how-we-compare .d-wedding p,#high-street-comparison .how-we-compare .d-rings ul.arrow-list,#high-street-comparison .how-we-compare .d-earrings ul.arrow-list,#high-street-comparison .how-we-compare .d-pendants ul.arrow-list,#high-street-comparison .how-we-compare .d-wedding ul.arrow-list{padding-left:10px} #high-street-comparison .how-we-compare p{text-align:center} #high-street-comparison .how-we-compare p.percent,#high-street-comparison .how-we-compare p.cheaper{display:inline-block;padding-left:10px} #high-street-comparison .how-we-compare .more-details h3{display:block;width:100%} #high-street-comparison .how-we-compare .more-details .last-performed{display:none} #high-street-comparison .how-we-compare div.grey{color:#000;background:#f1f1f1} #high-street-comparison .how-we-compare h2{font-size:1.9em;background-position:0 5px} #high-street-comparison .how-we-compare h2 span{display:inline-block;width:60%} #high-street-comparison .how-we-compare .col50{width:100%;float:none;margin-right:0} #high-street-comparison .how-we-work{padding-top:0} #high-street-comparison .how-we-work .mobPod{display:block !important} #high-street-comparison #comp-data{display:none} #high-street-comparison #comp-data-mob{display:block;font-size:.8em} #high-street-comparison #comp-data-mob div{padding:15px} #high-street-comparison #comp-data-mob h3{font-size:1.6em} #high-street-comparison #comp-data-mob p{font-size:1em;text-align:left !important} #high-street-comparison .simple-clear-pricing,#high-street-comparison .pg-footer{display:none} #high-street-comparison .more-details p{text-align:left !important} #high-street-comparison #comp-data-mob{margin-bottom:10px} #high-street-comparison #comp-data-mob .expandInfo{display:none;padding:0} #high-street-comparison #comp-data-mob .expandInfo p{margin:15px 0} #high-street-comparison #comp-data-mob .expandInfo a{text-decoration:underline !important} #high-street-comparison #comp-data-mob .closeInfo{display:block;text-align:right} #guidance-centre .header-img{float:none;margin:10px 0;width:100%} #guidance-centre .header-img img{height:auto;width:100%}apa .categorypath-create-your-own-engagement-ring #category-pages .hero .col66, .categorypath-create-your-own-stud-earrings #category-pages .hero .col66, .categorypath-create-your-own-solitaire-pendant #category-pages .hero .col66, .categorypath-create-your-own-3-stone-ring #category-pages .hero .col66, .categorypath-create-your-own-5-stone-ring #category-pages .hero .col66, .categorypath-create-your-own-3-stone-pendant #category-pages .hero .col66, .categorypath-create-your-own-5-stone-pendant #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .hero .col66, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .hero .col66 { float: none; text-align: left; } .categorypath-create-your-own-engagement-ring #category-pages .mod, .categorypath-create-your-own-stud-earrings #category-pages .mod, .categorypath-create-your-own-solitaire-pendant #category-pages .mod, .categorypath-create-your-own-3-stone-ring #category-pages .mod, .categorypath-create-your-own-5-stone-ring #category-pages .mod, .categorypath-create-your-own-3-stone-pendant #category-pages .mod, .categorypath-create-your-own-5-stone-pendant #category-pages .mod, .categorypath-erstelle-dein-eigenen-verlobungsring #category-pages .mod, .categorypath-erstelle-dein-eigenen-ohrstecker #category-pages .mod, .categorypath-erstelle-dein-eigenen-solitaire-anhaenger #category-pages .mod, .categorypath-erstelle-dein-eigenen-3-stein-ring #category-pages .mod, .categorypath-erstelle-dein-eigenen-5-stein-ring #category-pages .mod, .categorypath-erstelle-dein-eigenen-3-stein-anhaenger #category-pages .mod, .categorypath-erstelle-dein-eigenen-5-stein-anhaenger #category-pages .mod { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0; width: 100%; } ul.accordion ul.prev-viewed li{float:none;width:100%;margin-right:0;margin-bottom:40px} ul.accordion ul.prev-viewed li img{height:auto;width:100%} ul.accordion ul.prev-viewed li p a{font-size:1.4em} #block-layered-nav-left{padding-left:0} .productquestions-index-index .col66,.productquestions-index-index .col33{float:none;margin:0;width:100%} .row .colMob{float:none;margin:0;width:100%} .remember-me-popup{margin:-85px 0 0 -125px;width:250px} .remember-me-popup .button{padding:.7em 0 .65em;width:100%} .navHead{border-bottom:solid 1px #000;cursor:pointer;margin-bottom:0;padding:3% 0} .allow_cookies{font-size:14px;line-height:17px;padding:12px 0 16px} .allow_cookies form{text-align:center;margin-top:14px} } /*----------------------------------------------------------- [Contents] This is the contents section to help us navigate through this style sheet. We should also separate the stylesheets and export them. $_media_max_width_479 $_media_max_width_568 ------------------------------------------------------------*/ #category-pages .cat-bottom .wrapper { padding: 0px 5%; } #ribbon2 { position: absolute; top: 185px; margin-left: 790px; } #gc_header { width:100%; height:162px; font-size:36px; padding-top:30px; padding-left:30px; } #gc_header_proposal { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page41_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_dos { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page36_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_think { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page37_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_internet { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page22_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_trust { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page39_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_dreams { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page40_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_size { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page42_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_engrav { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page44_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_insure { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page45_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_care { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page46_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_gift { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page47_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_buy { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page48_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_pendants_guide { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page49_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_earrings_guide { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page50_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_buy_wedding { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page51_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_anniversary_ring { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page52_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_hper { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page54_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htbero { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page55_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htberob { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page57_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htdyrb { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page58_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htfadr { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page59_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htcyorfap { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page60_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htcyorws { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page61_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htcyer { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page62_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htmdlltii { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page63_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htidi { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page65_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htadq { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page64_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htbaenr { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page66_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_htbaenrr { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page67_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_tobcer { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page70_header.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_five { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page71_header.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_mideas { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page72_header.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_platinum { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page77_header.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_white { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page78_header.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_yellow { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page79_header.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_ggg { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page81_header.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_val { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page82_header.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_kont { width:99.7%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/experts/experts-on-call.jpg') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_proposal h1, #gc_header_dos h1, #gc_header_think h1, #gc_header_pitfals h1, #gc_header_trust h1, #gc_header_dreams h1, #gc_header_size h1, #gc_header_engrav h1, #gc_header_insure h1, #gc_header_care h1, #gc_header_gift h1, #gc_header_buy h1, #gc_header_pendants_guide h1, #gc_header_earrings_guide h1, #gc_header_buy_wedding h1, #gc_header_anniversary_ring h1, #gc_header_hper h1, #gc_header_htbero h1, #gc_header_htberob h1, #gc_header_htdyrb h1, #gc_header_htfadr h1, #gc_header_htcyorfap h1, #gc_header_htcyorws h1, #gc_header_htcyer h1, #gc_header_htmdlltii h1, #gc_header_htidi h1, #gc_header_htadq h1, #gc_header_htbaenr h1, #gc_header_htbaenrr h1, #gc_header_tobcer h1, #gc_header_five h1, #gc_header_mideas h1, #gc_header_platinum h1, #gc_header_white h1, #gc_header_yellow h1, #gc_header_ggg h1, #gc_header_val h1, #gc_header_kont h1, #gc_header_diamondshape h1, #gc_header_history h1, #gc_header_invest h1, #gc_header_internet h1 { font-size:36px; display:block; padding-left:3%; width:70%; } .spacing { margin: 10px; float: right; } #gc_header_diamondshape { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page1_header.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_history { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page18_image1.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_invest { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page19_image1.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } #gc_header_bdsr { width:100%; height:162px; background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/raww/Page48_headerimg.png') no-repeat; background-position: right top; border-width:1px; border-color:#CCC; border-style:solid; } .spacing2 { float: left; } #line_sep { width:100%; height:72px; display:block; } .spacing2_colour { padding-top:6%; } .template_404 { margin: 3% auto 3% auto; width: 80%;} .errr { width:70%; float:right;} .logo404 { text-align:center; width:100%; margin-bottom:3%;} .cat_hero_pendants { margin-top:-3%; margin-right:-14%;} .cat_hero_cyo_engag { margin-top:-5%; margin-left:-12%;} .cat_hero_diamonds { margin-top:-6%; } #studs_wbfu { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/cyo/studs/CYO_category_studs_advice_2.png') no-repeat; background-position: right top; } #pendants_wbfu { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/cyo/pendants/wbfu.jpg') no-repeat; background-position: right top; } #engagement_wbfu { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/cyo/engagement/wbfu.jpg') no-repeat; background-position: right top; } #wedding_wbfu { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/cyo/wedding/wbfu.jpg') no-repeat; background-position: right top; } #eternity_wbfu { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/cyo/eternity/wbfu.jpg') no-repeat; background-position: right top; } #diamonds_wbfu { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/cyo/diamonds/wbfu.jpg') no-repeat; background-position: right top; } #cyo_step { text-align:left; } #cyo_guide { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/cyo/cyo_engagement/guide.jpg') no-repeat; background-position: right top; } #pod1, #pod2, #pod3, #podcyoring_y, #podcyoring, #podpresetrings_y, #podbespoke_y, #podcyopendant, #podcyoearrings, #podcyostudearrings, #podpresetstud, #podearringsguide, #podpresetrings, #podringsguide, #podwedding, #podearrings, #podnecklaces, #podcyop, #podprsolpen, #podsoloenguide, #podhelp, #podlearndiamonds, #podbespoke, #podqmark, #podhomeer, #podhomeds, #podhomedj, #podhomedp {color: #fff;width: 33%; height: 160px; float: left; position: relative;} #pod1 span, #pod2 span, #pod3 span, #podcyoring span, #podcyoring_y span, #podpresetrings_y span, #podbespoke_y span, #podcyopendant span, #podcyoearrings span, #podcyostudearrings span, #podpresetstud span, #podearringsguide span, #podpresetrings span, #podringsguide span, #podwedding span, #podearrings span, #podnecklaces span, #podcyop span, #podprsolpen span, #podsoloenguide span, #podhelp span, #podlearndiamonds span, #podbespoke span, #podqmark span, #podhomeer span, #podhomeds span, #podhomedp span, #podhomedj span {color: #fff; position: absolute; left:10%; top:83%; font-weight: bold;font-size: 12px;} #pod1 span, #pod2 span, #pod3 span { top: 71%!important; font-size: 1em!important; left: 7%; } #pod122 span, #pod222 span, #pod322 span {color: #fff; position: absolute; left:10%; top:73%; font-weight: bold;font-size: 12px;} #pod1:hover, #pod2:hover, #pod3:hover, #podcyoring:hover, #podcyopendant:hover, #podcyoearrings:hover, #podcyoring_y:hover, #podpresetrings_y:hover, #podbespoke_y:hover, #podcyostudearrings:hover, #podpresetstud:hover, #podearringsguide:hover, #podpresetrings:hover, #podringsguide:hover, #podwedding:hover, #podearrings:hover, #podnecklaces:hover, #podcyop:hover, #podprsolpen:hover, #podsoloenguide:hover, #podhelp:hover, #podlearndiamonds:hover, #podbespoke:hover, #podqmark:hover, #podhomeer:hover, #podhomeds:hover, #podhomedp:hover, #podhomedj:hover {color: #fff; text-decoration: none; } #stripcontent .homelinks a {display: inline;} #stripcontent .homelinks a:hover {background-color: transparent; text-decoration: underline;} #stripbuttons #pod2 {margin: 0 0.5%;} #stripcontent div {padding-left: 0;width: 30%; margin-top: 0px; margin-left:1%; float:left; text-align:left; margin-bottom:2%; } #stripcontent div.middlecontent { margin: 0px 18px 0 27px;} .guidanceshape {background: url(/images/backgrounds/guideshape.jpg) no-repeat;} .guidancecarat {background: url(/images/backgrounds/guidancecarat.jpg) no-repeat;} .guidancecut {background: url(/images/backgrounds/guidecut.jpg) no-repeat;} .guidancecolour {background: url(/images/backgrounds/guidecolour.jpg) no-repeat;} .guidanceclarity {background: url(/images/backgrounds/guideclarity.jpg) no-repeat;} .guidancecert {background: url(/images/backgrounds/guidecertificate.jpg) no-repeat;} .guidancefaq {background: url(/images/backgrounds/guidefaqs.jpg) no-repeat;} .guidancetips {background: url(/images/backgrounds/guidetips.jpg) no-repeat;} .guidancecare {background: url(/images/backgrounds/guidecare.jpg) no-repeat;} .guidanceinsurance{background: url(/images/backgrounds/guideinsurance.jpg) no-repeat;} .guidancearticles {background: url(/images/backgrounds/guidearticles.jpg) no-repeat;} .guidancehowto {background: url(/images/backgrounds/howto.jpg) no-repeat;} .guidancetipssolitairering {background: url(/images/backgrounds/guidancetipssolitairering.jpg) no-repeat;} #stripbuttons .guidancetipssolitairering span {top:73%;} .guidancetipsstudearrings {background: url(/images/backgrounds/guidancetipsstudearrings.jpg) no-repeat;} #stripbuttons .guidancetipsstudearrings span {top:73%;} .guidancetipspendants {background: url(/images/backgrounds/guidancetipspendants.jpg) no-repeat;} #stripbuttons .guidancetipspendants span {top:73%;} .guidancetipstrust {background: url(/images/backgrounds/guidancetipstrust.jpg) no-repeat;} #stripbuttons .guidancetipstrust span {top:73%;} .guidancetipsringofdreams {background: url(/images/backgrounds/guidancetipsringofdreams.jpg) no-repeat;} #stripbuttons .guidancetipsringofdreams span {top:73%;} .guidancetipsmostpopular {background: url(/images/backgrounds/guidancetipsmostpopular.jpg) no-repeat;} #stripbuttons .guidancetipsmostpopular span {top:73%;} .guidancetipsmarriageproposal {background: url(/images/backgrounds/guidancetipsmarriageproposal.jpg) no-repeat;} #stripbuttons .guidancetipsmarriageproposal span {top:73%;} .guidancetipsbuyengageonline {background: url(/images/backgrounds/guidancetipsbuyengageonline.jpg) no-repeat;} #stripbuttons .guidancetipsbuyengageonline span {top:73%;} .guidancetipscommonmistakes {background: url(/images/backgrounds/guidancetipscommonmistakes.jpg) no-repeat;} #stripbuttons .guidancetipscommonmistakes span {top:73%;} .guidancetipsgiftgiving {background: url(/images/backgrounds/guidancetipsgiftgiving.jpg) no-repeat;} #stripbuttons .guidancetipsgiftgiving span {top:127px;} .guidancetipsfrompicture {background: url(/images/backgrounds/guidancetipsfrompicture.jpg) no-repeat;} #stripbuttons .guidancetipsfrompicture span {top:73%;} .guidancetipsdiamondquality {background: url(/images/backgrounds/guidancetipsdiamondquality.jpg) no-repeat;} #stripbuttons .guidancetipsdiamondquality span {top:73%;} .guidancetipsmoneysaving {background: url(/images/backgrounds/guidancetipsmoneysaving.jpg) no-repeat;} #stripbuttons .guidancetipsmoneysaving span {top:73%;} .guidancetipsbuyingcustom {background: url(/images/backgrounds/guidancetipsbuyingcustom.jpg) no-repeat;} #stripbuttons .guidancetipsbuyingcustom span {top:73%;} .guidancetipsmetalplat {background: url(/images/backgrounds/guidancetipsmetalplat.jpg) no-repeat;} #stripbuttons .guidancetipsmetalplat span {top:73%;} .guidancetipsmetalwg {background: url(/images/backgrounds/guidancetipsmetalwg.jpg) no-repeat;} #stripbuttons .guidancetipsmetalwg span {top:73%;} .guidancetipsmetalyg {background: url(/images/backgrounds/guidancetipsmetalyg.jpg) no-repeat;} #stripbuttons .guidancetipsmetalyg span {top:73%;} .guidancetipsexclusive {background: url(/images/backgrounds/guidancetipsexclusive.jpg) no-repeat;} #stripbuttons .guidancetipsexclusive span {top:73%;} .guidancetipsdiamondgiftguide {background: url(/images/backgrounds/guidancetipsdiamondgiftguide.jpg) no-repeat;} #stripbuttons .guidancetipsdiamondgiftguide span {top:127px;} .guidancetipsimitiation {background: url(/images/backgrounds/guidancetipsimitiation.jpg) no-repeat;} #stripbuttons .guidancetipsimitiation span {top:73%;} .guidancetipspitfalls {background: url(/images/backgrounds/guidancetipspitfalls.jpg) no-repeat;} #stripbuttons .guidancetipspitfalls span {top:73%;} .guidancetipshowtopurchase {background: url(/images/backgrounds/guidancetipshowtopurchase.jpg) no-repeat;} #stripbuttons .guidancetipshowtopurchase span {top:73%;} .quicklook_details_thumbs_container {margin-left: 50px;} .quicklook_details_thumbs_container ul { margin: 0; padding:0;} .quicklook_details_thumbs_container ul li { display: inline; list-style-type: none; width: 116px; margin: 0 2px 2px 0; padding:0;} #thumbs .quicklook_details_thumbs_pagination_container .next {left: 183px;} .guidancetipslooklarger {background: url(/images/backgrounds/guidancetipslooklarger.jpg) no-repeat;} .guidancetipslooklarger span {top:73%;} .guidancetipslooklarger_a {background: url(/images/backgrounds/guidancetipslooklarger_a.jpg) no-repeat;} #stripbuttons .guidancetipslooklarger_a span {top:73%;} .guidancetipsethical {background: url(/images/backgrounds/guidancetipsethical.jpg) no-repeat;} #stripbuttons .guidancetipsethical span {top:73%;} .guidancetipsfinance {background: url(/images/backgrounds/guidancetipsfinance.jpg) no-repeat;} #stripbuttons .guidancetipsfinance span {top:73%;} .guidancetipswhybuy {background: url(/images/backgrounds/guidancetipswhybuy.jpg) no-repeat;} #stripbuttons .guidancetipswhybuy span {top:73%;} .guidancetipsthinkabout {background: url(/images/backgrounds/guidancetipsthinkabout.jpg) no-repeat;} #stripbuttons .guidancetipsthinkabout span {top:73%;} .guidancetipsbuyonbudget {background: url(/images/backgrounds/guidancetipsbuyonbudget.jpg) no-repeat;} #stripbuttons .guidancetipsbuyonbudget span {top:73%;} .guidancetipsdecideonbudget {background: url(/images/backgrounds/guidancetipsdecideonbudget.jpg) no-repeat;} #stripbuttons .guidancetipsdecideonbudget span {top:73%;} .guidancetipspreproposal {background: url(/images/backgrounds/guidancetipspreproposal.jpg) no-repeat;} #stripbuttons .guidancetipspreproposal span {top:73%;} .guidancetipsmostromantic {background: url(/images/backgrounds/guidancetipsmostromantic_a.jpg) no-repeat;} #stripbuttons .guidancetipsmostromantic span {top:73%;} .guidancetipshowtocreatedwr {background: url(/images/backgrounds/guidancetipshowtocreatedwr.jpg) no-repeat;} #stripbuttonstwo .guidancetipshowtocreatedwr span {top:73%;} .guidancetipshowtocreatews {background: url(/images/backgrounds/guidancetipshowtocreatews.jpg) no-repeat;} #stripbuttonstwo .guidancetipshowtocreatews span {top:73%;} .guidancetipshotspots {background: url(/images/backgrounds/guidancetipshotspots_a.jpg) no-repeat;} #stripbuttons .guidancetipshotspots span {top:73%;} .guidancetipsothermetals {background: url(/images/backgrounds/guidancetipsothermetals.jpg) no-repeat;} #stripbuttonstwo .guidancetipsothermetals span {top:73%;} .guidancetipsfinishes {background: url(/images/backgrounds/guidancetipsfinishes.jpg) no-repeat;} #stripbuttonstwo .guidancetipsfinishes span {top:73%;} .guidancetipsweddingrings {background: url(/images/backgrounds/guidancetipsweddingrings.jpg) no-repeat;} #stripbuttonstwo .guidancetipsweddingrings span {top:81%;} .guidancetipsanniversary {background: url(/images/backgrounds/guidancetipsanniversary.jpg) no-repeat;} #stripbuttonstwo .guidancetipsanniversary span {top:81%;} #stripcontenttwo div {margin:3%; padding-left:0; width:44%; text-align:left; margin-top:1%;} #stripcontenttwo div {float:left;margin-bottom:5%;} #stripcontent a, #stripcontenttwo a { font-family: 'questrial',Arial,Helvetica,sans-serif; font-size: 1.3em; display: inline;} #stripbuttonstwo a {width: 48%; margin-top:2%;} #stripbuttonstwo a span {text-transform: uppercase; text-decoration: none;} #stripbuttonstwo a {text-decoration: none!important;} .guidancetipsweddingrings, .guidancetipsmostromantic, .guidancetipshowtocreatedwr {margin-right: 3%;} .guidetopleft { float: left; width: 320px; margin-right: 20px;} .guidetopright { float:right; width: 260px;} .homepod {float: left;} .ui-autocomplete { font-family: Arial, sans-serif; font-size: 1.1em; z-index:9000!important;} .ui-autocomplete { border: 1px solid #383735; background: #000; color: #000!important; padding: 10px 10px 10px 10px; width: 197px!important; margin: 0 0 0 2px; /margin-left: 86px!important;} .ui-autocomplete a { color: #fff!important; display: block; padding:3px!important;} .ui-autocomplete a:hover { text-decoration: none!important; background:#383735;} .questcyo {background: url(/images/backgrounds/threepodstandard.jpg) repeat-x; padding: 15px; margin-top:8px; width: 938px; height: 35px;} .glossary { background: #000000; padding: 20px; color: #ffffff;} ul.onpage_nav { width: 246px; margin: 0!important; padding:3px!important; color: #fff; float:left;background: #171717; border: 1px solid #312d29;} ul.onpage_nav li { line-height:17px; border-bottom: 1px dotted #393532; list-style-type: none!important; padding:0!important; margin:0!important;} ul.onpage_nav li li { border:none!important; padding-left: 10px;} ul.onpage_nav li ul { border:none!important; margin-left: 10px;} ul.onpage_nav li ul a { text-decoration: none!important; color: #ed7627!important; display: block;} ul.onpage_nav li li a:hover { text-decoration: none; color: #fff!important;} ul.onpage_nav li a { background:url(/images/template/breadcrumb.gif) no-repeat scroll center left; padding-left: 7px; display: block; color: #848484!important; text-decoration: none!important;} ul.onpage_nav ul li a:hover { width: 219px!important;} ul.onpage_nav a:hover { width: 239px!important; text-decoration: none; background:#202020 url(/images/template/breadcrumb.gif) no-repeat scroll center left; color: #fff!important;} .onpage_right { float:right; width: 680px;} .guidanceinvest{background: url(/images/backgrounds/guideinvesting.jpg) no-repeat;} .guidancewhyinternet{background: url(/images/backgrounds/guideinternet.jpg) no-repeat;} .guidanceinvest2{background: url(/images/backgrounds/guidehistory.jpg) no-repeat;} .guidanceproposal {background: url(/images/backgrounds/guideprepoposal.jpg) no-repeat;} #stripbuttons .guidanceproposal span {top:73%;} .guidanceengrav {background: url(/images/backgrounds/guideengraving.jpg) no-repeat;} #stripbuttons .guidanceengrav span {top:73%;} .guidancecaree {background: url(/images/backgrounds/guidecare.jpg) no-repeat;} #stripbuttons .guidancecaree span {top:73%;} .guidanceinsurance {background: url(/images/backgrounds/guideinsurance.jpg) no-repeat;} #stripbuttons .guidanceinsurance span {top:83%;} .guidancetipsbuyon {background: url(/images/backgrounds/guidehowpurchase.jpg) no-repeat;} #stripbuttons .guidancetipsbuyon span {top:73%;} .guidancetipssoft {background: url(/images/backgrounds/guidesoft.jpg) no-repeat;} #stripbuttons .guidancetipssoft span {top:73%;} #stripcontent2 div {width: 313px; float: left; padding-left: 3px; margin-bottom: 0px; height:200px;} #stripcontent2 div.middle_left {background: url(/images/backgrounds/new_category_left.jpg) no-repeat; } #stripcontent2 div.middle_left_ear {background: url(/images/backgrounds/new_category_left_earrings.jpg) no-repeat; } #stripcontent2 div.middle_left_pend {background: url(/images/backgrounds/new_category_left_pendants.jpg) no-repeat; } #stripcontent2 div.middle_left_rings {background: url(/images/backgrounds/new_category_left_rings.jpg) no-repeat; } #stripcontent2 div.middle_strip {margin: 0 8px; background: url(/images/backgrounds/new_category_middle.jpg) no-repeat;} #stripcontent2 div.middle_right {background: url(/images/backgrounds/new_category_right.jpg) no-repeat; } #stripcontent2 div.middle_right_diam {background: url(/images/backgrounds/new_category_diam_right.jpg) no-repeat; } #stripcontent2 div.middle_right_ear {background: url(/images/backgrounds/new_category_earrings_right.jpg) no-repeat; } #stripcontent2 div.middle_right_pend {background: url(/images/backgrounds/new_category_pend_right.jpg) no-repeat; } #stripcontent2 div.middle_left_hp {background: url(/images/backgrounds/hp1.jpg) no-repeat; margin-left: 6px;} #stripcontent2 div.middle_strip_hp {background: url(/images/backgrounds/hp2.jpg) no-repeat; margin-left: 6px; } #stripcontent2 div.middle_right_hp{background: url(/images/backgrounds/hp3.jpg) no-repeat; margin-left: 6px;} #stripcontent2 div.middle_left_cyo_ring1 {background: url(/images/backgrounds/new_category_crc_ring.jpg) no-repeat; } #stripcontent2 div.middle_strip_cyo_ring2 {background: url(/images/backgrounds/new_category_can_i_come.jpg) no-repeat; margin-left: 8px; } #stripcontent2 div.middle_right_cyo_ring3 {background: url(/images/backgrounds/new_category_how_is_my_ring_created.jpg) no-repeat; margin-left: 8px;} #stripcontent2 div.middle_left_gifts {background: url(/images/backgrounds/gifts1.jpg) no-repeat; } #stripcontent2 div.middle_strip_gifts {background: url(/images/backgrounds/gifts2.jpg) no-repeat; margin-left: 8px;} #stripcontent2 div.middle_right_gifts {background: url(/images/backgrounds/gifts3.jpg) no-repeat; margin-left: 8px;} #stripcontent2 div.middle_left_cyo_pend1 {background: url(/images/backgrounds/new_category_left_pendants.jpg) no-repeat; } #stripcontent2 div.middle_strip_cyo_pend2 {background: url(/images/backgrounds/new_category_can_i_pend3.jpg) no-repeat; margin-left: 7px; } #stripcontent2 div.middle_right_cyo_pend3 {background: url(/images/backgrounds/pend3.jpg) no-repeat; margin-left: 7px;} #stripcontent2 div.middle_left_cyo_ear1 {background: url(/images/backgrounds/earrings1.jpg) no-repeat; } #stripcontent2 div.middle_strip_cyo_ear2 {background: url(/images/backgrounds/earrings2.jpg) no-repeat; margin-left: 8px; } #stripcontent2 div.middle_right_cyo_ear3 {background: url(/images/backgrounds/earrings3.jpg) no-repeat; margin-left: 8px;} .guidancetipshowtocreatedwr_a {background: url(/images/backgrounds/guidancetipshowtocreatedwr_a.jpg) no-repeat;} #stripbuttonstwo .guidancetipshowtocreatedwr_a span {top:73%;} .guidancetipshowtocreatews_a {background: url(/images/backgrounds/guidancetipshowtocreatews_a.jpg) no-repeat;} #stripbuttonstwo .guidancetipshowtocreatews_a span {top:73%;} #guidetop { border: 1px solid #d2d2d2; padding: 0.5% 5% 5% 5%; background-color: #f5f5f5; margin-bottom:5%; } #whybuy { border: 1px solid #d2d2d2; background-color: #f5f5f5; text-align:center; padding:10px; margin-bottom:3%; margin-top:3%; } #fowhy { padding-top:3%; } #wid { width:50%; } .gc2 { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/gc2.jpg') no-repeat right bottom transparent; height:219px; margin-right:2.3%!important; width:48.6%!important; margin-bottom:2%; } .gc2 p { width: 70%; margin: 25px 0; } .gc3 { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/bguides.jpg') no-repeat center bottom transparent; } .gc4 { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/hints.jpg') no-repeat center bottom transparent; } .gc5 { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/metals.jpg') no-repeat center bottom transparent; } .gc6 { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/gifts.jpg') no-repeat center bottom transparent; } .gc7 { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/care.jpg') no-repeat center bottom transparent; } .gc8 { background:url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/choose.jpg') no-repeat center bottom transparent; } .gc3, .gc4, .gc5, .gc6, .gc7, .gc8 { position: relative; height: 219px; } .gc3 h4, .gc4 h4, .gc5 h4, .gc6 h4, .gc7 h4, .gc8 h4 { text-align: center; padding: 10px 0; margin: 0; } .gc3 .wrapper, .gc4 .wrapper, .gc5 .wrapper, .gc6 .wrapper, .gc7 .wrapper, .gc8 .wrapper { height: 100%; } .gc3 ul, .gc4 ul, .gc5 ul, .gc6 ul, .gc7 ul, .gc8 ul { position: absolute; bottom: 20px; width: 90%; } .gc3 ul li, .gc4 ul li, .gc5 ul li, .gc6 ul li, .gc7 ul li, .gc8 ul li { background: none!important; padding: 0!important; width: auto!important; text-align: center!important; } .gc3 p, .gc4 p, .gc5 p, .gc6 p, .gc7 p, .gc8 p { margin: 0; text-align: center; } #guidetop_less { border: 1px solid #d2d2d2; padding-left: 5%; background-color: #f5f5f5; margin-bottom:5%; } #category-pages .cat-bottom .wrapper { background:none; } .box-links > div { padding: 20px 5%; } .box-links h2 { margin-top: 0; } .box-grey > div { background-color: #f5f5f5; border: 1px solid #d2d2d2; } /*----- $_media_max_width_479 -----*/ @media screen and (max-width: 479px) { #gc_header_proposal h1, #gc_header_dos h1, #gc_header_think h1, #gc_header_pitfals h1, #gc_header_trust h1, #gc_header_dreams h1, #gc_header_size h1, #gc_header_engrav h1, #gc_header_insure h1, #gc_header_care h1, #gc_header_gift h1, #gc_header_buy h1, #gc_header_pendants_guide h1, #gc_header_earrings_guide h1, #gc_header_buy_wedding h1, #gc_header_anniversary_ring h1, #gc_header_hper h1, #gc_header_htbero h1, #gc_header_htberob h1, #gc_header_htdyrb h1, #gc_header_htfadr h1, #gc_header_htcyorfap h1, #gc_header_htcyorws h1, #gc_header_htcyer h1, #gc_header_htmdlltii h1, #gc_header_htidi h1, #gc_header_htadq h1, #gc_header_htbaenr h1, #gc_header_htbaenrr h1, #gc_header_tobcer h1, #gc_header_five h1, #gc_header_mideas h1, #gc_header_platinum h1, #gc_header_white h1, #gc_header_yellow h1, #gc_header_ggg h1, #gc_header_val h1, #gc_header_kont h1, #gc_header_diamondshape h1, #gc_header_history h1, #gc_header_invest h1, #gc_header_internet h1 { font-size:1.8em; display:block; padding-left:3%; width:90%; } #pod1 span, #pod2 span, #pod3 span { font-size: 0.73em !important; } } /*----- $_media_max_width_568 ----*/ @media screen and (max-width:568px) { #stripcontent, #stripcontenttwo { display: none; } #pod1, #pod2, #pod3, #stripbuttonstwo a { width: 65%; } .list-override .col33 { width: 100%; } .list-override .col33 .strip-image span { left: 4%; width: 50%; } .list-override .arrow-list { display: none; } #gc_header_trust h1 { width: 45%; font-size: 30px; } .box-links { width: 100% !important; } } .cms-centre-guide-tout-savoir-sur-les-diamants-forme #gc_header_diamondshape h1, .cms-centre-guide-conseils-d-experts #gc_header_kont h1 { width: 45%; } /*----------------------------------------------------------- [Contents] This is the contents section to help us navigate through this style sheet. We should also seperate the stylesheets and export them. $_Header $_Cookies_Banner $_Booking_Appointment_Popup $_boutique_page $_media_max_width_600 $_media_min_width_1024 $_media_max_width_1024 $_media_max_width_440 $_media_max_width_360 $_media_max_width_375 $_media_min_width_376_max_width_667 $_media_min_width_400_max_width_645 $_media_min_width_668 $_media_max_width_767 $_Book_Appointment_popup $_media_min_width_768 $_media_max_width_1010 $_media_max_width_1366 $_media_min_device_width_320_max_device_width_736 $_media_min_device_width_768_max_device_width_1024 $_media_min_device_width_768_max_device_width_1024_webkit_ratio_1 $_media_min_device_width_768_max_device_width_1024_webkit_ratio_2 $_media_max_width_479 $_media_max_device_width_480 $_various ------------------------------------------------------------*/ body, html { /*overflow-x: hidden; _NO__DOTCOMMA__AFTER__*/ -webkit-overflow-scrolling: touch; } .no-scroll{ height: 100%; overflow: hidden; } /*************** $_Header *****************************************************************/ #top-bar p { margin: 0 } #top-bar a:hover { text-decoration: underline } #top-bar fieldset a:hover { text-decoration: none } #navigation div.wrapper-block { padding: 0; max-width: 100%; width: 100%; } #body.productPage { max-width: none; margin: 0; padding: 0; } .ui-selectmenu-icon { background: none; top: 75%; left: 85%; border: solid rgba(0, 0, 0, 0); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #000; border-width: 5px; } /*---- $_media_max_width_600 ----*/ @media (max-width: 600px) { #cookie-message-container { position: fixed; top: 0; z-index: 9999; } .allow_cookies p { float: left; width: 80%; margin: 6px 0 5px; } #cookie-allow-button { margin-top: 10px; font-size: 30px; } } #header .logo-row.logged-in { padding: 0 0 13px 0; } .col66, .col50, .fieldset, #guidance-centre { margin-top: 0 } #navigation .small-icons .image-list li { margin-bottom: 5px } #navigation .image-list li > a #navigation .image-list li img { float: left; margin-right: 15px; } #navigation .sub-menu .row a img, #navigation .sub-menu li img, #navigation .sub-menu .row .col25 img { opacity: 0.8 } #navigation .sub-menu .row .col33 img { opacity: 0.8 } #navigation .sub-menu li:hover img, #navigation .sub-menu .row .col33:hover img, #navigation .sub-menu .row .col25:hover img { opacity: 1 } #navigation .sub-menu .top-create-your-own .col33:hover img { opacity: 0.8 } #navigation .sub-menu .top-create-your-own .col33 li:hover img { opacity: 1 } #navigation .sub-menu .top-engagement .col33:hover img { opacity: 0.8 } #navigation .sub-menu .top-engagement .col33 li:hover img { opacity: 1 } #navigation .sub-menu .row .col25 h5:hover { text-decoration: underline } #navigation .image-list li span { line-height: 22px; display: inline-block; font-size: 0.85em; } #navigation .top-create-your-own .french-styling li span { font-size: 0.75em } #header #navigation .top-create-your-own .french-styling h5 { margin-bottom: 3px !important } #navigation .image-list li > a:hover span { text-decoration: underline } #navigation #search_mini_form { float: right; position: relative; right: 0; margin-top: 13px; } #header input.search-input, #header .do-search.search-input { width: 90px; text-transform: uppercase; color: #000; font-size: 0.9em; padding: 5px 3px 5px 10px; } #header .smallSearch .do-search { position: relative; right: -18px; } #header .do-search .icon-search { font-size: 1.3em; color: #000; } .desktop-header img#headerLogo { width: auto; } #top-bar .whatsAppWrapper { display: none; } /** breadcrumbs **/ .breadcrumbs { box-sizing: border-box; border: none; position: relative; max-width: 100%; border-bottom: 2px solid #EEECE7; padding: 0 5%; } .breadcrumb-arrow { text-indent: -9999px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/arrows/breadcrumb.gif') no-repeat; display: inline-block; width: 19px; height: 20px; position: relative; top: -3px; left: -1px; } body[class*="customer-"] .arrow-list.return-link, body[class*="-customer-"] .arrow-list.return-link, body.wishlist-index-index .arrow-list.return-link, body.sales-order-history .arrow-list.return-link, body.newsletter-manage-index .arrow-list.return-link { display: none; } .slide-menu .mobile-search { display: none; } .mob .slide-menu a { display: block; } .mob .slide-menu.active .logo { background-color:#fff ; } /*.mob #body.basket { padding-top: 11vmax!important; }*/ .slide-menu .first-level-menu { margin-top: 20px; } .clearLeft { clear: left; } /*************** HOMEPAGE *****************************************************************/ #hp-banner .video-stream { height: 100% } #hp-banner .colMob:first-child { position: absolute; height: 95%; margin-bottom: 0; width: 68%; } #hp-banner .colMob:first-child:last-child { margin-left: 0 } .home-video-rotation-widget .col66 { position: relative } .home-video-rotation-widget video { width: 100%; top: 1px !important; } .home-video-rotation-widget .col33 { float: right; position: relative; } .home-video-rotation-widget ul { list-style: none; width: 100%; } .home-video-rotation-widget li { width: 99.9%; margin-left: 0.1%; display: block; overflow: hidden; margin-top: 0.3%; margin-bottom: 0.35%; background-color: #EEECE7; line-height: 22px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .home-video-rotation-widget li.active { color: #fff; background-color: #df5c48; } .home-video-rotation-widget li:hover { cursor: pointer; color: #fff; background-color: #df5c48; } .home-video-rotation-widget li.active:hover { cursor: default } .home-video-rotation-widget li:last-child { margin-bottom: 0 } .home-video-rotation-widget li iframe { width: 100% } .home-video-rotation-widget .hp-video-title { width: 100%; margin-top: 14%; text-align: center; } .home-video-rotation-widget .hp-video-title.one-row { margin-top: 17% } .home-video-rotation-widget img { max-width: 60%; float: left; top: 0 !important; } .homepage .hp-center-text a:hover { text-decoration: underline } .homepage .hp-center-text { text-align: center; margin-top: 30px; font-size: 1.1em; line-height: 22px; } .hp-banner { text-align: center; position: relative; } .hp-banner article { width: 50% } .banner-hp-2-jewellery article { margin-left: 52% } .hp-banner h2 { margin: 28% 0 0 0; font-size: 1.3em; } .banner-hp-2-jewellery h2 { margin-top: 20% } .hp-banner.hp-bottom-banner h2, .hp-banner.hp-right-awards h2 { margin-top: 0 } .hp-banner .banner-hp-description { font-size: 0.9em; padding: 10px 0 20px 0; } .hp-banner .banner-hp-footer { color: #df5c48; margin-bottom: 30%; font-size: 0.8em; padding-top: 15px; } .hp-banner .banner-hp-footer a { color: #df5c48 } .hp-banner .banner-hp-footer a:hover { text-decoration: none } .banner-hp-1-rings { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/homepage/hp-banner-1.jpg'); background-repeat: no-repeat; background-size: 100% 100%; background-origin: content-box; } .banner-hp-2-jewellery { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/homepage/hp-banner-2.jpg'); background-repeat: no-repeat; background-size: 100% 100%; background-origin: content-box; margin-bottom: 0; } .homepage .merchandising-pods .review-center h2 { margin-bottom: 15% } .homepage .review:first-child { margin-top: 170px; padding-top: 40px; } .homepage .hp-right-awards .discover-button { margin-top: 3%; width: 140px; max-width: none; } .homepage .hp-right-awards .discover-button.wide { width: 270px } .homepage .hp-right-awards { background-color: #DF5C48; height: auto; padding: 8%; } .homepage .hp-right-awards h2, .homepage .hp-right-awards p { color: #ffffff } .homepage .hp-right-awards .slide { width: 69%; margin: 0 auto; } .homepage .hp-right-awards img { width: 100% } .homepage .hp-right-awards ul { list-style: none } .homepage .hp-right-awards > article { width: 100% } .hp-banner.hp-bottom-banner { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/homepage/hp-bottom-ring-wireframe.jpg') no-repeat 70% bottom transparent; height: 180px; background-color: #EEECE7; } .hp-banner.hp-bottom-banner article { position: relative; top: 23%; left: 12%; } .hp-banner.hp-bottom-banner .discover-button { width: 30% } #body.homepage .merchandising-pods { margin-bottom: 20px } #body.homepage .merchandising-pods .col33 .merch { width: 100% } .merchandising-pods .five-star .review-center-button { margin-top: 14%; margin-bottom: 6%; } .home-tv-advert-banner article { margin-top: 5%; } .home-tv-advert-banner .row { margin: 5px 0 0 4px; float: left; overflow: initial; } .home-tv-advert-banner .row .watch-advert.buttons, .home-tv-advert-banner .row .our-diamonds.buttons { border-color: #e57200; color: #e57200; } #vashiDiffWrapper { text-align: center; } #vashiDiffHeading { margin-bottom: 50px; } #vashiDiffText { margin-bottom: 50px; } .homepage .hp-featured span.featureText { text-align: center; margin: 50px auto -20px auto; background-color: #fff; display: block; width: 181px; z-index: 1; position: relative; } .homepage hr.lineMedium { border-top: 1px solid #000; } /*----- $_media_max_width_1024 -----*/ @media screen and (max-width: 1024px) { #wishlist-table button { width: 100%; padding: 4%; } .home-tv-advert-banner .row { float: none; } } .home-tv-advert-banner .col50 { margin: 0 auto; text-align: center; } /*----- $_media_max_width_440 -----*/ @media screen and (max-width: 440px) { .home-tv-advert-banner .row { margin-top: 20px; margin-left: 0; } .home-tv-advert-banner { width: 100% } } .home-tv-advert-banner .buttons { width: 180px; max-width: 100%; border: 1px solid #000; font-size: 0.8em; line-height: 1.7em; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .home-tv-advert-banner .watch-advert { float: right; margin-right: 5%; } .home-tv-advert-banner .buttons span { text-transform: uppercase; } .home-tv-advert-banner .buttons span a { color: #fff } .home-tv-advert-banner .buttons a { text-transform: uppercase; color: #e57200; } .home-tv-advert-banner .buttons:hover a { text-decoration: inherit; color: inherit; } #videoPlayerDiv { padding: 2%; background-color: #fff; } .ui-dialog { z-index: 1002 } .ui-dialog-titlebar { display: block; position: relative; z-index: 9999; height: 25px; } .popup-video .ui-dialog { position: fixed; top: 50%; left: 50%; } #videoPlayerDiv video { width: 100% !important; height: auto !important; } .ui-icon-closethick { content: 'X' } .ui-dialog .ui-dialog-titlebar { padding: 0 !important } .ui-icon-closethick { content: 'X'; color: #999; font-size: 13px; position: relative; font-family: futuraBT-Book; background-image: url('/skin/frontend/default/vashi/images/icon-close999.png') !important; background-position: left; background-size: 25px; background-repeat: no-repeat; padding-left: 30px; cursor: pointer; padding:20px; } .ui-icon-closethick-mobile { display: none; float: right; padding: 5px; content: 'X'; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #999; font-size: 13px; position: relative; top: 35px; right: 10px; font-family: futuraBT-Book; background-image: url('/skin/frontend/default/vashi/images/icon-close999.png') !important; background-position: left; background-size: 25px; background-repeat: no-repeat; padding-left: 30px; cursor: pointer; } .ui-widget-overlay { background: none !important; background-color: #fff !important; position: fixed; top: 0; opacity: 1; } /** Checkout **/ #checkout .legally-binding-contract { float: right; font-size: 0.7em; padding-top: 10px; } /* Home Moments Feed Static Block */ .home-moments-by-vashi ul { margin: 0; padding: 0; width: 100%; } .home-moments-by-vashi a:hover { text-decoration: none } .home-moments-by-vashi ul li { width: 25%; float: left; list-style: none; padding: 0; margin: 0; padding: 10px 10px 10px 0; box-sizing: border-box; } .mob #body.checkout { padding-top: 100px!important; } @media (max-width: 700px) { .home-moments-by-vashi ul li { width: 50%; height: 400px; } div.tree { width: 90% } } @media (max-width: 566px) { .home-moments-by-vashi { display: none } } .home-moments-by-vashi ul li p { text-align: left; padding-right: 10px; box-sizing: border-box; } .home-moments-by-vashi ul li:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; } .home-moments-by-vashi ul li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(https://www.vashi.ie/skin/frontend/default/vashi/css/grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */;: ; transition: all .3s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; } /*************** CATEGORY LISTING *****************************************************************/ .category-hero-description ul { margin: 15px auto 0 auto; font-size: 0.9em; width: 300px; } .category-hero-description ul span { font-style: italic; margin-right: 6px; font-size: 1.1em; } .category-hero-description ul li { display: inline-block } .category-hero-description ul li.divider { padding: 0 5px; font-size: 1.2em; color: #DF5C48; } #body.productList .product-list-toolbar-bottom { margin-top: 15px } .row.cyo-steps { margin-bottom: 10px } #body .prod-head { display: none } #wrapper .category-products { margin: 3% 0 0 0 !important; clear: both; position: relative; } #wrapper .category-products, #wrapper .category-products .prod-list { min-height: 250px; z-index:1; } #body.productList .prod-listing .price-point { line-height: 1.5em } #body.productList .prod-listing .price-point .availability { display: inline; color: #DF5C48; font-size: 0.9em; } #body.productList ul.product-grid .product-cta { min-height: 107px; padding: 15px 10px 20px; background-color: #eeece7; text-align: center; margin-top: 0 !important; } .scroll-to-top { width: 35px; height: 40px; text-align: center; text-decoration: none; position: fixed; bottom: 20px; right: 20px; display: none; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filters/back2top.png') no-repeat; background-color: #DF5C48; border-radius: 7px; z-index: 999; } .scroll-to-top:hover { text-decoration: none } .product-grid .product_image { text-align: center; position: relative; } .product-grid .product-cta a.listing-button:hover { text-decoration: none } .product-grid .product-cta .ratings { margin-bottom: 15px; padding-right: 5px; } .product-grid .product-cta .rating-box { margin: 0 auto !important; float: none !important; } #body.productList ul.product-grid a.product-image { display: inline-block; width: 100%; } #body.productList ul.product-grid > li { position: relative; margin-bottom: 30px; padding-top: 8px; } /** Rewviews **/ #body.productList ul.product-grid > li .ratings-stars { min-height: 20px } .product-grid .product-cta .ratings { width: 65%; margin: 0 auto; } #body.productList ul.product-grid li .ratings .rating-box { display: inline-block; margin: 0; } #body.productList ul.product-grid li .ratings .amount { margin: 0; float: right; line-height: 16px; } #body.productList ul.product-grid .actions { position: absolute; -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); bottom: 1%; display: none; left: -10px; padding: 0 8px; -webkit-border-radius: 2px 2px; border-radius: 2px 2px; } #body.productList ul.product-grid > li:hover .actions, #body.productList ul.product-grid > li .actions.active { display: block } #body.productList ul.product-grid .actions a.compare { color: #888; font-size: 0.9em; } .f-right { float: right !important } .f-left { float: left !important } #body.productList .prod-listing .prod-views { width: auto; padding: 5px 0 0; float: right; } .category-diamonds #body.productList .prod-listing .prod-views { width: 100%; margin-bottom: 15px; } #body.productList .prod-listing .prod-views.pset-bottom { width: 100%; margin-bottom: 10px; margin-top: 10px; } #body.productList .prod-listing .prod-views .pnumbers { margin-left: 25px; color: black; } #body.productList .prod-listing .prod-views .pnumbers:last-child { margin-left: 0 } #body.productList .prod-listing .prod-views .pnumbers .highlight { color: #df5b57 } #body.productList .prod-listing .prod-sort { width: 60%; float: left !important; padding: 0 0 20px; } #body.productList .prod-listing .prod-sort form { float: left; margin-left: 0; margin-right: 7%; } #body.productList .prod-listing .prod-sort form:last-child { margin-right: 0 } #body.productList .prod-listing .clearer { width: 100%; clear: both; } #body.productList .prod-listing #diamond-list th { background-color: #EEECE7 } #body.productList .compare-button { text-align: center; width: 100%; } #body.productList .compare-button a { margin: 0 0 30px } #body.productList .compare-button.bottom { float: left; width: 56.5%; padding: 0; border: none; } #body.productList .compare-button.bottom a { float: right; margin: 0; } .category-diamonds #body.productList .prod-listing .compare, .category-diamonds #body.productList .prod-listing .compare-ticked { display: inline-block; margin-left: 15px; } .toolbar-show-per-page { display: none } .prod-sort .mobile-product-display { float: left } .prod-sort .mobile-product-display > div { background-color: #CCCCCC; float: left; height: 20px; width: 20px; margin: 4px; cursor: pointer; } .prod-sort .mobile-product-display .active { background-color: #DF5C48; cursor: auto; } .prod-sort .mobile-product-display .product-display-2 { background: none; background-image: url(/images/product/filters/2-row-image-grey.jpg); background-size: 20px 20px; } .prod-sort .mobile-product-display .product-display-2.active { background: none; background-image: url(/images/product/filters/2-row-image-red.jpg); background-size: 21px 23px; } .load-more-products { display: none } .product-list-toolbar-bottom .load-more-products { display: block } .load-more-products { text-align: center } .load-more-products span { font-size: 0.9em } .load-more-products div { font-size: 0.7em; padding: 5px 5%; font-weight: bold; color: #df5c48; border: 2px solid #df5c48; width: 50%; margin: 0 auto; cursor: pointer; margin-top: 10px; margin-bottom: 5px; } .scroll-to-top { width: 35px; height: 40px; text-align: center; text-decoration: none; position: fixed; bottom: 20px; right: 20px; display: none; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filters/back2top.png') no-repeat; background-color: #DF5C48; border-radius: 7px; z-index: 999; } .scroll-to-top:hover { text-decoration: none } #filters a.tooltip { outline: none } #filters a.tooltip strong { line-height: 30px } #filters a.tooltip:hover { text-decoration: none } #filters a.tooltip span { z-index: 10; display: none; padding: 14px 10px; margin-top: 18px; margin-left: -80px; width: 100px; line-height: 16px; } #filters a.tooltip.on span { display: inline; position: absolute; color: #111; border: 1px solid #999999; background: #fff; } #filters .callout { z-index: 20; position: absolute; top: -8px; border: 0; left: 68px; } #filters h2.filters-refine-by { cursor: default; display: none; } #filters h2.filters-refine-by span { cursor: pointer } #filters > h2 { margin-bottom: 0 } #filters > h2 span.active-filters { color: #df5c48; font-size: 0.9em; } #filters > h2 span.active-filters a { color: #df5c48 } #filters #gad { float: left; width: 100%; } #filters .gan-attribute { width: 33.33%; float: left; background: none; text-align: center; margin: 0 0 10px; } .category-top-filters > #block-layered-nav-left { margin-bottom: 0 } // #filters #gan { // float: left; // width: 100%; // padding-bottom: 0.5%; // } #filters .gan-attribute h4 { font-size: 0.9em; margin: 10px 0; position: relative; } #filters .gan-attribute h4 .info { cursor: pointer } #filters .filter-content h4 .info { cursor: pointer; width: 12px; margin-left: 4px; } #filters .gan-attribute .ttip-container { border: 2px solid #eeece7; height: 60px; font-size: 0.8em; cursor: pointer; width: 90%; margin: 0 auto; display: table; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #filters .gan-attribute .ttip-container:hover { border: 2px solid #ccc } #filters .gan-attribute .ttip-container .table { display: table-cell; vertical-align: middle; } #filters .gan-attribute .ttip-container .table div { margin: 0 14%; overflow: hidden; max-height: 60px; } #filters .gan-attribute h4 a.info { display: block } @media screen and (max-width: 640px) { #filters .gan-attribute .ttip-container .table div { margin: 0 5% } #filters .gan-attribute .ttip-container .table div span { width: 74px; display: block; } } #filters .gan-attribute .filter-active { border: 2px solid #DF5C48 } #filters .filter-content { text-align: center; width: 100%; background-color: white; display: none; } #filters .filter-content .filter-back { border: 0; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filters-back.jpg') 4px 50% no-repeat; float: left; padding: 0 3px 0 22px; height: 20px; line-height: 20px; position: relative; cursor: pointer; } #filters .filter-content .filter-back span { position: relative; height: 20px; line-height: 20px; display: block; } #filters .filter-select { position: absolute; right: 7%; top: 44%; width: 6px; } #filters .filter-content h4 { margin: 10px 0 10px; font-size: 0.9em; display: none; } #filters .filter-content .image-align-default { width: 100%; float: left; text-align: center; } #filters .filterOuter { padding:60px 0; } #filters .filter-content .container-option { // float: left; display: inline-block; text-align: center; padding:0 5px; } #filters .filter-content .container-option .selection { width: 100%; border: 1px solid #e5e5e5; margin: 0 auto; padding: 0; cursor: pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; height: 145px; width: 155px; } #filters .filter-content .container-option .selection a { display: table-cell; vertical-align: middle; // margin: 3% 1.5%; text-decoration: none; } #filters .filter-content .container-option .selection { display: table } #filters .filter-content .container-option .selection div, // #filters .filter-content .container-option .selection a { // display: table-cell; // height: 72px; // vertical-align: middle; // font-size: 1em; // } #filters .filter-content .container-option .selection div:hover { text-decoration: none } #filters .filter-content .container-option .selection:hover { border: 1px solid #000 } #filters .filter-content .container-option .default-selection { } #filters .filter-content .container-option .container-active { border: 1px solid #000 } // #filters .filter-content .container-option img { // margin: 0 auto; // margin-top: 5px; // height: 36px; // } /* product view page v12 and buy now pay later options */ .finance-options { float: left; // width: 100%; text-align: center; } .finance-options > h3 { margin: 2% 2%; color: #df5c48; font-size: 1em; } .sizeDialogFinance { position: absolute; top: 15px !important; max-width: 600px; margin: 0 auto; } @media (max-width: 640px) { .sizeDialogFinance .v12-content, .sizeDialogFinance .bnpl-content { margin-top: 13px } } #product_info { padding-bottom: 20px } #product_info .description, #product_info .product-add-to-block h2 { text-align: center } @media screen and (max-width: 570px) { img.cyo-product_image-s3{ display: none; } .create-your-own-image { display: block; margin: 40px auto 0; width: 80%; } } #body.productPage .product-add-to-block { padding: 0 } #body.productPage .product-add-to-block-2 { padding: 0 } #body.productPage .product-add-to-block .additional-shipping-details { text-align: center; font-size: 0.9em; } #body.productPage .product-add-to-block h2 { color: #df5c48; margin: 0 0 8px 0; } .configurable-options .update-options-loader { position: absolute; left: 44%; top: 59%; display: none; } .configurable-options h3 { margin: 6px 0 } #body.productPage .configurable-options #product-options-wrapper dl dt label { cursor: pointer } #body.productPage .configurable-options .switcher-label img { width: 45%; margin: 0 25%; } #body.productPage .configurable-options #product-options-wrapper dl dt .filter-select { float: right; margin-top: 4px; } #body.productPage .configurable-options #product-options-wrapper dl dt span { font-weight: normal } #body.productPage .configurable-options #product-options-wrapper dl dt.last { border-bottom: 1px solid #DDD } #body.productPage .configurable-options #product-options-wrapper dl dd { display: none; padding: 5%; } #body.productPage .configurable-options #product-options-wrapper dl dd h4 { margin: 0 0 10px 0; font-size: 1em; text-align: center; } #body.productPage .configurable-options #product-options-wrapper dl dd .filter-back { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 12px solid #DF5C48; cursor: pointer; float: left; padding: 0 3px 0 0; position: absolute; margin-right: 45px; } #body.productPage .configurable-options #product-options-wrapper dl dd span { position: absolute; top: -6px; left: 15px; padding-left: 5px; font-size: 0.8em; } #body.productPage .configurable-options #product-options-wrapper dl dd .switcher-label span { position: relative; top: 0; left: 0; font-size: 1em; } #body.productPage .configurable-options #product-options-wrapper dl dt.select-option:last-child { border-bottom: 1px solid #DDD !important } #body.productPage .configurable-options #product-options-wrapper dl dt.free-engraving { /* border-bottom: 1px solid #DDD;*/ cursor: auto; } #body.productPage .configurable-options #product-options-wrapper dl dt.free-engraving ul.accordion { margin: 10% 0 0 0 } #body.productPage .configurable-options #product-options-wrapper dl dt.free-engraving .input-text { margin: 10px 0 0 0; width: 55%; } #body.productPage .configurable-options #product-options-wrapper dt.free-engraving { border-top: none } #body.productPage #product-options-wrapper dl.last { min-width: 0 } .cant-find-size-msg { margin: 10px 0 0; display: inline-block; line-height: 17px; width: 100%; font-size: 13px; } .order p { line-height: 1.2em } // .finance-options .bnpl, // .finance-options .v12 { // font-size: 0.7em; // cursor: pointer; // display: inline-block; // -webkit-transition: all 0.3s ease; // -moz-transition: all 0.3s ease; // -ms-transition: all 0.3s ease; // -o-transition: all 0.3s ease; // transition: all 0.3s ease; // } // .finance-options .v12 { margin-right: 5px } // .finance-options .bnpl a, // .finance-options .v12 a { // line-height: 15px; // display: block; // } // .finance-options .bnpl a:before, // .finance-options .v12 a:before { // top: -5px; // content: ''; // float: left; // padding-right: 5px; // width: 15px; // height: 15px; // background: url(/images/svg/product-view-finance.svg) no-repeat; // -webkit-transition: all 0.3s ease; // -moz-transition: all 0.3s ease; // -ms-transition: all 0.3s ease; // -o-transition: all 0.3s ease; // transition: all 0.3s ease; // } // .finance-options .bnpl:hover a:before, // .finance-options .v12:hover a:before { // content: ''; // float: left; // padding-right: 5px; // width: 15px; // height: 15px; // background: url(/images/svg/product-view-finance-hover.svg) no-repeat; // } // .finance-options a, // .finance-options a { // text-decoration: underline; // font-size: 1.1em; // color: #333; // } // .finance-options .bnpl:hover a, // .finance-options .v12:hover a { // text-decoration: underline; // color: #333; // } #body.productPage #product-options-wrapper dl.last dt, #body.productPage #product-options-wrapper dl.last dt label { width: 100% } /*#body.productPage .size-guide-label-link { float: right; padding-right: 4px; }*/ #body.productPage #product_info .finance-options p.selection-available { color: #868686; clear: both; display: block; margin-top: 5px; } .v12-content, .bnpl-content { background-color: white; padding: 3% 5%; } // .trusted-shops { width: 100% } // .trusted-shops a { // display: block; // background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/trusted-shops.jpg') no-repeat; // background-position: 0 50%; // padding: 10px 0 0 50px; // margin: 10px 0; // min-height: 40px; // font-size: 0.75em; // } .trusted-rating, .trusted-details { display: block; clear: both; } .trusted-rating { font-weight: bold } /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select.vashi-select { padding-right: 18px } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5){ .fancybox-close{ background-size: auto !important; } } @-moz-document url-prefix() { vashi:before { height: 23.5px; width: 18px; } } .toolbar-show-per-page vashi:before { right: 5px; } #body.productList .prod-views .pnumbers.paging li.current span { color: #df5c48; } .productlist_grid .product_image img { max-width: 100%; } media_tag_10 {media_subcode:10} #body.productList ul.product-grid { border-bottom: 2px solid #EEECE7; } #footer .mail-container fieldset .noMob { display: none; } #footer .mail-container fieldset .button { border: solid black; border-width: 0 3px 3px 0px; display: inline-block; font-size: 2px; float: right; height: 2px; padding: 3px; width: 2px; min-width: auto; vertical-align: bottom; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -webkit-transition: transform 1s ease-out; -moz-transition: transform 1s ease-out; -o-transition: transform 1s ease-out; background-color: transparent; } #footer ul.arrow-list { padding: 0; } #footer .whatsAppWrapper { float: left; margin: 10px 0; } #footer .whatsAppText { float: left; width: 60%; padding-left: 5px } #footer .whatsAppWrapper img { float: left; max-width: 20px; margin-top: 5px; vertical-align: middle; } /** Filters **/ .block.block-layered-nav { // margin: 0 0 20px 0; } .category-diamonds .block.block-layered-nav { margin-bottom: 10px; } // .block-layered-nav h2 { // padding: 10px 30px 10px 30px; // background-color: #eeece7; // margin-bottom: 3px; // line-height: 1.2em; // position: relative; // } // .block-layered-nav h2:before { // color: #000; // content: "<"; // display: inline-block; // font: 1em "Consolas", monospace; // pointer-events: none; // position: absolute; // left: 15px; // -moz-transform: rotate(90deg); // -webkit-transform: rotate(90deg); // -o-transform: rotate(90deg); // -ms-transform: rotate(90deg); // transform: rotate(90deg); // } .block-layered-nav h2:hover { cursor: pointer; } .block-layered-nav h2.on:before { -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .catalog-category-view .block-layered-nav ul.accordion { margin: 0 0 3px 0; border: none; display: none; } .catalogsearch-result-index .block-layered-nav ul.accordion { margin: 0 0 3px 0; border: none; display: none; } .block-layered-nav #filters ul.accordion > li { background-color: #bad7d5; padding: 15px 10px 10px 20px !important; background-image: none; border-bottom: 1px dotted #fff; } .block-layered-nav #filters ul.accordion > li:last-child { margin-bottom: 0; border: none; } .block-layered-nav ul.accordion li h4:hover { cursor: default; } .catalog-category-view ul.accordion li h4:after { display: none; } .catalogsearch-result-index ul.accordion li h4:after { display: none; } .block-layered-nav .filter-note-handl .filter-name { float: left; display: inline; } .block-layered-nav .filter-note-handle { left: auto; right: auto; top: 0; position: relative; display: inline-block; margin: 0; width: 20px; } .block-layered-nav .filter-note-handle:before { color: #000; font-size: 1.1em; } .block-layered-nav .filter-note-content { left: 215px; } ul.accordion li h4 .remove-active-filter { font-size: 0.8em; } ul.accordion li .reset { font-size: 0.7em; width: auto; float: right; } #advancednavigation-filter-content-price-left { margin-bottom: 20px; } #advancednavigation-filter-content-price-left .reset { } ul.accordion li .reset:hover { text-decoration: underline; } .block-layered-nav ul.accordion li div.accordion-content { padding: 10px 0 0 0; } .gan-track-values { overflow: visible; } #price-value-from { font-size: 25px; } #value-from-to-elm { font-size: 25px; } #price-value-to { font-size: 25px; } #narrow-by-list-left .gan-track { width: 100%; left: 0; background-color: #fff; background-image: none; // height: 40px; // border: 1px solid #eeece7; // -webkit-border-radius: 20px; // border-radius: 20px; } // #narrow-by-list-left .gan-track:after, // #narrow-by-list-left .gan-track:before { // content: ""; // width: 35px; // background-color: #fff; // border: 1px solid #EEECE7; // border-left: none; // position: absolute; // right: -70px; // top: -1px; // height: 100%; // -webkit-border-radius: 0 50% 50% 0; // border-radius: 0 50% 50% 0; // } #narrow-by-list-left .gan-track:before { border-radius: 0; -webkit-border-radius: 0; border-right: 0 none; right: -40px; width: 100px; } #narrow-by-list-left .gan-track-values { position: relative; width: 100%; display: block; clear: both; } #narrow-by-list-left .gan-track-values input { color: #000; } // #narrow-by-list-left .gan-track-values .from { // width: 20px; // float: left; // } // #narrow-by-list-left .gan-track-values .to { // width: 60px; // float: right; // } // .gan-track .ui-slider-range { // background-color: #000; // height: 3px; // // margin-left: 35px; // top: 25px; // position: relative; // } // .gan-track .ui-slider-range:before, // .gan-track .ui-slider-range:after { // content: ""; // width: 30px; // background-color: #EEECE7; // position: absolute; // left: -12px; // right: auto; // height: 100%; // } // .gan-track .ui-slider-range:after { // right: -12px; // left: auto; // } // .ui-slider .ui-slider-handle-left, // .ui-slider .ui-slider-handle-right { // background-image: none !important; // -webkit-border-radius: 50% !important; // border-radius: 50% !important; // background-color: #fff !important; // height: 40px !important; // margin-top: 10px !important; // width: 40px !important; // border:1px solid #000 !important; // } // .ui-slider .ui-slider-handle-left { // margin-left: 5px; // } // .ui-slider .ui-slider-handle-right { // margin-left: -45px; // } // .gan-track-values >input { // display: none; // } // .gan-track-values .value-min { // position: absolute; // float: none; // top: -62px; // left: 15px; // font-size: 12px; // color: #CCC; // } // .gan-track-values .value-max { // position: absolute; // float: none; // top: -62px; // right: 15px; // font-size: 12px; // color: #CCC; // } // .gan-track-values .value-min.value-smaller, // .gan-track-values .value-max.value-smaller { // font-size: 0.8em; // } .block-layered-nav ul.accordion li div.accordion-content ol > li { float: left !important; margin-right: 0; margin-bottom: 5px; } #narrow-by-list-left ol li a, #body.productList #filters .clickable, #body.productList #filters .ticked, #body.productList #filters .notavailable { background: none; padding: 5px; margin: 5px 10px 5px 0; height: 40px; border-radius: 5px; -webkit-border-radius: 5px; } #body.productList #filters .resetall { font-size: 1em; } #body.productList #filters .notavailable { opacity: 0.1; color: #000; } #narrow-by-list-left ol.default-flt li a, #body.productList #filters .default-flt .clickable, #body.productList #filters .default-flt .ticked, #body.productList #filters .default-flt .notavailable { line-height: 20px; border: 2px solid #b1ccca; height: 20px; } #narrow-by-list-left ol li a.active, #narrow-by-list-left ol li a.active:hover { background-color: #EEECE7; } #narrow-by-list-left ol li a:hover { background-color: #b1ccca; } #narrow-by-list-left ol li a img, #body.productList #filters .clickable img, #body.productList #filters .ticked img, #body.productList #filters .notavailable img { height: 40px; width: 40px; margin-right: 15px; } #body.productList #filters .filter-label { width: 100%; font-size:10px; letter-spacing:1px; line-height:18px; text-transform: uppercase; color:#7f7f7f; // font-size: 1em; // margin: 0 auto; // display: inline-block; // vertical-align: middle; // height: 20px; } #body.productList #filters .filter-label:hover { color:#000; text-decoration: none; } #narrow-by-list-left ol li a span { width: 100px; margin-right: 15px; line-height: 42px; display: inline-block; overflow: hidden; } /******************************** CMS Category Pages ***********************/ .category-diamonds-start #category-pages .hero { padding-top: 0; } .diamonds-start .col33 article .choose-diamond a, #category-pages .category-refresh .row .banner article .choose-diamond a { color: #FFF; font-size: 0.8em; padding: 7px; display: block; } .diamonds-start .col33 article .choose-diamond a:hover, #category-pages .category-refresh .achievements .col33 a:hover, #category-pages .category-refresh .row .banner article .choose-diamond:hover a { text-decoration: none; } #category-pages .hero .col66 { width: 90%; } #category-pages .hero .col66 p { font-size: 0.9em; float: left; } .diamonds-start .choose-setting { color: #df5c48; font-size: 0.8em; font-weight: bold; padding-bottom: 3%; } .diamonds-start .choose-setting a { color: #df5c48; text-decoration: none; } .diamonds-start .choose-setting a:hover { text-decoration: underline; } #category-pages .hero .col66 h1 { float: left; width: 100%; } #category-pages .hero .col66 .catalog-refresh { width: 112%; text-align: center; } #product_info p.old-price { font-size: 0.6em; color: #888; display: block; clear: both; } #category-pages .hero .col66 .catalog-refresh p { width: 100%; } #category-pages .category-refresh .row .exclusive-diamonds { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/diamonds/exclusive-diamonds-bg.png'); margin-right: 2.5%; background-color: #16181d; } #category-pages .category-refresh .row .earrings { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/create-your-own/cyo-earrings-bg.png'); } #category-pages .category-refresh .row .col50 article { margin-left: 55%; text-align: center; width: 40%; margin-right: 5%; margin-top: 10%; margin-bottom: 10%; } #category-pages .category-refresh .row .col50 article .description { height: 120px; } #category-pages .category-refresh .row .col50 article h2 { font-size: 1em; margin: 8% 0; } #category-pages .category-refresh .row .col50 article span { font-size: 0.8em; } #category-pages .category-refresh .row .col50 article .price { margin-top: 3%; } #category-pages .category-refresh .row .col50 article .price span { color: #df5c49; font-size: 1em; } #category-pages .category-refresh .row .col50 article .choose-diamond { background-color: #df5c48; text-transform: uppercase; color: #fff; display: block; font-size: 0.9em; font-weight: bold; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #category-pages .category-refresh .row .our-bracelet-collection article .choose-diamond { line-height: 16px; } #category-pages .category-refresh .row .our-ring-collection article .choose-diamond { width: 150px; } #category-pages .category-refresh .row .our-earring-collection article .choose-diamond { width: 150px; } #category-pages .category-refresh .row .our-pendant-collection article .choose-diamond { width: 150px; } #category-pages .category-refresh .row .our-bracelet-collection article .choose-diamond { width: 150px; } #category-pages .category-refresh .row .engagement-ring article .choose-diamond { width: 155px; } #category-pages .category-refresh .row .earrings article .choose-diamond { width: 155px; } #category-pages .category-refresh .row .pendant article .choose-diamond { width: 155px; } #category-pages .category-refresh .row .engagement-rings article .choose-diamond { width: 170px; } #category-pages .category-refresh .row .diamond-ring article .choose-diamond { width: 170px; } #category-pages .category-refresh .row .bestselling article .choose-diamond { width: 170px; } #category-pages .category-refresh .row .wedding-rings article .choose-diamond { width: 170px; } #category-pages .category-refresh .row .plain-wedding-bands article .choose-diamond { width: 155px; } #category-pages .category-refresh .row .bestselling-her article .choose-diamond { width: 155px; } #category-pages .category-refresh .row .col50 article .choose-diamond:hover { background-color: #bad7d5; cursor: pointer; } #category-pages .category-refresh .row .col50 article .choose-setting { position: absolute; width: 100% } #category-pages .category-refresh .row .col50 article .choose-setting a { color: #df5c48; font-size: 0.8em; font-weight: bold } #category-pages .category-refresh .row .col50 article .diamond-setting-container { position: relative; } #category-pages .category-refresh .row .vashi-diamond article .discover-vashi { background-color: #bad7d5; border: 2px solid #fff; text-transform: uppercase; color: #000; display: block; font-size: 0.9em; font-weight: bold; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #category-pages .category-refresh .row .vashi-diamond article .discover-vashi { width: 180px; } #category-pages .category-refresh .row .vashi-diamond-wedding article .discover-vashi { width: 155px; } #category-pages .category-refresh .row .vashi-diamond-cyo article .discover-vashi { width: 155px; } #category-pages .category-refresh .row .vashi-diamond article .discover-vashi:hover { border-color: #000; cursor: pointer; } #cyo_step > h2, #cyo_step #advice > h2 { text-align: center; } #cyo_step h4 { color: #df5c48; font-size: 1.2em; } #cyo_step h4 a { color: #df5c48; padding-bottom: 3px; border-bottom: 1px solid #df5c48; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } #cyo_step h4 a:hover { border-bottom-color: #E78879; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } #cyo_step a:hover { text-decoration: none; } #cyo_step .cyo-stages .col33 a img { opacity: 0.8; -webkit-transition-duration: 1s; transition-duration: 1s; } #cyo_step .cyo-stages .col33:hover img { opacity: 1; -webkit-transition-duration: 1s; transition-duration: 1s; } #cyo_step .row .five-star { margin-right: 3.5%; background: #eeece7; padding: 5px 25px; position: relative; } #cyo_step .row .five-star img { height: 50px; position: absolute; right: 10px; bottom: 10px; opacity: 0.5; -webkit-transition-duration: 1s; transition-duration: 1s; } #cyo_step .row .five-star a img:hover { opacity: 1; } #cyo_step .cyo-equation { margin-top: 75px; float: left; font-size: 1.8em; color: #BBB9B4; font-weight: bold; } #category-pages #cyo_step .cyo-stages .wrapper { padding: 0; } #category-pages .category-refresh .row .sub-cat.banner { background-color: #eeece7; min-height: 280px } #category-pages .category-refresh .row .sub-cat.engagement { background-image: url('/skin/frontend/default/vashi/images/category/engagement-rings/engagement-rings-bg.png'); } #category-pages .category-refresh .row .sub-cat.wedding { background-image: url('/skin/frontend/default/vashi/images/category/wedding-rings/wedding-rings-plain-bg.png'); } #category-pages .category-refresh .row .sub-cat.eternity { background-image: url('/skin/frontend/default/vashi/images/category/eternity-rings-plain-bg.png'); } #category-pages .category-refresh .row .sub-cat.diamond-gemstone { background-image: url('/skin/frontend/default/vashi/images/category/diamond-gemstone-rings-plain-bg.png'); } #category-pages .category-refresh .row .sub-cat.diamond-earrings { background-image: url('/skin/frontend/default/vashi/images/category/jewellery-home/our-earring-collection.jpg'); } #category-pages .category-refresh .row .sub-cat.gp-earrings { background-image: url('/skin/frontend/default/vashi/images/category/gemstone-earrings-plain-bg.png'); } #category-pages .category-refresh .row .sub-cat.diamond-pendants { background-image: url('/skin/frontend/default/vashi/images/category/jewellery-home/our-pendant-collection.jpg'); } #category-pages .category-refresh .row .sub-cat.gp-pendants { background-image: url('/skin/frontend/default/vashi/images/category/gp-pendant-plain-bg.png'); } #category-pages .category-refresh .row .sub-cat:first-child.banner{ margin: 0 1.5% 0 1%; } /*#category-pages .category-refresh .row .sub-cat.banner article { */ /*margin-left: 45%;*/ /*width: 50%;*/ /*}*/ /*#category-pages .category-refresh .row .sub-cat.banner article .choose-diamond { */ /*width: 200px;*/ /*}*/ #category-pages .category-refresh .row .sub-cat.banner .description { height: 100px; } /*#category-pages .category-refresh .row .sub-cat.banner h2 { */ /*margin-bottom: 20%;*/ /*}*/ media_tag_11 {media_subcode:11} media_tag_12 {media_subcode:12} media_tag_13 {media_subcode:13} #category-pages .category-refresh .diamonds-treasured article { margin: 0 auto; width: 80%; } #category-pages .category-refresh .diamonds-treasured .review-center { width: 13%; margin: 0 auto; padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #df5c49; } .banner-hp-footer { cursor: pointer; } #category-pages .category-refresh .achievements .col33 { cursor: pointer; } #category-pages .category-refresh .achievements .col33:hover { opacity: 1; } #category-pages .category-refresh .achievements .col33:first-child { margin-right: 1%; } #category-pages .blog-latest .blogpost-content img { display: none; } #category-pages .blog-latest > h2 { margin-top: 30px; margin-bottom: 25px; font-size: 1.1em; } #category-pages .blog-latest .col33 .content { width: 70%; margin: 0 auto; } #category-pages .blog-latest .col33 .content h2 { /*height: 35px;*/ font-size: 1.1em; } #category-pages .blog-latest .col33 .content .summary { height: 60px; font-size: 0.8em; } #category-pages .blog-latest .col33 .content .read-more { border: 2px solid #df5c48; padding: 5px; text-transform: uppercase; color: #df5c48; display: block; font-size: 0.8em; line-height: 18px; font-weight: bold; margin: 20px auto 0 auto; width: 110px; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #category-pages .blog-latest .col33 .content .read-more:hover { text-decoration: none; color: #000; border-color: #000; cursor: pointer; } /* Category best seller widget */ #body #best-selling-widget { background: #d0e4eb; background: -moz-linear-gradient(top, #d0e4eb 0%, #d6e9ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4eb), color-stop(100%,#d6e9ef)); background: -webkit-linear-gradient(top, #d0e4eb 0%,#d6e9ef 100%); background: -o-linear-gradient(top, #d0e4eb 0%,#d6e9ef 100%); background: -ms-linear-gradient(top, #d0e4eb 0%,#d6e9ef 100%); background: linear-gradient(to bottom, #d0e4eb 0%,#d6e9ef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4eb', endColorstr='#d6e9ef',GradientType=0 ); margin-top: 16px; padding: 16px 16px; } #body #best-selling-widget h2{ font-size: 1.6em; display: inline-block; } #body #best-selling-widget .best-seller-title-wrap { text-align: center; position: relative; } #body #best-selling-widget .intro-best-selling { padding: 0 16px; line-height: 24px; margin: 0 0 16px; font-size: 15px; } #body #best-selling-widget h2:after { border-top: 1px solid #999; display: block; height: 1px; content: " "; width: 20%; position: absolute; left: 28px; top: 1.35em; } #body #best-selling-widget h2:before { border-top: 1px solid #999; display: block; height: 1px; content: " "; width: 20%; position: absolute; right: 28px; top: 1.35em; } #body #best-selling-widget ul { width: 100%; display: inline-block; margin-bottom: 10px; } #body #best-selling-widget .product-description p { text-align: left; padding: 0 16px; } #body #best-selling-widget .product-description a{ color: #464646; line-height: 1.4em; font-size: 14px; max-width: 180px; } #body #best-selling-widget .product-description a:hover { text-decoration: none; } #body #best-selling-widget li { width: 20%; cursor: pointer; float: left; padding: 16px; box-sizing: border-box; clear: none; text-align: center; list-style: none; cursor: pointer; background: none; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } #body #best-selling-widget li:hover { background-color: #c0d7df; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } #body #best-selling-widget li .best-selling-img-wrap { position: relative; } #body #best-selling-widget li .best-selling-img-wrap .best-seller-price{ display: none; /* Temporarily hide prices in block */ position: absolute; bottom: 5px; width: 100%; line-height: 1.5em; margin: 0; } #body #best-selling-widget li .best-selling-img-wrap .best-seller-price a{ color: #df5c48; } #body #best-selling-widget li img{ border: 1px solid #b7cbd2; } media_tag_14 {media_subcode:14} media_tag_15 {media_subcode:15} /** Diamonds start page **/ .vashi-difference .content { text-align: center; margin-top: 37%; margin-bottom: 11.3%; margin-left: 10%; margin-right: 10%; } .vashi-difference .content h2 { color: #fff; font-size: 1.7em; } .vashi-difference .content p { color: #fff; font-size: 1.1em; line-height: 1.4em; } .exclusive-diamonds .content { margin: 6%; padding: 3% 4% 2%; text-align: center; margin-top: 30%; margin-bottom: 5.3%; background-color: #df5c48; } .exclusive-diamonds .content h2 { color: #fff; font-size: 1.7em; margin-bottom: 3%; margin-top:1%; } .exclusive-diamonds .content .description { height: 120px; } .exclusive-diamonds .content span { color: #fff; font-size: 1em; line-height: 1.5em; } .exclusive-diamonds .content span { margin: 20% 0 20% 0; } .skip-middle-man { background-color: #eeece7; text-align: center; } .skip-middle-man h2 { margin-top: 3%; } .skip-middle-man p { font-size: 0.8em; margin-top: 0; margin-bottom: 2%; } .skip-middle-man .col25 { text-align: center; margin: 0 auto; margin-bottom: 3%; } .skip-middle-man .col25 span { font-size: 0.8em; } .skip-middle-man .col25:first-child { margin-left: 1.5%; } .diamonds-start .col33 { margin: 0 auto; } .diamonds-start { margin-top: 3%; } .diamonds-start .cyo-ring { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/diamonds/cyo-ring.png'); } .diamonds-start .cyo-pendant { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/diamonds/cyo-pendant.png'); } .diamonds-start .cyo-earrings { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/diamonds/cyo-earrings.png'); } .diamonds-start article { text-align: center; margin-bottom: 27%; margin-left: 38%; margin-top: 13%; width: 200px; height: 165px; } .diamonds-start .col33 { background-repeat: no-repeat; background-size: 100%; background-origin: content-box; background-color: #eeece7; } .diamonds-start .cyo-ring { margin-right: 2.25%; } .diamonds-start .cyo-earrings { margin-left: 2.25%; } .diamonds-start article span { font-size: 0.8em; } .diamonds-start article .diamond-head { height: 50px; } .diamonds-start article .description { height: 45px; } .diamonds-start .col33 article .choose-diamond { background-color: #df5c48; text-transform: uppercase; color: #fff; display: block; font-size: 0.9em; font-weight: bold; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 120px; cursor: pointer; } .above-and-beyond { background-color: #bad7d5; text-align: center; margin-top: 3%; } .above-and-beyond .col33 p { width: 80%; margin: 0 auto; padding-bottom: 10%; } .above-and-beyond .number { font-size: 5em; width: 40%; margin: 0 auto; color: #fff; border-bottom: 4px solid #fff; padding-bottom: 5%; line-height: 0.9em; } .inspiration { padding-top: 2%; padding-bottom: 3%; text-align: center; background-color: #df5c48; margin-top: 1.5%; } .inspiration .inspire:hover { border: 2px solid #000; } .inspiration .inspire:hover span { color: #000; } .inspiration .inspire { border: 2px solid #fff; margin: 0 auto; width: 140px; line-height: 1.8em; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .inspiration:hover .inspire { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .inspiration .inspire span { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 0.8em; } .inspiration h2 { color: #fff; } /** CMS Pages **/ .cms-page-view ul.accordion li h4 a { font-size: 1.1em; font-weight: bold; } .cms-page-view ul.accordion li h4 { padding-bottom: 5px; padding-top: 5px; } .cms-page-view .block-layered-nav ul.accordion li div.accordion-content { padding-bottom: 5px; } .block-account ul.accordion li:hover h4 a { color: #df5c48; } .block-account ul.accordion li.current h4 a { color: #464646; } .block-account.block-layered-nav ul.accordion li div.accordion-content { padding-bottom: 5px; } .vashi-viewings-customer-account .outstanding-viewings .buttons-set { margin: 10px; font-size: 1.2em; border-top: none; } .vashi-viewings-customer-account .outstanding-viewings .cancel { vertical-align: top; border-top: none; } .outstanding-viewings { position: relative; } .outstanding-viewings .viewings-cancel-loader { position: absolute; right: 50%; top: 50%; } .outstanding-viewings table td { font-size: 1em; } .outstanding-viewings .product img { float: left; margin-left: 10px; margin-right: 10px; } .outstanding-viewings table h4 { margin: 5px 0; } .outstanding-viewings table .product ul { font-size: 0.8em; list-style-type: none; } .outstanding-viewings table .actions td { border-top: none; } .outstanding-viewings table .product { height: 60px; } .outstanding-viewings table tr td { border-top: 1px solid #eee; } .outstanding-viewings table .product > span { font-size: 1em; } table.customer-booking th{ text-align: center; } .vashi-viewings-customer-account .outstanding-viewings table tr td.change-date { text-align: left; } .outstanding-viewings .cancel { position: absolute; left: 35%; } .outstanding-viewings .cancel-errors { font-size: 0.8em; color: #eb3b3b; margin-bottom: 15px; } .outstanding-viewings table tr td:first-child { vertical-align: middle; text-align: center; } .outstanding-viewings table tr td.appointment-date { vertical-align: middle; text-align: center; } .outstanding-viewings table tr td:last-child { vertical-align: middle; text-align: center; } .customer-account-index ul.accordion li h4:hover, .sales-order-view ul.accordion li h4:hover{ cursor: pointer; } .customer-account-index ul.accordion li h4:hover a, .sales-order-view ul.accordion li h4:hover a{ color: #df5c48; } .customer-account-index .block-layered-nav ul.accordion li div.accordion-content, .sales-order-view .block-layered-nav ul.accordion li div.accordion-content { padding-bottom: 5px; } .customer-address-form ul.accordion li h4, .review-customer-index ul.accordion li h4, .sales-order-history ul.accordion li h4, .wishlist-index-index ul.accordion li h4, .newsletter-manage-index ul.accordion li h4, .customer-account-edit ul.accordion li h4, .vashi-viewings-customer-account ul.accordion li h4{ padding-left: 20px; padding-bottom: 5px; padding-top: 5px; } .customer-address-form .block-layered-nav ul.accordion li div.accordion-content, .review-customer-index .block-layered-nav ul.accordion li div.accordion-content, .sales-order-history .block-layered-nav ul.accordion li div.accordion-content, .wishlist-index-index .block-layered-nav ul.accordion li div.accordion-content, .newsletter-manage-index .block-layered-nav ul.accordion li div.accordion-content, .customer-account-edit .block-layered-nav ul.accordion li div.accordion-content, .vashi-viewings-customer-account .block-layered-nav ul.accordion li div.accordion-content { padding-bottom: 5px; } ul.accordion li.current h4 { font-weight: bold; } /******************************** VASHI WORLD PAGE *******************************/ .cms-world-of-vashi #body { margin-top: 0; } .experience-vashi { margin-bottom: 3%; background-color: #df5c48; height: 99%; } .experience-vashi > .col33 { margin: 0 auto; width: 33.3%; margin-bottom: -0.5%; } .experience-vashi .centre { vertical-align: top; } .experience-vashi article { text-align: center; padding: 16.7% 20px 0 20px; } .experience-vashi article h2 { color: #fff; font-size: 1.7em; } .experience-vashi article p { color: #fff; font-size: 0.9em; } .experience-vashi .vashi-advert-img:first-child { border-right: 3px solid #fff; margin-left: -1%; } .experience-vashi .vashi-advert-img:last-child { border-left: 3px solid #fff; } .vashi-story { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/vashi-world/vashi-bg.png'); background-repeat: no-repeat; background-size: 100%; background-origin: content-box; } .vashi-story .col66 { float: right; margin-right: 18%; margin-bottom: 8%; margin-top: 7%; } .vashi-story .content { float: right; width: 50%; text-align: center; margin-right: 5%; } .vashi-story .content h2 { font-size: 1.8em; } .vashi-story .content .read-more { background-color: #df5c48; text-transform: uppercase; color: #fff; display: block; font-size: 0.8em; font-weight: bold; margin: 0 auto; width: 80%; margin-top: 20px; margin-bottom: 10px; line-height: 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .vashi-story .content .read-more a { color: inherit; padding: 5px; display: block; } .vashi-story .content .read-more a:hover { text-decoration: inherit; } .vashi-story .content .read-more:hover { background-color: #bad7d5; } .vashi-story .content .read-more:hover a { color: black; } .vashi-story .vashi-proposers { margin-right: 20%; text-align: center; margin-top: 20%; margin-bottom: 20%; } .vashi-story .vashi-proposers .description { width: 70%; margin: 0 auto; } .vashi-world .celeb-special { margin-top: 5%; background-color:#eeece7; text-align: center; padding: 2% 0; } .vashi-world .celeb-special .col33 { margin-left: 0.8%; } .vashi-world .celeb-special .col66 { margin-left: 0.8%; text-align: left; padding-top: 2%; } .vashi-world .celeb-special .col66 p { padding-right: 10px; } .vashi-world .celeb-special .col66 a { color: #DF5C48; font-weight: bold; } .vashi-world .celeb-secrets { margin-top: 5%; background-color: #eeece7; text-align: center; } .vashi-world .celeb-secrets .col33 { margin: 0 auto; padding-left: 1%; } .vashi-world .celeb-secrets .col33 p { width: 80%; margin: 0 auto; padding: 20px 0; } .vashi-world .vashi-career { background-color: #eeece7; text-align: center; } .vashi-world .vashi-career .col33 { margin: 0 auto; padding-left: 1%; } .vashi-world .vashi-career .col33:hover p { text-decoration: underline; cursor: pointer; } .vashi-world .vashi-career .col33 p { width: 80%; margin: 0 auto; padding: 20px 0; } .vashi-collection { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/vashi-world/vashi-collection-bg.png'); background-repeat: no-repeat; background-size: 100%; background-origin: content-box; text-align: center; margin-top: 4%; } .vashi-world .play-clip img:last-child { vertical-align: middle; } .vashi-collection .content { margin-top: 3%; margin-bottom: 3%; } .vashi-collection .content h2 { margin: 2% 0; } .vashi-collection .content p { margin: 2% 0; } .vashi-collection .more { border: 2px solid #fff; text-transform: uppercase; color: #000; display: block; font-size: 0.9em; font-weight: bold; margin: 0 auto; width: 150px; margin-top: 2%; margin-bottom: 4%; line-height: 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .vashi-collection .more a { padding: 5px; display: block; } .vashi-collection .more a:hover { text-decoration: none; } .vashi-collection .more:hover { border: 2px solid #000; } .vashi-collection .more span { font-size: 0.8em; } .vashi-world .top-right { background-color: #eeece7; text-align: center; margin-left: 7%; } .vashi-world .top-right .content { padding-top: 30px; padding-bottom: 30px; width: 80%; margin: 0 auto; } .vashi-world .top-right .watch-here { background-color: #df5c48; padding: 5px; text-transform: uppercase; color: #fff; display: block; font-size: 0.8em; font-weight: bold; margin: 0 auto; width: 80%; margin-top: 20px; margin-bottom: 10px; line-height: 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .vashi-world .top-right .watch-here:hover { background-color: #bad7d5; color: #000; } .vashi-world .celeb-quotes { margin-left: 7%; text-align: center; margin-top: 30px; } .vashi-world .celeb-quotes .quote { font-style: italic; font-size: 1.2em; width: 90%; margin: 0 auto; padding-bottom: 10px; } .vashi-world .celeb-quotes .author { border-top: 3px solid #df5c48; width: 120px; padding-top: 20px; margin: 0 auto; padding-bottom: 30px; } .vashi-world .play-clip { position: relative; cursor: pointer; } .vashi-world .play-clip img.play { position: absolute; width: 40%; margin-left: 30%; margin-top: 10%; } .vashi-world .celeb-secrets .play-clip img.play { width: 35%; margin-left: 26%; margin-top: 10%; } .celeb-special .content { padding-top: 30px; padding-bottom: 30px; width: 80%; margin: 0 auto; } .celeb-special .play-clip img.play { margin-top: 30%; } .vashi-world .vashi-career .view-portfolio { position: relative; } .vashi-world .vashi-career .view-portfolio img.news { position: absolute; width: 35%; margin-left: 26%; margin-top: 10%; } .vashi-world .view-portfolio { cursor: pointer; } .vashi-world .col25 .top-right .content .play-clip img.play { margin-top: 30%; } /******************************** EXTRAORDINARY COLLECTION PAGE *******************************/ .cms-extraordinary-collection #body { margin-top: 0; } .extraordinary-collection .row h1 { text-align: center; padding: 25px 0 10px; } .extraordinary-hero article h1 { color: #fff; font-size: 1.8em; } .cms-extraordinary-collection .hp-center-text { text-align: center; margin: 2% auto 2.5% auto; font-size: 1.05em; line-height: 22px; padding: 0 1.2em; } .cms-extraordinary-collection .hp-center-text span { font-weight: bold; } .cms-extraordinary-collection .discover-button { margin: 15px auto 0 auto; } .extraordinary-links { display: block; width: 100%; margin: 0 auto; max-width: 1170px; background: #DF5C48; text-align: center; } .extraordinary-links ul { list-style: none; height: 50px; padding: 0; width: 1046px; margin: 0 auto; } .extraordinary-links ul li { display: inline-block; height: 50px; float: left; text-transform: uppercase; line-height: 50px; font-size: 0.85em; -moz-transition: background .4s ease; -webkit-transition: background .4s ease; -o-transition: background .4s ease; transition: background .4s ease; } .extraordinary-links ul li:hover, .extraordinary-links ul li.current { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.43); } .extraordinary-links ul li a { color: #FFF; display: block; padding: 0 20px; margin: 0; } .extraordinary-links ul li a span.num { font-size: 14px; } .extraordinary-links ul li a:hover { text-decoration: none; } .extraordinary-items .row article { width: 400px; text-align: center; position: relative; } .extraordinary-items .row article .description { font-size: 0.8em; width: 70%; margin: auto; } .extraordinary-items .row article em { font-size: 0.8em; } .extraordinary-items div > div { float: left; width: 50%; } .extraordinary-items .extraordinary-1 .col-left { background: url('/skin/frontend/default/vashi/images/extraordinary-collection/extraordinary-1-l.jpg') center 3.5em; background-repeat: no-repeat; } .extraordinary-items .extraordinary-1 .col-right { background: url('/skin/frontend/default/vashi/images/extraordinary-collection/extraordinary-1-r.jpg') bottom right; background-repeat: no-repeat; } .extraordinary-items .extraordinary-1 > div { height: 556px; } .extraordinary-items .extraordinary-2 { height: 599px; background: #bad7d5 url('/skin/frontend/default/vashi/images/extraordinary-collection/extraordinary-2.png'); background-repeat: no-repeat; } .extraordinary-items .extraordinary-3 .col-left { background: url('/skin/frontend/default/vashi/images/extraordinary-collection/extraordinary-3-l.jpg') center 3.5em; background-repeat: no-repeat; } .extraordinary-items .extraordinary-3 .col-right { background: url('/skin/frontend/default/vashi/images/extraordinary-collection/extraordinary-3-r.jpg') bottom right; background-repeat: no-repeat; } .extraordinary-items .extraordinary-3 > div { height: 556px; } .extraordinary-items .extraordinary-4 { background: #eeece7; } .extraordinary-items .extraordinary-4 .col-left { background: url('/skin/frontend/default/vashi/images/extraordinary-collection/extraordinary-4-l.jpg'); background-repeat: no-repeat; } .extraordinary-items .extraordinary-4 .col-right { background: url('/skin/frontend/default/vashi/images/extraordinary-collection/extraordinary-4-r.jpg') top right; background-repeat: no-repeat; } .extraordinary-items .extraordinary-4 > div { height: 598px; } .extraordinary-items .extraordinary-5 .col-left { background: url('/skin/frontend/default/vashi/images/extraordinary-collection/extraordinary-5-l.jpg'); background-repeat: no-repeat; } .extraordinary-items .extraordinary-5 .col-right { background: url('/skin/frontend/default/vashi/images/extraordinary-collection/extraordinary-5-r.jpg') top center; background-repeat: no-repeat; } .extraordinary-items .extraordinary-5 > div { height: 621px; } .extraordinary-items .extraordinary-6 { background: url('/skin/frontend/default/vashi/images/extraordinary-collection/extraordinary-6.jpg'); background-repeat: no-repeat; } .extraordinary-items .extraordinary-6 > div { height: 452px; } .extraordinary-items .extraordinary-1 article { top: 20em; margin: 0 auto; } .extraordinary-items .extraordinary-2 article { top: 19.5em; left: 46em; } .extraordinary-items .extraordinary-2 article .price { color: #000; } .extraordinary-items .extraordinary-2 article .discover-button, .extraordinary-items .extraordinary-6 article .discover-button { border-color: #FFF; color: #000; } .extraordinary-items .extraordinary-2 article .discover-button:hover, .extraordinary-items .extraordinary-6 article .discover-button:hover { border-color: #df5c48; color: #df5c48; } .extraordinary-items .extraordinary-3 article { top: 19.5em; margin: 0 auto; } .extraordinary-items .extraordinary-4 article { top: 16em; left: 22em; } .extraordinary-items .extraordinary-5 article { top: 5em; left: -31em; } .extraordinary-items .extraordinary-6 article { top: 10em; margin: 0 auto; } media_tag_16 {media_subcode:16} media_tag_17 {media_subcode:17} /* iPad */ media_tag_18 {media_subcode:18} /*media_tag_19 {media_subcode:19} only screen and (min-width: 768px) and (max-width: 959px) { */ media_tag_20 {media_subcode:20} media_tag_21 {media_subcode:21} media_tag_22 {media_subcode:22} /*media_tag_23 {media_subcode:23} only screen and (min-width: 640px) and (max-width: 767px) { */ media_tag_24 {media_subcode:24} media_tag_25 {media_subcode:25} media_tag_26 {media_subcode:26} .viewings-dialog .input-box-left { width: 48%; float: left; text-align: right; padding-right: 1%; padding-left: 1%; } .viewings-dialog .input-box-right { width: 48%; float: right; text-align: left; padding-left: 1%; padding-right: 1%; } .viewings-dialog .input-box { width: 100%; } .viewings-dialog .input-text { /*height: 48px;*/ /*width: 85%;*/ border-radius: 3px; background-color: #ffffff; border: solid 1px #cdcdcd; /*margin-bottom: 0.8em;*/ padding: 0 0 0 49px; } #email-login { background: url("/skin/frontend/default/vashi/images/email.jpg") no-repeat scroll 17px 15px; } #pass-login { background: url("/skin/frontend/default/vashi/images/password.jpg") no-repeat scroll 19px 9px; } #email_address { background: url("/skin/frontend/default/vashi/images/email.jpg") no-repeat scroll 17px 15px; } #telephone { background: url("/skin/frontend/default/vashi/images/phone.jpg") no-repeat scroll 19px 9px; } #comments { height: 108px; padding: 0 0 0 3%; width: 91%; } .viewings-dialog input[type="text"]:hover{ border: 1px solid #000; color:#000; } .viewings-dialog input[type="password"]:hover{ border: 1px solid #000; color:#000; } .viewings-dialog .login-content { padding: 1.2em 0 0 0; background-color: #ffffff; margin: auto; position: relative; color: #999999; width: 100%; border-radius: 3px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e0e0e0; } .viewings-dialog .login-content input[type="text"] { font-size:18px; } .viewings-newsletter { margin-top: 13px; } .viewings-newsletter label { font-size:16px; } .viewings-dialog .login-content input[type="password"] { font-size:18px; } #top-message { font-size:16px; } .remember-me input { -ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); /* Opera */ margin-right: 10px; } .mobile-form .remember-me input { -ms-transform: scale(1); /* IE */ -moz-transform: scale(1); /* FF */ -webkit-transform: scale(1); /* Safari and Chrome */ -o-transform: scale(1); /* Opera */ margin-right: 5px; } #is_subscribed { -ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); /* Opera */ margin-right: 10px; } .mobile-form #is_subscribed { -ms-transform: scale(1); /* IE */ -moz-transform: scale(1); /* FF */ -webkit-transform: scale(1); /* Safari and Chrome */ -o-transform: scale(1); /* Opera */ margin-right: 5px; } .viewings-dialog .login-content .viewings-intro p { color: #333333; margin: 0 0 0.8em 0; font-size: 16px; } .viewings-dialog .login-content h2 { margin-bottom: 0.2em; } .viewings-dialog .add-to-viewings-form { /*width: 50%;*/ border-radius: 3px; padding: 18px 0 18px 0; opacity: 1; font-size: 1.5em; display: block; margin-left: auto; margin-right: auto; clear: both; } .add-to-viewings-form.desktop-form{ padding: 13px 0; } .viewings-dialog .login-content .remember-me { /*float: left;*/ text-align: right; padding-right: 2%; /*width: 48%;*/ } .viewings-dialog .login-content .forgotten-pass { /*float:right;*/ text-align: left; padding-left: 2%; /*width: 48%;*/ } .viewings-dialog .top-message { margin: 28px 0 32px 0; } .viewings-dialog #signup-content { display: none; } /** Vashi mobile **/ media_tag_27 {media_subcode:27} .extra-popin-overlay { display: none; background-color: black; position: absolute; top: 0; opacity: 0.6; z-index: 99998; width: 100%; height: 100%; } .extra-popin-box { display: none; position: fixed; top: 100px; left: 50%; z-index: 99999; } .extra-popin-box .popin-topbar { width: 100%; height: 1.58em; } .extra-popin-box .popin-topbar .close-popin { padding: 5px; /*transition: all 0.3s ease 0s;*/ font-size: 0.8em; background-color: rgb(223, 92, 72); text-align: center; color: rgb(255, 255, 255); float: right; width: 60px; } .extra-popin-box .popin-content { background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 20px; min-height: 100px; } .extra-popin-box .popin-content h2 { color: #DF5C48; font-size: 1em; } .extraordinary-links.fixed { position: fixed; top: 0; height: 50px; z-index: 1; } /** onestepcheckout **/ .cart-summary-bottom { margin: 4% 0 4% 0; padding-top: 3%; border-top: solid 1px #c8c8c8; border-bottom: solid 1px #c8c8c8; } .cart-summary-bottom table.onestepcheckout-summary td.name { width: 75%; } .cart-summary-bottom table.onestepcheckout-totals td.title { width: 85%; } #body.checkout .cart-summary-bottom table.onestepcheckout-summary td.name ul.onestepcheckout-custom-options { padding-left: 3%; margin: 10px 0 0 0; font-size: 0.7em; } #checkout .ssl-secure { float: right; margin-right: 2%; width: 20%; } .checkoutpod .verisign { width: 65%; } .checkout-header .strap h3 { display: inline-block; margin-right: 5px; padding: 0; } .checkout-header .whatsAppWrapper { display: inline-block; } .checkout-header .whatsAppText { float: none; line-height: inherit; padding: 0; } .checkout-header .strapPosition { margin: 0 auto; width: 70%; display: block; text-align: center; } /** Viewings widget **/ .viewings-dialog { background-color: #fff; /*padding: 4%;*/ text-align: center; } .viewings-dialog .viewings-intro h2 { margin-top: 0; font-size: 34px; color: #e15b43; } .viewings-dialog .viewings-intro p{ font-size: 14px; } .viewings-open:hover { cursor: pointer; } .ui-dialog-titlebar-close a { display: none; } .ui-dialog-titlebar-close a:after{ content: 'X'; } .viewings-dialog .row-products { width: 450px; overflow: hidden; text-align: center; margin: 0 auto; } .viewings-dialog .row-products .last { margin: 0 auto; float: none; } .viewings-dialog .product-tile { width: 47%; float: left; margin: 1% 1%; border: 2px dashed #eee; } .viewings-dialog .product-tile ul { list-style-type: none; width: 60%; float: left; text-align: left; margin-left: 3px; } .viewings-dialog .product-tile ul li { height: 0.8em; overflow: hidden; } .viewings-modal .product-slots { width: 100%; height: 100%; padding-top: 18px; } .product-slots-information{ margin-bottom: 20px; font-size: 14px; } .product-slots .product-tile:last-child { } .product-remove-loader { position: absolute; top: 30%; left: 48.5%; } .product-slots .simple-ring-size { float: left; font-size: 0.7em; margin: 0; margin-left: 10px; } .product-slots .tile-filled { border: 2px solid #ccc; position: relative; background-color: #eeece7; padding-bottom: 5px; } .product-slots .tile-filled span.label { font-size: 0.7em; float: left; } .product-slots .tile-filled span.option_value { font-size: 0.7em; float: left; } .viewings-product-overlay { background: #fff; text-align: center; padding-top: 21px; padding-bottom: 21px; opacity:0; -webkit-transition: opacity .25s ease; position: absolute; top: 0; width: 100%; height: 18px; } .tile-filled:hover .viewings-product-overlay { opacity:0.8; cursor: pointer; } .viewings-product-overlay .plus { font-weight:900; color: #fff; } .product-slots .product-tile img { float: left; width: 50px; padding: 5px; } .product-slots .product-title { float: left; width: 80%; padding-left: 2px; } .product-slots .product-tile h4 { float: left; font-size: 16px; margin: 5px 0 10px 0; text-align: left; width: 60%; } .product-slots h3 { margin: 23px 0; color: #888; font-size: 0.9em; } .viewings-dialog-wrapper .viewings-open:hover { text-decoration: underline; } .viewings-dialog .login-tabs { position: relative; min-height: 295px; clear: both; margin-top: 37px; } .viewings-dialog .tab { float: left; } .viewings-dialog .tab [type=radio] { display: none; } .viewings-dialog .content { position: absolute; top: 28px; left: 0; background: white; right: 0; bottom: 0; padding: 20px; border: 1px solid #ccc; } .viewings-dialog .errors { font-size: 0.8em; color: #eb3b3b; padding-bottom: 5px; } .viewings-dialog #viewings-register-form { text-align: center; margin: 0 auto; max-width: 513px; width: 100%; padding: 0; } .viewings-dialog #viewings-register-form .udetails label { width: 40%; } .viewings-dialog #viewings-register-form .buttons-set { margin-top: 3%; } .viewings-dialog #viewings-register-form .buttons-set .button { margin-right: 5%; float: left; } .viewings-dialog #viewings-register-form .buttons-set p { float: left; } .viewings-dialog #viewings-register-form .errors { padding-top: 5px; padding-bottom: 0; } .viewings-dialog #viewings-login-form .udetails label { width: 40%; } .viewings-dialog #viewings-login-form .buttons-set { margin-top: 3%; width: 100%; float: left; margin-bottom: 2%; } .viewings-dialog #viewings-login-form .buttons-set .button { margin-right: 5%; float: left; } .viewings-dialog #viewings-login-form .buttons-set p { float: left; } // #viewings-calender-form { // max-width: 750px; // margin: 0 auto; // } #viewings-calender-form .errors { padding-bottom: 15px; } .viewings-dialog .content .input input { width: 50%; float: right; margin-right: 4%; } .viewings-dialog .content .input label { float: left; line-height: 2em; margin-left: 3%; } .viewings-dialog .content .input { height: 2em; margin-bottom: 3%; } .viewings-dialog .tab > label { background: #eee; padding: 10px; border: 1px solid #ccc; margin-left: -1px; position: relative; left: 1px; border-bottom: 1px solid #eee; } .viewings-dialog .tab > label:hover { cursor: pointer; } .viewings-dialog .bundle-size-viewings { float: left; width: 40%; top:10px; } .viewings-dialog .login-tabs .customer-name-prefix .input-box select { max-width: 50%; width: 42%; } .viewings-dialog .date { margin-top: 10px; margin-bottom: -15px; } .viewings-dialog .date span:first-child { color: #3c948b; font-weight: bold; font-size: 0.9em; margin-right: 10px; } .viewings-dialog .date span:last-child { color: #464646; font-weight: normal; cursor: pointer; } .viewings-dialog .forgot-password { font-size: 16px; } .remember-me label { font-size: 16px; } .remember-me { margin-top: 10px; } .forgotten-pass { margin-top: 10px; } .viewings-dialog [type=radio]:checked ~ label { background: white; border-bottom: 2px solid white; z-index: 2; } #viewings-login-form > p { margin: 0; padding-bottom: 10px; } .viewing-addto-errors { font-size: 0.8em; float: left; color: #eb3b3b; margin-left: 52%; } .viewings-dialog-wrapper { display: inline-block; } .book-viewing-header { display: inline-block; } /* $_Booking_Appointment_Popup */ .book-a-viewing .titleWrapper { clear: both; font-size: 1.2em; letter-spacing: 0.9px; margin-bottom: 0; text-align: center; } .titleBorder { width: 39px; margin: 10px auto 15px auto; display: block; border-top: 0.3pt solid #e57200; } #bookAppImage img { display: block; margin: 0 auto; } #bookAppImage img.small { display: none; } .bookAppInfoText { margin: 0 auto; } .bookAppInfoText { margin: 30px auto 30px auto; text-align: center; } /*----- $_boutique_page ----- */ .card { padding: 1.5em 0.5em; text-align: center; } .card h2 { font-size: 1.4em; margin-top: 0; margin-bottom: 0.3em; text-transform: uppercase; } .cardSubHeading { font-weight: bold; text-transform: uppercase; font-size: 0.7em; } .card h2, .cardSubHeading, .tagLineText, .questionHeading { letter-spacing: 0.13em; } .tagLineText { display: block; font-size: 0.6em; font-style: italic; color: #222; } .diamondPin { background: url('/skin/frontend/default/vashi/images/diamond_pin.png') no-repeat; background-size: 100%; width: 3.9em; height: 1em; display: block; margin: 0 auto; } .diamond_icon { position: absolute; height: 14px; bottom: -8px; right: -7px; width: 13px; background: url('/skin/frontend/default/vashi/images/diamond_icon.png') no-repeat; background-size: 100%; z-index: 1; } #boutiqueBackDrop { background: url('/skin/frontend/default/vashi/images/store_boutique_page.jpg') no-repeat; background-size: 100%; background-position: center; height: 37vmax; position: fixed; width: 100%; z-index: 0; } #boutiqueContent section { background-color: #fff; margin-bottom: -1px; position: relative; z-index: 1; } #boutiqueContactUsMap { padding: 0; } #boutiqueNumbersSection { display: none; } #boutiqueContactUsArticle .card { position: relative; } #boutiqueContactUsArticle .card:hover { background-color: #eeece7; } #boutiqueContactUs .card, #boutiqueNumbersSection .card { float: left; width: 50%; padding: 1.5em 0; } #boutiqueBackDrop, #boutiqueBackDrop a { color: #fff; } #boutiqueNumbersSection { padding-top: 2%; } #boutiqueBackDrop #storeAddress, #boutiqueBackDrop #storeAddress h2 { margin-bottom: 0; } #visitOurBoutiqueText { font-size: 2em; } #boutiqueContent .hrLine { width: 20%; } #boutiqueContactUsArticle { background-color: #fff; margin: 0 ; padding-bottom: 20px; position: relative; } ul#frequentlyAskQuestionsList { margin-top: 5em; } ul#frequentlyAskQuestionsList li { list-style: none; } ul#frequentlyAskQuestionsList .questionHeading { font-size: 0.7em; } .helpfulActionText { font-style: italic; } li.questionContainer { margin: 4em 0; } li.questionContainer .readMore + i.arrow { border: solid black; border-width: 0 3px 3px 0px; display: inline-block; padding: 3px; font-size: 2px; vertical-align: bottom; transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transition: transform 1s ease-out; -moz-transition: transform 1s ease-out; -o-transition: transform 1s ease-out; transition: transform 1s ease-out; } li.questionContainer .readMore.up + i.arrow { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -webkit-transition: transform 1s ease-out; -moz-transition: transform 1s ease-out; -o-transition: transform 1s ease-out; transition: transform 1s ease-out; } li.questionContainer ul { padding-top: 0.5em; } li.questionAnswer { max-height: 0; -webkit-transition: max-height 1s ease-out; -moz-transition: max-height 1s ease-out; -o-transition: max-height 1s ease-out; transition: max-height 1s ease-out; padding: 0 9em; overflow: hidden; } li.questionAnswer.open { max-height: 500px; -webkit-transition: max-height 1s ease-in; -moz-transition: max-height 1s ease-in; -o-transition: max-height 1s ease-in; transition: max-height 1s ease-in; } span.readMore { padding: 5px; display: block; font-size: 1.2em; } span.readMore.up { padding-bottom: 7px; } #scrollToTop { margin: 20px 0 30px 0; width: 100%; text-align: center; } a#scrollToTop:link { text-decoration: none; } .questionHeading { text-transform: uppercase; font-weight: bold; font-size: 0.9em; } #awardWinnerImage img { height: 10em; margin: 17px auto 2em auto; display: block; } #awardWinnersCard .tagLineText { padding-top: 5px; } #ourStoreCard .cardSubHeading { font-size: 1em; } /* section end */ /* $_boutique_page */ #boutiqueBackDrop { background-size: 175%; background-position: 57% -184%; height: 61em; /*fallback for non-compatible vh*/ height: 96vh; max-height: 61em; margin-top: 9em; } #boutiqueBackDrop #homePageTagLine { margin-top: 17em; } #boutiqueContactUs .card { width: 25% ; border: 1px solid #000; height: 130px; } #boutiqueContactUsArticle { margin-top: 55.8em; /*fallback for non-compatible vh*/ margin-top: 87.2vh; } #boutiqueContactUs #callUsCard, #boutiqueContactUs #liveChatCard, #boutiqueContactUs #emailCard { border-right: none; } #personalServiceCard.card, #awardWinnersCard.card { padding: 3em 0; } #personalServiceCard .tagLineText { max-width: 246px; margin: 0 auto; } #ourStoreCard.card { padding-top: 3em; padding-bottom: 4em; } #ourStoreCard h2 { font-size: 1.6em; } #ourStoreCard .cardSubHeading { display: block; margin-bottom: 5px; } /* $ popular_questions */ #popularQuestionsCard.card { padding: 3em 0 0 0 ; } #popularQuestionsCard .tagLineText { max-width: 300px; margin: 0 auto; } li.questionAnswer { padding: 0; } article#backToTopArticle { margin: 0 ; } } /*----- $_media_min_width_1024 -----*/ @media screen and (min-width: 1024px) { .desktop-reservation { display: block } #booked-product-img-mobile { display: none } .tagLineText { font-size: 0.76em; } /* $_boutique_page */ #boutiqueBackDrop { background-color: #000; background-size: auto; background-position: center; margin-top: 0; height: 19em; height: 56.5vh; position: relative; } #boutiqueContactUsArticle { margin-top: -1.2em; } #boutiqueContent section { max-width: 600px; margin: 0 auto; } #boutiqueContent section#boutiqueContactUs { max-width: 100%; width: 100%; } } .visitBoutiqueBtn { background-color: #333; border: none; color: #fff; cursor: pointer; display: block; margin: 0 auto; padding: 0; width: 319.5px; max-width: 80%; } .visitBoutiqueBtn h3 { color: #fff; } .visitBoutiqueBtn a:link { text-decoration: none; } .viewings-dialog [type=radio] ~ label ~ .content { z-index: -1; overflow: hidden; } .viewings-dialog [type=radio]:checked ~ label ~ .content { z-index: 0; } .viewings-dialog .login-tabs .validation-advice { position: absolute; margin-top: 0; } .viewings-dialog .formP { margin-bottom: 15px; } #viewings-dialog{ overflow: hidden; } .viewings-content { position: relative; } .viewings-loader { position: absolute; left: 50%; bottom: 50%; } .viewings-loader img { width: 20px; } .date-selection { overflow: hidden; } table.customer-booking{ border-collapse: collapse; } .title-buttons h1, .title-buttons .button{ float:none; } .date-selection #datepicker { float: left; } .date-selection .date-times { /*width: 48%;*/ margin-top: 1%; text-align: center; /*float: right;*/ position: relative; border-left: 1px solid #cdc; /*height: 300px;*/ } .add-to-viewings-form{ background: #df5c48; width: 90%; } .date-selection .date-times table { width: 220px; height: 220px; } .pick-time{ margin-top: 7px; margin-bottom: 20px; } /*.time-table{*/ /*width: 282px;*/ /*padding-right: 20px;*/ /*padding-left: 10px;*/ /*}*/ .time-table-row{ height: 50px; } .ui-datepicker-calendar .ui-datepicker-today > a { background-color: #FFFF00; color: #000; text-shadow: none; } .ui-datepicker-calendar .ui-datepicker-today { background-color: #FFFF00; } /*.date-selection .date-times .time { line-height: 40px; background: #fff; background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%); padding: 0.5% 1%; margin: 0.2% 15%; border: solid 1px #cdcdcd; width: 124px; height: 40px; }*/ /*.date-selection .date-times .time:hover { background: none; background-color: #ffd8d1; } .date-selection .date-times .time label { cursor: pointer; font-size: 16px; color: #555; }*/ /*.date-selection .date-times label:hover{ color: #e15b43; } .date-selection .date-times .selected label{ color: #fff; }*/ /*.date-selection .date-times input[type=radio] { display: none; } .date-selection .date-times .disabled { opacity: 0.5; } .date-selection .date-times .disabled:hover { background: #ededed; background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%); background: -o-linear-gradient(top, #ededed 0%,#dedede 100%); background: -ms-linear-gradient(top, #ededed 0%,#dedede 100%); background: linear-gradient(top, #ededed 0%,#dedede 100%); } .date-selection .date-times .selected { text-shadow: none; background: none; background-color: #df5c48; color: #fff; } .date-selection .date-times .selected:hover { text-shadow: none; background: none; background-color: #df5c48; color: #fff; }*/ #viewings-confirmation-form { font-size: 0.9em; text-align: left; width: 80%; margin: 0 auto; padding-top: 2.5%; max-width: 425px; position: relative; } #viewings-confirmation-form .comments textarea { width: 100%; } #viewings-confirmation-form .selected-date { width: 100%; } #viewings-confirmation-form .selected-date td:first-child { width: 25%; } #viewings-confirmation-form .selected-date td:last-child { width: 10%; text-align: right; } #viewings-confirmation-form .customer-contact { width: 100%; } #viewings-confirmation-form .customer-contact input { width: 98.4%; } #viewings-confirmation-form .comments td:last-child { width: 75%; } #viewings-confirmation-form .comments td:first-child { width: 25%; vertical-align: top; } #viewings-confirmation-form .customer-contact td:first-child { width: 25%; } #viewings-confirmation-form .selected-date .edit { color: #464646; font-weight: normal; cursor: pointer; } .viewings-modal .contact-us { float: right; font-size: 0.9em; } .viewings-modal .contact-us td:first-child { width: 240px; } .viewings-modal .contact-us td:last-child { width: 160px; } .viewings-modal .contact-us td { text-align: right; font-size: 0.8em; } .viewings-content .confirmation-map { margin-top: 2.5%; } #viewings-confirmation-form .selected-date .edit:hover { text-decoration: underline; } #viewings-modal #viewings-confirmation-form .selected-date td.edit:hover { text-decoration: underline; } #viewings-confirmation-form .selected-date { margin-bottom: 10px; } #viewings-confirmation-form .selected-date td.date { color: #3c948b; font-weight: bold; font-size: 1em; } .viewings-confirmation-loader { position: absolute; bottom: 3%; left: 12%; } .viewings-edit-date-loader { position: absolute; bottom: 50%; left: 50%; } #viewings-confirmation-form .comments label { vertical-align: top; } #viewings-confirmation-form .comments input { width: 40%; } #viewings-confirmation-form .comments { margin-bottom: 10px; } #viewings-confirmation-form .terms { margin-bottom: 10px; } #viewings-confirmation-form .captcha { margin-bottom: 10px; } .addtoviewings { margin: 10px; float: right; position: relative; } .add-to-viewings { list-style: none; margin: 0; padding-top: 2%; position: relative; } .add-to-wishlist { border-bottom: 2px solid #EEECE7; padding-bottom: 5px; } /** Product Page View **/ .prod-det-views { position: relative; } #product-media-load { width: 100%; display: block; clear: both; float: left; position: relative; z-index: 1; } .product-media-buttons { display: block; clear: both; width: 100%; } .product_details_thumbs_container, .details_product_images_dynamic { display: inline-block; float: left; } .gallery-bottom .product_details_thumbs_container { width: 100%; } #body.productPage .gallery-bottom ul.details_thumbs li { clear: none; margin: 0 10px; margin-bottom: 20px; } .product_details_thumbs_container { width: 15%; } #product-media-load .middle-product-image { /*width: 100%;*/ } .details_product_images_dynamic { width: 85%; position: relative; float: left; } .details_product_images_dynamic a { display: block; margin: 0 auto; max-width: 450px; } .full-width { width: 100%; display: block; } .productPage .full-width { padding: 2%; } // .productPage .full-details { // position: relative; // background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/details-bg.jpg') repeat-x #D5E9EF; // } .productPage .full-details .v-small-logo { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/v-small-logo.jpg') no-repeat #FFF; background-position: 50%; position: absolute; top: -18px; height: 35px; width: 35px; border: 1px solid #DDD; display: block; left: 50%; margin-left: -18px; } .productPage .full-details h3, .productPage .full-details h4, .productPage .wrapper-block h4 /*{ font-size: 1.4em; }*/ .productPage .wrapper-block .tab-item h4 { text-transform: capitalize; } .productPage .title-block { padding-top: 20px; } .productPage .vashi-difference { min-height: 440px; } .productPage .vashi-difference .title-block { padding-top: 0; } .title-block-spe { text-align: center; position: relative; } .title-block-spe h2 { display: inline-block; } .title-block-spe h2:before, .title-block-spe h2:after { border-top: 1px solid #999; display: block; height: 1px; content: " "; width: 20%; position: absolute; left: 0; top: 1.35em; } .title-block-spe h2:after { right: 0; left: auto; } .productPage .vashi-difference .title-block-spe h2:before, .productPage .vashi-difference .title-block-spe h2:after { border-top: 1px solid #FFF; } .productPage .full-details .title-block h2, .productPage .vashi-difference .title-block h2 { text-transform: uppercase; } .productPage #product-options-wrapper .col66 p { font-weight: bold; } .productPage #product-options-wrapper .col33 .price { color: #df5c48; } .productPage .tab-details { font-size: 0.9em; width: 100%; float: left; display: block; } .productPage .full-details .tab-navigation { width: 100%; clear: both; display: block; } .productPage .full-details .tab-navigation ul, .productPage .full-details .tab-content ul { list-style: none; } .productPage .full-details .tab-content ul.arrow-list { padding: 0; } .productPage .full-details .tab-content ul.arrow-list li { clear: both; display: block; } .productPage .full-details .tab-navigation ul li { display: inline-block; margin-right: 10px; padding: 0; } .productPage .full-details .tab-navigation ul li a { display: block; padding: 10px; background: #BBB; line-height: 25px; font-size: 1.1em; } .productPage .full-details .tab-navigation ul li a.active { background: #FFF; cursor: default; } .productPage .full-details .tab-navigation ul li a:hover { background: #FFF; text-decoration: none; } .productPage .full-details .tab-content ul { list-style: none; background: #FFF; margin: 0 0 25px 0; float: left; width: 100%; } .productPage .full-details .tab-content { display: block; } .productPage .full-details .tab-content ul li { display: block; padding: 0 30px 0 0; float: left; } .productPage .full-details .tab-content ul li.tab-item { display: none; padding: 20px 10px 20px 20px; } .productPage .full-details .tab-content ul li.tab-item.active { display: block; } .productPage .full-details .tab-content ul li.first { border-left: none; padding-left: 0; } .productPage .vashi-difference { position: relative; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/vashi-difference-bg.jpg') no-repeat #4c4c4c; background-size: auto 100%; color: #FFF; } .wrapper-block.contact-block { max-width: 400px; padding-top: 20px; margin-top: 20px; text-align: center; } .wrapper-block.contact-block p { margin: 0; padding: 0; font-size: 1.1em; line-height: 20px; } .wrapper-block.contact-block .contact-text-block { margin-top: 30px; } .wrapper-block.contact-block p.highlight { font-style: italic; font-size: 1.3em; line-height: 1.3em; } .wrapper-block.contact-block p.phone { font-weight: bold; margin: 16px 0; } .wrapper-block.contact-block p.phoneMobile { display: none; } media_tag_28 {media_subcode:28} .wrapper-block.contact-block p.phoneMobile { display: none; } media_tag_29 {media_subcode:29} .wrapper-block.contact-block p a#lpChatBtn2 { font-size: 0.9em; text-decoration: underline; color: #333; } #body.productPage .vashi-difference h2, #body.productPage .vashi-difference h4, #body.productPage .vashi-difference p { color: #FFF; } .productPage .wrapper-block.cut { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/diamond-cut.jpg') no-repeat #FFF; background-position: 55% 20px; min-height: 300px; } .productPage .full-width.colour-grade { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/colour-grade-bg.jpg') repeat-y #47737e; background-position: left top; } #body.productPage .colour-grade, #body.productPage .colour-grade h2, #body.productPage .colour-grade p { color: #FFF; } #body.productPage .description-block p { font-size: 0.9em; } #body.productPage .fancy-divider { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/fancy-divider.jpg'); height: 53px; width: 100%; background-position: 50% 0; margin: 0 auto; display: block; margin-top: 35px; } #body.productPage .colour-grades { display: block; clear: both; } #body.productPage .slider-block { width: 100%; position: relative; height: 277px; display: block; } span.related-arrow { width: 44px; height: 81px; display: block; position: absolute; top: 98px; cursor: pointer; display: none; } span.related-previous { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/arrow-prev.png') no-repeat; left: 0; } span.related-next { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/arrow-next.png') no-repeat; right: 0; } .dot-navigation { float: right; position: relative; left: -50%; text-align: left; margin: 10px 0 25px 0; display: none; } ul.nav-dots { left: 50%; position: relative; } ul.nav-dots li { display: inline-block; position:relative; margin-right: 15px; } #previouslyviewed { overflow: hidden; height: 290px; display: block; margin: 0 auto; } .related-slider { float: left; } #body.productPage #previouslyviewed .slide { float: left; } #body.productPage #previouslyviewed ul { list-style: none; margin: 0; padding: 0; height: 295px; overflow: hidden; } #body.productPage #previouslyviewed ul li { float: left; margin: 0 10px 20px 10px; width: 150px; list-style: none; text-align: center; padding: 5px 45px; border: 2px solid #DDD; } #body.productPage #previouslyviewed ul li .price { color: #df5c48; font-size: 0.9em; } #body.productPage #previouslyviewed ul li .price-box { margin-bottom: 10px; } .product-add-to-block .price-box { position: relative } .price-change-loader { position: absolute; display: none; left: 50%; } .productPage .wrapper-block.clarity { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/clarity-bg.jpg') no-repeat #FFF; background-position: 48% 25px; min-height: 300px; } .productPage .description-block { margin-bottom: 32px; width: 50%; } #body.productPage .sku span { font-weight: bold; text-transform: uppercase; } #body.productPage .add-to-viewings li { font-size: .8em; margin: 0; cursor: pointer; display: block; width: 100%; } #body.productPage .add-to-viewings li:hover:before { color: #000; } // #body.productPage .add-to-viewings li span { // color: #000; // text-decoration: none; // font-size: 1em; // font-weight: 100; // letter-spacing: 0.8px; // } #body.productPage .add-to-viewings li span:last-child { color: #FFF; background: #000; } #body.productPage .add-to-viewings li span:last-child.button { padding: .7em 1em .65em 1em; text-align: center; } #body.productPage .add-to-viewings li span:last-child:hover { text-decoration: none; cursor: pointer; background:#ffffff; } #body.productPage .add-to-viewings li span:hover { color: #000; cursor: pointer; text-decoration: underline; } #body.productPage .more-addtoblock { padding: 45px 0 0 0; text-align: right; } .related-slider p.old-price, .related-slider p.special-price { margin: 0; float: left; font-size: 1.04em; } .related-slider p.special-price { margin-left: 5px; } #body.productPage .sku-info p { font-size: 0.9em; } #body.productPage .more-addtoblock .addtobasket .button, #body.productPage .more-addtoblock .add-to-viewings { width: 80%; float: right; } #body.productPage .more-addtoblock .add-to-wrap ul.arrow-list { clear: both; width: 70%; margin: 0; padding: 0; float: right; } #body.productPage #rating.active-reviews:before { content: none; } #body.productPage #rating:before { color:#df5c48; font-family:'vashicons'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; padding-right:1px; font-size:1em; content:"e"; float: left; } #body.productPage #rating:hover:before { color: #000; } #body.productPage #rating .no-rating a { font-size: 1em; } .viewings-basket-loader { position: absolute; left: 240px; bottom: 37px; width: 15px; } .viewings-basket-loader img { position: absolute; top: 23px; right: 23%; } .viewings-time-loader { position: absolute; top: 47%; left: 56%; } .ui-dialog-title { display: none; } .buttons-set .button input { -webkit-appearance: none; background:none; border:none; background:#000; border:0; display:inline-block; outline:0; cursor:pointer; text-align:center; text-decoration:none; font-size:1.05em; -webkit-font-smoothing:antialiased; text-transform:uppercase; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin:0; padding:0; } .buttons-set .button .member-area-cta { background: none; } .buttons-set .button:hover .member-area-cta { background: none; } .buttons-set .button:hover input { text-decoration:none; background:#bad7d5; color:#000 } .mobViewings { position: absolute; right: 4%; left: auto; width: 27px; height: 27px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/viewings/calendar.svg') no-repeat; background-size: contain; margin-top: 16px; top: 0; } .mobViewings:hover { cursor: pointer; } /** Contact us page **/ #contact-page .contact-methods img { float: left; } #contact-page .contact-methods h2 { line-height: 55px; margin: 0; margin-left: 10px; } .gan-loadinfo { position: relative; margin: 0; padding: 0; left: 0; top: 0; background: none; z-index: 2001; padding: 0; text-align: left; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #squircle { position: absolute; left: 50%; top: 30px; height: 64px; margin-left: -64px; margin-top: 0; z-index: 999; opacity: 0.8; } #squircle.load-more-loader { display: none; position: absolute; top: 80px; z-index: 99999; } #outer-squircle, #inner-squircle{ position:absolute; left:64px; top:64px; width:128px; height:128px; margin-left:-53px; margin-top:-64px; border:8px solid #7D7D7D; /*border-radius*/ -webkit-border-radius:45px; -moz-border-radius:45px; border-radius:45px; } #outer-squircle{ /*animation*/ -webkit-animation:rotate 1s linear 0s infinite; -moz-animation:rotate 1s linear 0s infinite; -ms-animation:rotate 1s linear 0s infinite; -o-animation:rotate 1s linear 0s infinite; animation:rotate 1s linear 0s infinite; } #inner-squircle{ /*animation*/ -webkit-animation:rotate2 2s linear -1s infinite; -moz-animation:rotate2 2s linear -1s infinite; -ms-animation:rotate2 2s linear -1s infinite; -o-animation:rotate2 2s linear -1s infinite; animation:rotate2 2s linear -1s infinite; } @keyframes rotate { from { tranform: rotate( 0 ) } to { transform: rotate( 90deg ) } } @keyframes rotate2 { from { tranform: rotate( 0deg ) scale( 1 ) } 50% { transform: rotate( 45deg ) scale( .85 ) } to { transform: rotate( 90deg ) scale( 1 ) } } @-webkit-keyframes rotate { from { tranform: rotate( 0 ) } to { transform: rotate( 90deg ) } } @-webkit-keyframes rotate2 { from { tranform: rotate( 0deg ) scale( 1 ) } 50% { transform: rotate( 45deg ) scale( .85 ) } to { transform: rotate( 90deg ) scale( 1 ) } } @-moz-keyframes rotate { from { tranform: rotate( 0 ) } to { transform: rotate( 90deg ) } } @-moz-keyframes rotate2 { from { tranform: rotate( 0deg ) scale( 1 ) } 50% { transform: rotate( 45deg ) scale( .85 ) } to { transform: rotate( 90deg ) scale( 1 ) } } #squircle .loading { font-size: 1.2em; color: #7D7D7D; text-align: center; margin-top: 165px; } .productPage .colour-grade .description-block { width: 100%; max-width: none; } #body.productPage .related-products h2 { text-align: center; text-transform: uppercase; } #body.productPage .products-moments-intro { line-height: 24px } #body.productPage .moments-container { width: 100%; display: inline-block; list-style: none; } #body.productPage .moments-container li a:hover { text-decoration: none } #body.productPage .moments-container li { width: 20%; float: left; margin-right: 5%; } #body.productPage .moments-container li .moment-img-container { text-align: center; height: 170px; overflow: hidden; } #body.productPage .moments-container li img { display: inline-block; vertical-align: middle; width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(https://www.vashi.ie/skin/frontend/default/vashi/css/grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */;: ; transition: all .3s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; } #body.productPage .moments-container li img:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; } #body.productPage .moments-container p { width: 100%; margin: 10px auto; text-align: left; } #body.productPage .products-moments-intro { line-height: 24px } #body.productPage .products-moments-intro a { text-decoration: underline } /** Product page - responsive */ @media screen and (max-width: 1260px) { #body.productPage #previouslyviewed ul li:nth-child(4) { display: block; clear: both; } .productPage .wrapper-block.cut { background-size: auto 90% } .productPage .wrapper-block.clarity { background-size: auto 85%; background-position: 55% 65px; } #desktop-bar{ display:none !important; } } @media screen and (max-width: 1140px) { .title-block-spe h2:before, .title-block-spe h2:after { width: 15% } .productPage .vashi-difference { background-position: -300px top } } @media screen and (max-width: 980px) { #body.productPage #previouslyviewed ul li:nth-child(3) { display: block; clear: both; } .title-block-spe h2:before, .title-block-spe h2:after { width: 10% } } @media screen and (max-width: 850px) { .title-block-spe h2:before, .title-block-spe h2:after { width: 5% } .productPage .vashi-difference { background-position: -450px top } #body.productPage .moments-container li { width: 40%; margin-right: 10%; } #body.productPage .moments-container li .moment-img-container { height: 170px; overflow: hidden; } } @media screen and (max-width: 760px) { .productPage .wrapper-block.cut { background-size: auto 60%; background-position: 55% 70px; } .productPage .wrapper-block.clarity { background-size: auto 75%; background-position: 55% 95px; } .title-block-spe h2:before, .title-block-spe h2:after { display: none } .productPage .full-details .tab-navigation ul li { margin-right: 1px } .productPage .full-details .tab-navigation ul li a { padding: 5px; font-size: 0.9em; } .productPage .wrapper-block.cut { min-height: 350px } .productPage #product_info .col66.colMob.prod-det-views, .productPage #product_info .col33.colMob.last { width: 100%; display: block; } } .productPage .mobile-separator { display: none } #body.productPage .colour-grades .mobile-col-grades { display: none } .productPage .order-with-confidence { display: none } @media screen and (max-width: 570px) { .media-noajax{ display: block; } #body.productPage .configurable-options #product-options-wrapper dl dt.free-engraving ul.accordion { margin: 6% 0 0 0 !important } #body.productPage .add-to-wrap .button { font-size: 1em } #body.productPage h2 { font-size: 1.3em } #body.productPage h1 { font-size: 1.3em; text-align: center; } .dot-navigation { display: block } .productPage .full-details .tab-content ul { background: none; padding: 0; } .productPage .full-details .tab-content ul li { display: block; padding-right: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DDD; width: 100%; } .productPage .full-details .tab-content ul li.tab-item { display: block } .productPage .full-details .tab-content ul li.tab-item.oc-ti { display: none } .productPage .full-details .tab-content h4 { display: block; font-size: 1em; margin: 10px 0; text-transform: uppercase; } .productPage .full-details .tab-navigation { display: none } .productPage .full-details .wrapper-block > h3 { display: none } .productPage .full-width.full-details { padding-bottom: 0 } .productPage .full-width.full-details > .wrapper-block { padding-bottom: 25px } .productPage .full-width.order-with-confidence h4 { text-transform: uppercase; font-size: 1.2em; text-align: center; color: #000; } .productPage .full-details h3, .productPage .full-details h4, .productPage .wrapper-block h4 { font-size: 1em } .productPage .description-block { width: 100% } .productPage .vashi-difference { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/vashi-difference-mobile.png') no-repeat; background-position: 50% bottom; color: #000; padding-bottom: 160px; } #body.productPage .vashi-difference h2, #body.productPage .vashi-difference h4, #body.productPage .vashi-difference p { color: #000 } .productPage .mobile-separator { display: block; width: 100%; height: 24px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/mobile-block-separator.jpg') no-repeat; background-position: 50%; margin-top: 35px; } .productPage .wrapper-block.cut { background: none; height: auto; } #body.productPage .more-addtoblock { display: none } #body.productPage .colour-grade, #body.productPage .colour-grade h2, #body.productPage .colour-grade p { color: #000 } #body.productPage .fancy-divider { display: none } #body.productPage .colour-grades img.col-grades { display: none } #body.productPage .colour-grades img.col-grades-mobile { display: block } .productPage .wrapper-block.clarity { background: none; min-height: 0; } #body.productPage .colour-grades .mobile-col-grades { display: block; text-align: center; } #body.productPage .colour-grades .mobile-col-grades img { width: 180px; margin: 0 auto; } #body.productPage .colour-grades .mobile-col-grades .col-description { clear: both } .wrapper-block.contact-block p.highlight { font-size: 1.2em } .productPage .order-with-confidence { display: block } .productPage .full-details ul.arrow-list li.order_conf { height: auto; margin-bottom: 8px; font-size: 0.85em; } .productPage .full-details .tab-content ul li.oc-ni, .productPage .full-details .tab-content ul li.oc-ti { display: none } .productPage .full-width.colour-grade { background: #FFF; padding-bottom: 0; } .productPage .wrapper-block.cut { min-height: 150px } .productPage .wrapper-block h4 { font-size: 1.2em } #body.productPage #previouslyviewed ul li { margin-left: 50px } span.related-next { right: -30px } span.related-previous { left: -17px } .products-moments-intro, .products-moments-title { text-align: center } #body.productPage .moments-container li { width: 100%; margin-right: 0; } #body.productPage .moments-container li .moment-img-container { height: 170px; overflow: hidden; } } /******************************** FOOTER *****************************************/ // #footer .links h4.connect { // margin-bottom: 10px; // text-transform: uppercase; // } // #footer input { // height: 20px; // width: 175px; // } // .social-container > a > span { // color: #000; // font-size: 0.8em; // padding: 5px 6px; // -webkit-transition: all 0.3s ease; // -moz-transition: all 0.3s ease; // -ms-transition: all 0.3s ease; // -o-transition: all 0.3s ease; // transition: all 0.3s ease; // } .social-container > a:hover > span { background-color: #fff } .review-us > .review-container > div { float: left } .review-container { padding: 15px 0; width: 200px; } .ts-aggregate .name, .ts-aggregate .review-rating { font-weight: bold } .ts-aggregate .rating { color: #000 } .review-container a { text-decoration: underline } .review-container a:hover { text-decoration: none } @media screen and (max-width: 568px) { .review-container { margin: 0 auto; width: 200px; } } p.star-rating-rc img { margin-bottom: -5px } #footer .organisation a:hover { color: #555 } #navigation ul.arrow-list { padding: 0 } #footer .button { background-position: 0; padding: 0; height: 20px; width: 19px; text-indent: -9999px; margin-top: 4px; } #footer .links ul.footer-list li:before { display: none } #header input.search-reduce-font { font-size: 0.8em } /******************************** BLOG *****************************************/ .blog-home .row.pager-wrap .col50 { margin-top: 15px } /** *** MEDIA QUERIES **/ @media screen and (max-width: 1235px) { body { /*overflow-x: hidden;*/ } #header .strapline .smallSearch { display: block; margin: 10px auto 0; width: 162px; } #header #navigation ul.nav-ul { width: 100%; margin: 0; } #header #navigation ul.nav-ul:after { display: block } #header #navigation ul.nav-ul li { height: auto } #header .strapline .smallSearch #search_mini_form, #header .strapline .smallSearch #search_mini_form_mobile { display: none !important; border: 1px solid #ccc; float: left; width: 160px; } #navigation #search_mini_form { display: none } .breadcrumbs{ margin-left:2.3vw; } #header #navigation ul.top-menu-uk li h4{ width: 100%; } } @media screen and (max-width: 1235px) and (min-width: 1024px) { #header #navigation ul.nav-ul:after { clear: both; content: "."; display: block; font-size: xx-large; height: 0 !important; line-height: 0; overflow: hidden; visibility: hidden; } #header #navigation ul.nav-ul > li { float: left; // width: 20%; } #header #navigation ul.top-menu-uk > li { float: left; // width: 16%; } #header #navigation ul.nav-ul > li h4 a { padding: 0 } #header #navigation ul.top-menu-uk > li h4 a { padding: 0; font-size: 0.75em; } #header #navigation ul.nav-ul li .sub-menu .top-create-your-own > .col33 { width: 40% } #header #navigation ul.nav-ul li .sub-menu .top-create-your-own > .col33:last-child { width: 23% } } /*----- $_media_max_width_375 -----*/ @media screen and (max-width:375px) { #body.checkout .returning { border-top: none; margin-top: 0; padding-top: 0; } #body.checkout .returning .button { margin: 0 0 20px 0; } } /*----- $_media_min_width_376_max_width_667 -----*/ @media screen and (min-width: 376px) and (max-width: 667px) { #body.checkout .returning h4 { font-size: 1em; width: 75%; } #body.checkout .checkoutpod { font-size: 0.8em; } #body.checkout .checkoutpod p { width: 78%; } } /*----- $_media_min_width_668 -----*/ @media screen and (min-width: 668px) { #body.checkout .onestepcheckout-place-order-wrapper { margin-top: 20px; } #body.checkout .checkoutpod { font-size: 0.9em; } #body.checkout .checkoutpod p { width: 80%; } #body.checkout { margin: 0 auto; padding: 0 25px !important; } } /*----- $_media_max_width_1366 -----*/ @media screen and (max-width: 1366px) { #body.checkout .returning { display: inline-block; margin: 0; width: 100%; } #body.checkout .returning .button { margin: 0; } #body #checkout .payment-methods label[for="p_method_sagepaydirectpro"], #body #checkout .payment-methods label[for="p_method_sagepayserver"], #body #checkout .payment-methods label[for="p_method_sagepayform"] { padding-top: 7px !important; } #body.checkout .discreet { min-height: 50px; } /*#body #checkout ul.return-link{ text-align: right; float: right; }*/ #body #checkout ul.return-link li { line-height: 3.5em; margin: 0; } .breadcrumbs{ margin-left:1.3vw; } #boutiquemain_hype_container { margin-top:40px !important; } /*.ui-dialog-titlebar .ui-icon-closethick { margin-top: 0 }*/ .home-video-rotation-widget img { top: 1px !important } #body.homepage #hp-banner { height: 290px } #body.checkout #checkout h1 { padding: 0 0 20px 0; } #body.homepage #hp-banner .tabs { top: 80% } #header #navigation ul.nav-ul li .sub-menu .top-create-your-own > .col25 { padding-left: 1% } #header #navigation ul.nav-ul li .sub-menu .top-engagement > .col25 { padding-left: 1%; width: 30%; } #header #navigation ul.nav-ul li .sub-menu .top-engagement > .col33, #header #navigation ul.nav-ul li .sub-menu .top-create-your-own > .col33 { margin-left: 2%; width: 40%; } #header #navigation ul.nav-ul li .sub-menu .top-create-your-own > .col33 { width: 44% } #header #navigation ul.nav-ul li .sub-menu .top-engagement > .col33:last-child, #header #navigation ul.nav-ul li .sub-menu .top-create-your-own > .col33:last-child { width: 23% } #header #navigation ul.nav-ul li .sub-menu .row .wedding-rings-left { width: 56% } #header #navigation ul.nav-ul li .sub-menu .row .top-jewellery-left .row { padding-left: 0 } #header #navigation ul.nav-ul li .sub-menu .row .wedding-rings-left .row .col33 span { text-align: center; margin-left: 5px; } #header #navigation ul.nav-ul li .sub-menu .row .wedding-rings-right { width: 42% } #header #navigation ul.nav-ul li .sub-menu .row .wedding-rings-right h5 { margin-left: 5% } #header #navigation ul.nav-ul li .sub-menu .row .wedding-rings-right ul { margin-left: 5% } #header #navigation ul.nav-ul li .sub-menu ul.arrow-list li { margin-left: 15px } /** header **/ /** filters **/ #block-layered-nav-left { padding-left: 0 } .block.block-layered-nav { margin-bottom: 30px } #narrow-by-list-left ol li a, #body.productList #filters .clickable, #body.productList #filters .ticked, #body.productList #filters .notavailable { margin-right: 5px } // #narrow-by-list-left .gan-track { left: 3% } /** toolbar */ #body.productList .prod-listing .prod-views { width: 100%; padding: 0; margin-top: 10px; } #body.productList .prod-listing .prod-views > .col100 { border: none } #body.productList .prod-listing .prod-views .pnumbers { clear: none; line-height: 22px; } #body.productList .prod-listing .prod-views .pnumbers.paging { font-size: 1.3em } #body.productList .prod-listing .prod-views .pnumbers:last-child { margin-right: 20px } #body.productList .prod-views .pnumbers.paging li span, #body.productList .prod-views .pnumbers.paging li a { padding: 0 3px; border: 1px solid #EEECE7; } #body.productList .prod-views .pnumbers.paging li a:hover, #body.productList .prod-views .pnumbers.paging li a:active { border-color: #ccc } #body.productList .prod-listing .prod-sort { width: 100%; border: none; margin-bottom: 20px; padding-bottom: 10px; } #body.productList .prod-listing .prod-sort form { margin-right: 4% } #body.productList .prod-listing .prod-sort form:first-child { margin-right: 0 } #body.productList .prod-listing .prod-sort form:last-child { margin-right: 20px } /** stubs **/ #body.productList ul.product-grid li { width: 31.5% } #body.productList ul.product-grid li:nth-child(4n) { margin-right: 1.5% } #body.productList ul.product-grid li:nth-child(3n) { margin-right: 0 } .product-grid .product-cta .ratings { padding-right: 0 } #body.productList ul.product-grid li .ratings .amount { display: none } #body.productList ul.product-grid > li:hover .actions, #body.productList ul.product-grid > li .actions.active { display: none } .product-grid .product-cta .listing-button { width: 60% } /** Category pages **/ #category-pages .category-refresh .row .banner article span { font-size: 0.7em } #category-pages .category-refresh .achievements .col33 img { width: 200px } /** World of vashi **/ .vashi-story .content h2 { font-size: 1.5em } .vashi-story .vashi-proposers .description { width: 95% } .experience-vashi article { padding: 10% 20px 0 20px } /** Homepage **/ .hp-banner.hp-bottom-banner article { left: 5% } .hp-banner.hp-bottom-banner { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/homepage/hp-bottom-ring-wireframe.jpg') no-repeat 75% bottom transparent; background-color: #EEECE7; } /** Diamonds start page **/ .diamonds-start article { margin-left: 35%; width: 160px; margin-top: 15%; } .diamonds-start article h2 { font-size: 1em } .vashi-world .celeb-secrets .play-clip img.play { position: absolute; width: 40%; margin-left: 30%; margin-top: 10%; } .vashi-world .vashi-career .view-portfolio img.news { position: absolute; width: 40%; margin-left: 30%; margin-top: 10%; } .vashi-difference .content { margin-bottom: 12.3% } } @media only screen and (max-width: 959px) { .vashi-story .col66 { margin-bottom: 5%; margin-top: 4%; } /*.ui-icon-closethick { margin-top: -1.5% }*/ #category-pages .category-refresh .row .engagement-ring article .choose-diamond { margin-top: -12% } #category-pages .category-refresh .row .engagement-ring article { margin-bottom: 18% } #category-pages .category-refresh .row .earrings article .choose-diamond { margin-top: -12% } #category-pages .category-refresh .row .earrings article { margin-bottom: 18% } #category-pages .category-refresh .row .pendant article .choose-diamond { margin-top: -12% } #category-pages .category-refresh .row .pendant article { margin-bottom: 18% } .merchandising-pods .review { margin-top: 12%; font-size: 1em; } .merchandising-pods .five-star .review-center { display: none } } /*----- $_media_min_width_768 -----*/ @media only screen and (min-width: 768px) { #mobile-bar{ display:block; } .block-account ul.accordion { margin: 0; } .block-account.block-layered-nav h2 { background: none ; padding: 10px 30px 0 10px; margin: 0; } .block-account.block-layered-nav h2:before { content: ''; left: auto; position: relative; } #top-bar .whatsAppWrapper { display: block; float: left; } .whatsAppText { vertical-align: middle; } .whatsAppWrapper img { display: inline-block; max-width: 20px; vertical-align: middle; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .cat_hero { display: none } #body.productList ul.product-grid li { width: 31.3% } #header #navigation ul.nav-ul li.last .sub-menu h5 { font-size: 0.8em } #body.homepage #hp-banner { height: 350px } #body.homepage #hp-banner .tabs { top: 80% } .home-video-rotation-widget .hp-video-title { margin-top: 10% } } /*----- $_media_max_width_767 -----*/ @media only screen and (max-width: 767px) { #easter_hype_container{ display:none; position: fixed !important; top: 50%; z-index: 1000; margin-top: -119px !important; left: 50%; margin-left: -119px !important; } #mobile-bar{ display:none; } .product-details .mDetails > .configurable-options { width: 100% } .product-details .mDetails > .configurable-options .product-options { width: 99.6% } #body.productPage .col40 { width: 100%; margin: 2% 0; } #body.productPage .configurable-options #product-options-wrapper dl dt.free-engraving ul.accordion { margin: 4% 0 0 0 } #body.productPage .configurable-options #product-options-wrapper dl dt.free-engraving .input-text { width: 135px } #body.productPage .configurable-options #product-options-wrapper dl dt { padding: 4% 2%; width: 96% !important; } /*#wishlist-table*/ table#wishlist-table, #wishlist-table thead, #wishlist-table tbody, #wishlist-table th, #wishlist-table td, #wishlist-table tr { display: block; } #wishlist-table tr { border-bottom: solid 10px #cccccc; } #wishlist-table tr.last { border: none; } #wishlist-table thead tr { position: absolute; top: -9999px; left: -9999px; } #wishlist-table td { border: none; position: relative; } #wishlist-table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .my-account .my-wishlist .title-buttons h1 { text-decoration: underline; } .cart-cell { display: inline-block; width: 100%; } .data-table#wishlist-table .btn-remove { display: block; margin-top: 10px; background-color: #333; color: #fff; padding: 1em; } .mobile-remove-btn-right, .mobile-remove-btn-left { width: 45%; text-align: center; font-size: 1.05em; text-transform: uppercase; } .mobile-remove-btn-right { float: right; } .mobile-remove-btn-left { float: left; } .data-table#wishlist-table th:first-child, .data-table#wishlist-table td:first-child { min-width: 50%; margin: 0 auto; display: block !important; } /* $_Book_Appointment_popup */ #bookAppImage img.large { display: none; } #bookAppImage img.small { display: block; } #footer .whatsAppText { width: 80%; padding-left: 5px; } #booked-product-img-mobile{ display: block; } #footer .mail-container fieldset { margin: 0 auto } #footer .row .col75 { margin: 0 auto; float: none; } #videoPlayerDiv { padding: 0 } .home-video-rotation-widget .hp-video-title { margin-top: 10% } #body.homepage #hp-banner { height: 513px } #body.homepage #hp-banner .tabs { top: 65% } #body.productList ul.product-grid li { width: 31% } #narrow-by-list-left .gan-track-values { margin-left: 5px } #body.productList .prod-listing .prod-views .pnumbers { margin-left: 0 } /** Category pages **/ #category-pages .category-refresh .row .col50 { width: 100%; margin-left: 0; margin-bottom: 20px; } #category-pages .category-refresh .diamonds-treasured { display: none } #category-pages .blog-latest .desktop { display: none } #category-pages .category-refresh .row .col50 article .description { height: auto } #category-pages .category-refresh .row .col50 article .choose-setting { position: relative; margin-bottom: 10px; } /** World of vashi **/ .vashi-world {margin-top: 20vmax;} .vashi-world .vashi-story .read-more span { font-size: 0.8em } .vashi-world .vashi-right-main .top-right .watch-here { font-size: 0.7em; } .vashi-world .celeb-secrets .col33:last-child { display: none } .vashi-world .celeb-secrets .col33 { width: 50%; margin: 0 auto; } .vashi-world .celeb-secrets .col33 .play-clip { width: 80%; margin: 0 auto; } .vashi-world .vashi-career .col33:last-child { display: none } .vashi-world .vashi-career .col33 { width: 50%; margin: 0 auto; } .vashi-world .celeb-secrets .col33 { padding: 0 } .vashi-world .vashi-career .col33 { padding: 0 } .vashi-world .vashi-career .col33 .view-portfolio { width: 80%; margin: 0 auto; } .vashi-world .vashi-story { background: none; background-color: #eeece7; padding-top: 20px; } .vashi-world .vashi-story .col66 { width: 100%; margin: 0 auto; padding-bottom: 4%; } .vashi-world .vashi-story .col66 .content { margin: 0 auto; float: none; width: 80%; } .vashi-world .vashi-story .col66 .content h2 { font-size: 1.2em } .vashi-world .vashi-story .col66 .content .read-more { width: 150px } .vashi-world .vashi-story .col66 .content .read-more span { font-size: 0.8em } .vashi-world .vashi-story .col33 { width: 50%; margin: 0 auto; } .vashi-world .vashi-story .col33 .vashi-proposers { margin: 0 auto; width: 70%; padding-top: 20px; padding-bottom: 20px; } .vashi-world .celeb-quotes .quote p { font-size: 0.7em } .vashi-world .celeb-quotes .author { font-size: 0.8em } .vashi-world .experience-vashi article { padding: 2% 10px 0 10px } .vashi-world .experience-vashi article h2 { font-size: 1.4em } /** Homepage **/ .home-tv-advert-banner { background-size: 100% 100% } .hp-banner .banner-hp-description { padding: 10px 10px 20px 10px } .hp-banner h2 { margin: 20% 0 0 0; font-size: 1.1em; } .hp-banner .banner-hp-footer { margin-bottom: 17% } .homepage .review { font-size: 0.9em } .homepage .review-center h2 { font-size: 1.1em } .banner-hp-2-jewellery article h2 { margin: 25% 0 0 0 } .home-video-rotation-widget .hp-video-title.one-row { margin-top: 7% } /** Diamonds start **/ .diamonds-start .col33 { margin: 0 auto; width: 100%; background: none; } .diamonds-start .col33 article { margin: 0 auto; width: 100%; height: auto; } .diamonds-start .col33 article h2 { font-size: 1.2em } .diamonds-start .col33 article .description { height: auto; margin-bottom: 20px; } .diamonds-start .col33 article .diamond-head { height: auto } .vashi-difference .content { margin: 0 auto; color: #000; margin-bottom: 20px; } .vashi-difference .content h2 { color: #464646 } .vashi-difference .content p { color: #464646 } .exclusive-diamonds .content { margin: 0 auto } .exclusive-diamonds .content .description { height: 100% } /* .home-tv-advert-banner span { color: #fff } */ #hp-banner .home-video-rotation-widget .col66 { width: 100%; position: relative; } .home-video-rotation-widget .col33 { width: 100% } .hp-video-playlist { margin: 0 auto } .hp-video-playlist li { width: 33.3%; margin: 0 auto; float: left; } .home-video-rotation-widget .hp-video-title { font-size: 0.8em; text-align: center; float: left; width: 37%; margin: 0 auto; padding-top: 5%; padding-left: 1%; } .vashi-world .experience-vashi { margin-bottom: 3% } .vashi-world .experience-vashi .centre { margin: 0 auto } .vashi-world .experience-vashi article { padding: 4% 10% } .vashi-world .experience-vashi .col33:first-child { display: none } .vashi-world .experience-vashi .col33:last-child { display: none } .vashi-world .experience-vashi .col33 { width: 100% } .home-tv-advert-banner .buttons:hover span { color: #000 } .hp-banner.hp-bottom-banner .discover-button { width: 50%; max-width: 60%; } /** Diamonds page **/ .skip-middle-man .col25 { width: 100% } /** categories **/ #category-pages .category-refresh .row .engagement-ring article .choose-diamond { margin-top: 5% } #category-pages .category-refresh .row .earrings article .choose-diamond { margin-top: 5% } #category-pages .category-refresh .row .pendant article .choose-diamond { margin-top: 5% } #body.homepage #hp-banner .tabs { top: 85% } #category-pages .content .blog-image { height: auto } #category-pages .content .blog-image img { width: 100% } #category-pages .blog-latest .col33:nth-child(2) .content, #category-pages .blog-latest .col33:nth-child(3) .content { padding-bottom: 14px; border-bottom: 1px solid #fff; } #category-pages .blogpost-content p:nth-child(2) { height: auto } .home-video-rotation-widget video { top: -13px !important } #hpBannerVideos img { top: -13px !important } #body.homepage #hp-banner { height: 300px } #header #navigation ul.nav-ul > li h4 a { font-size: 0.8em } .homepage .hp-right-awards { padding-bottom: 7.5% } .homepage .merchandising-pods .review-center h2 { margin-bottom: 10%; margin-top: 5%; } .home-tv-advert-banner article h2 { font-size: 1em } .homepage .hp-right-awards img { width: 83.5% } .skip-middle-man .cycle .row { text-align: center } .skip-middle-man .cycle img { margin-left: 20%; margin-right: 20%; width: 60%; } .skip-middle-man .cycle .col33:first-child span { float: right } #category-pages .category-refresh .row .exclusive-diamonds { margin-bottom: 0 } .diamonds-start .col33.cyo-earrings { margin-bottom: 15px } .vashi-difference .content { margin-top: 40.4% } .viewings-dialog .product-slots { height: 444px } .viewings-dialog .product-tile { width: 98%; margin: 0 auto; margin-bottom: 1%; margin-top: 1%; background: #eeece7; } /*#body.productPage .product-options .switcher-field label { width: 16%; }*/ #body.productPage ul.details_thumbs { margin-top: 0 } /* ----- $_boutique_page ----- */ #boutiqueBackDrop { margin-top: 17vmax; } #boutiqueNumbersSection #internationCardNumber { width: 100%; margin-right: 0; } #boutiqueContactUsArticle { margin-top: 54vmax; } #callUsCard { border: 1px solid #000; } #liveChatCard { border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; } #liveChatCard .diamond_icon { display: none; } #emailCard { border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; } #inStoreCard { border-bottom: 1px solid #000; border-right: 1px solid #000; } #personalServiceCard { padding: 3em 4.2em; } #awardWinnersCard { padding-top: 3em; padding-bottom: 3em; } #popularQuestionsCard { padding-top: 3em; padding-bottom: 0; } #boutiqueBackDrop #homePageTagLine { margin-top: 158px; } .fullWidthBody { margin-left: 0!important; margin-right: 0!important; } #ourStoreCard { border: none; padding-bottom: 3em; } li.questionAnswer { padding: 0 19vmin; } .cardSubHeading { font-size: 2.5vmin; } .card h2 { font-size: 5vmin; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { #header #navigation ul.nav-ul > li h4 a { font-size: 0.7em } } @media screen and (max-width: 259px), screen and (min-width: 761px) and (max-width: 843px) { #body.productPage .product-options .switcher-field label { min-height: 24px } } @media screen and (max-width: 640px) { .v12-content, .bnpl-content { background-color: white; padding: 9% 7%; } .home-video-rotation-widget video { top: 1px !important } .viewings-dialog-wrapper { margin-top: 0 } #hpBannerVideos img { top: 0 !important } #navigation .sub-menu .row a img, #navigation .sub-menu li img, #navigation .sub-menu .row .col25 img { width: 40px } #navigation .sub-menu .row .col33 img { width: 30px } #navigation .sub-menu .row .top-world-first img, #navigation .sub-menu .row .top-world img, #navigation .sub-menu .row .top-world-last img { width: 100px } #navigation .image-list li img { margin-right: 2px } #header #navigation ul.nav-ul li .sub-menu .top-world-last { margin-left: 0.8% } #header #navigation ul.nav-ul > li .sub-menu { font-size: 0.9em } #header #navigation ul.nav-ul > li h4 a { font-size: 0.7em } .cms-index-index .ui-icon-closethick { line-height: 1.6em } #body.homepage #hp-banner { height: 445px } .homepage .review-center h2 { margin: 0; padding-bottom: 20px; } .homepage .hp-right-awards { padding: 8% } .homepage .merchandising-pods .col66 { width: 100%; margin-top: 5%; } .banner-hp-1-rings { background: none; background-color: #eeece7; } .hp-banner h2 { font-size: 1.2em; margin-top: 7%; } .hp-banner article { width: 100% } .hp-banner .banner-hp-footer { margin-bottom: 7% } .banner-hp-2-jewellery { background: none } .banner-hp-2-jewellery article { margin: 0 auto } .banner-hp-2-jewellery article h2 { margin-top: 7% } .homepage .merchandising-pods .col66 { margin-bottom: 0 } .homepage .review-content .image { display: none } .merchandising-pods .col33 { width: 100%; margin: 0 auto; } .homepage .hp-right-awards { margin-top: 0 } .hp-banner.hp-bottom-banner { background: none } .hp-banner.hp-bottom-banner article { left: 0; background: none; } #body.homepage .merchandising-pods { margin-bottom: 0 } .home-tv-advert-banner { background: none } .home-tv-advert-banner article { margin: 0 auto } .advert-awards-row .col66 { width: 100%; margin: 0 auto; } .advert-awards-row .col33 { width: 100%; margin: 0 auto; } .homepage .hp-right-awards img { width: 50% } .homepage .merchandising-pods .review-center h2 { margin-bottom: 0 } .homepage .merchandising-pods .hp-banner h2 { margin-top: 4% } .homepage .merchandising-pods .hp-banner .banner-hp-footer { margin-bottom: 4% } #body.homepage .merchandising-pods { margin-top: 0 } .homepage .review { font-size: 1em } .homepage .hp-right-awards { padding: 4% } .hp-banner.hp-bottom-banner article { top: 15% } } /** Vashi mobile **/ @media screen and (max-width: 568px) { #header #navigation ul.nav-ul li .french-nav-headers { font-size: 1.1em } #category-pages .hero .col66 .catalog-refresh { width: 100% } #header #navigation ul.nav-ul li h4 a.active:after { display: none } #body.homepage #hp-banner { height: 371px; border-top: 1px solid #eeece7; margin: 0 -5px; } #body.homepage #hp-banner .tabs { top: 80% } .block-layered-nav #filters ul.accordion > li { padding: 20px 5px 5px !important } .block-layered-nav ul.accordion li h4 { text-align: center } #header .logo-row.logged-in { padding-bottom: 0 } #header .strapline .smallSearch { padding-top: 5px } #header .strapline .userMob { margin-bottom: 7px } .mobPod { background-color: #EEECE7; padding: 10px; position: relative; } #header .logo-row .icon-phone, #header .logo-row .mobPod > .icon-search, #header .logo-row .mobBasket, #header .logo-row .icon-wishlist, #header .logo-row .icon-user, #header .logo-row .icon-cart, #header .logo-row .icon-reorder { color: #000; font-size: 2em; padding: 0; display: inline-block; width: 15%; cursor: pointer; } #header .logo-row .icon-user.active, #header .logo-row .mobPod > .icon-search.active { color: #df5c48; position: relative; } #header .logo-row .icon-reorder.active { color: #df5c48 } #header .logo-row .icon-reorder, #header .logo-row .mobBasket { position: absolute; left: 0; } #header .logo-row .mobBasket { right: 10%; left: auto; } #header a.icon-basket { color: #000 } #header #navigation { height: auto; } #header .strapline .smallSearch #search_mini_form_mobile { margin: 0 auto; float: none; margin-bottom: 15px; height: 27px; } #header #navigation ul.nav-ul.hide { display: none } #header #navigation #menuHeader { overflow: hidden } #narrow-by-list-left ol li a, #body.productList #filters .clickable, #body.productList #filters .ticked, #body.productList #filters .notavailable { height: 20px; border: 1px solid #b1ccca; } #header #navigation:before, #header #navigation:after, #header #navigation ul.nav-ul li .sub-menu:before, #header #navigation ul.nav-ul li .sub-menu:after, #header #navigation ul.nav-ul li .sub-menu .row:after { display: none } #header #navigation ul.nav-ul li .sub-menu { background-color: #fff; border: none; } #header #navigation ul.nav-ul li.active .sub-menu { border: none; padding-left: 30px; } #header #navigation ul.nav-ul li .sub-menu .row div h5, #header #navigation ul.nav-ul li .sub-menu .row div .row, #header #navigation ul.nav-ul li .sub-menu .row div ul { margin-left: 0 !important } #header #navigation ul.nav-ul li .sub-menu .row .wedding-rings-left .row { margin: 0 0 5px 0; padding: 0; } #header #navigation ul.nav-ul li .sub-menu .row .top-jewellery-left .row { padding: 0 } #header #navigation ul.nav-ul li .sub-menu .row .top-jewellery-left .row .col50 { margin-left: 0 } #header #navigation ul.nav-ul li .sub-menu .row.top-jewellery .row > div { width: 45%; float: left; } #header #navigation ul.nav-ul li.active .sub-menu li, #header #navigation ul.nav-ul li .sub-menu .row .wedding-rings-left .row > div { line-height: 1em !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 15px !important; } #header #navigation ul.nav-ul li.active .sub-menu li:after, #header #navigation ul.nav-ul li .sub-menu .row .wedding-rings-left .row > div:after { width: 4px; height: 4px; content: ''; background-color: #df5c48; left: 1px; margin-top: 10px; position: absolute; } #header #navigation ul.nav-ul li.last .sub-menu .row > div > div { width: 45%; float: left; } #header #navigation ul.nav-ul li.last .sub-menu .row img { display: inline-block } #header #navigation ul.nav-ul li .sub-menu .row .wedding-rings-left .row .col33 span { margin: 3px 0 0 0 } #header #navigation ul.nav-ul li.active .sub-menu li a { line-height: 23px } #navigation li img { display: none } #navigation li br { display: none } #header #navigation ul.nav-ul li .sub-menu:before, #header #navigation ul.nav-ul li .sub-menu:after { display: none } #header #navigation ul.nav-ul > li .sub-menu > .row { padding: 0; border: none; position: relative; margin-bottom: 40px; top: -50px; } #header #navigation ul.nav-ul > li .sub-menu > .row > div { width: 100% !important; padding: 0 !important; border: 0 !important; height: auto !important; margin: 0 !important; } // #narrow-by-list-left .gan-track { // left: 3%; // width: 76%; // } .block-layered-nav ul.accordion li div.accordion-content { padding-bottom: 10px } ul.accordion li .reset { margin-top: 10px; margin-right: 3px; } #narrow-by-list-left ol li a img, #body.productList #filters .clickable img, #body.productList #filters .ticked img, #body.productList #filters .notavailable img { width: 20px; height: 20px; margin-right: 5px; } #narrow-by-list-left ol li a span { width: 110px; margin-right: 0; line-height: 20px; } #body.productList .prod-listing .prod-views { border: none; margin-bottom: 10px; } #body.productList .prod-listing .prod-views.pset-bottom { margin-top: 35px; margin-bottom: 0; } #body.productList ul.product-grid li { width: 47.5%; margin: 8px auto; } #body.productList ul.product-grid li .description .prod-name { font-size: 1em; height: 66px; overflow: hidden; } #body.productList ul.product-grid li .description .price-point { font-size: 0.9em; overflow: hidden; } #footer .links .mail input { margin: 0 auto } /** World of Vashi **/ .vashi-world .vashi-left-main { width: 100% } .vashi-world .vashi-right-main { width: 100%; margin: 0; } .vashi-world .vashi-right-main .top-right { margin-left: 0; background-color: #fff; } .vashi-world .vashi-right-main .top-right .play-clip { display: none } .vashi-world .vashi-right-main .celeb-quotes { margin: 0 auto; background-color: #eeece7; padding-top: 4%; } .vashi-world .celeb-secrets { margin: 0 auto; background-color: #fff; } .vashi-collection { margin: 0 auto; background: none; background-color: #fff; } .hp-video-playlist img { display: none } .home-video-rotation-widget .hp-video-title { width: 100%; line-height: 20px; padding: 5% 0 5% 0; height: 40px; } .vashi-world .experience-vashi { margin-bottom: 0 } .above-and-beyond .col33 { width: 100% } .home-video-rotation-widget .hp-video-title.one-row { margin-top: 0 } .date-selection #datepicker { width: 100% } .date-selection .date-times table { margin: 0 auto; : ; } .productPage #product-options-wrapper { margin-bottom: 5% } #footer .whatsAppWrapper { width: 100%; padding: 0 30px; } #footer .whatsAppText, #footer .whatsAppWrapper img { float: none; width: auto; margin-top: 0; } } .add-to-viewings-form{ font-size: 1em !important; } @media only screen and (max-width: 481px) { #wishlist-table td:first-child, #wishlist-table th:first-child{ display: block !important; } table#wishlist-table td:first-child{ width: 100% !important; } .ui-icon-closethick { content: 'X'; background-color: #fff; color: transparent; font-size: 13px; position: relative; background-position: left; background-size: 15px; background-repeat: no-repeat; cursor: pointer; } .fancybox-close{ background-size: auto !important; } .viewings-dialog .product-slots{ height: 144px; } // .ui-datepicker table{ // font-size: 1em; // } .time-table{ /*margin-left: auto;*/ /*margin-right: auto;*/ padding-right: 40px; } .desktop-reservation { display: none } .moments-appointment { display: none } .vashi-story-appointment { display: none } #booked-product-img { display: none } #booked-product-img-mobile { position: relative; display: block; overflow: hidden; } div#booked-product-img-mobile img { position: relative; width: 150px; height: 100%; overflow: hidden; margin-left: auto; margin-right: auto; } #filters .gan-attribute h4 { font-size: 0.7em; height: 20px; } #filters .gan-attribute h4.one-line { margin: 15px 0 5px 0 } .home-video-rotation-widget video { top: -26px !important } #hpBannerVideos img { top: -28px !important } #hpBannerVideos { height: 263px !important } #hpBannerVideos > div:first-child { top: -50px !important } #hpBannerVideos img { top: 0 !important } #body.homepage #hp-banner { height: 325px; border-top: 1px solid #eeece7; margin: 0 -5px; } .homepage .hp-center-text { margin-top: 20px } .viewings-dialog #viewings-login-form { width: 100% } .viewings-dialog #viewings-register-form { width: 100% } .viewings-modal .contact-us { width: 100%; margin-top: 10px; margin-bottom: 10px; } .product-details .mDetails > .configurable-options .product-options { width: 99% } } /* Mobile (Portrait) - design for a width of 320px */ @media screen and (max-width: 320px) { .viewings-dialog { max-width: 320px; font-size: 14px; } .viewings-dialog .viewings-intro h2 { font-size: 22px } .viewings-dialog .login-content .viewings-intro p { font-size: 14px } .viewings-dialog .login-content { font-size: 14px } .viewings-dialog .login-content .remember-me { text-align: center; margin-bottom: 1em; width: 100%; } .viewings-dialog .login-content .forgotten-pass { text-align: center; width: 100%; } .viewings-dialog .input-box-left { width: 100%; float: none; text-align: center; } .viewings-dialog .input-box-right { width: 100%; text-align: center; float: none; } .viewings-dialog .product-tile { width: 85% } .time-table { padding: 0 } .product-slots .product-tile h4 { font-size: 14px; margin-top: -45px; margin-bottom: 10px; float: left; margin-left: 60px; text-align: left; } span.label { display: none } .product_1, .product_2, .product_3, .product_4, .product_5 { display: none } .viewings-dialog .product-slots { height: 144px } .viewings-dialog .add-to-viewings-form { width: 100%; margin-bottom: 0; } } @media screen and (min-width: 420px){ #easter_hype_container{ display:none; } } @media screen and (max-width: 420px) { #body.homepage #hp-banner { height: 270px; border-top: 1px solid #eeece7; margin: 0 -5px; } .homepage .hp-center-text { margin-top: 20px } } @media screen and (max-width: 400px) { .home-video-rotation-widget video { top: -40px !important } #body.homepage #hp-banner { height: 250px; border-top: 1px solid #eeece7; margin: 0 -5px; } #hpBannerVideos img { top: 0 !important } #hpBannerVideos { height: 219px !important } .homepage .hp-center-text { margin-top: 60px } } @media screen and (max-width: 325px) { .home-video-rotation-widget video { top: -55px !important } #body.homepage #hp-banner { height: 255px; border-top: 1px solid #eeece7; margin: 0 -5px; } #hpBannerVideos img { top: -50px !important } #hpBannerVideos { height: 219px !important } .homepage .hp-center-text { margin-top: 60px } } @media only screen and (min-width: 567px) { #body.productList ul.product-grid .mobile-row-2 { width: 31.95%; margin: 0 auto; } #body.productList ul.product-grid .mobile-row-2 .description .prod-name { font-size: 1em; height: auto; overflow: hidden; } #body.productList ul.product-grid .mobile-row-2 .description .price-point { font-size: 0.9em; overflow: hidden; } .product-list-toolbar-bottom .load-more-products { display: none } .prod-sort .mobile-product-display { display: none } #body.productList .prod-listing .prod-views { width: auto } #body.productList .prod-listing .prod-sort { width: auto } #body.productList .prod-listing .prod-sort form { margin-right: 0; float: left !important; margin-right: 5px; } } @media only screen and (min-width: 767px) { #booked-product-img-mobile{ display: none; } #filters h4 img:hover + a.tooltip span { display: inline; position: absolute; color: #111; border: 1px solid #999999; background: #fff; } #filters .filter-content { min-height: 0 } .toolbar-show-per-page { display: block } #filters .gan-attribute { display: none } #filters .show-desktop { display: block; position: relative; width: 46%; float: left; margin: 1% 2%; height: 110px; } #filters .show-desktop .ttip-container { width: 98.5% } #filters .show-desktop .ttip-container .table { width: 95%; height: 72px; } #filters .filter-content { display: block; position: relative; width: 46%; float: left; margin: 1% 2%; min-height: 125px; } #filters .hide-desktop { display: none; width: 98%; height: auto; } #filters .hide-desktop h4 { text-align: center !important } #filters .hide-desktop .container-option { width: 16.66% } #filters .hide-desktop .filter-back { display: block } } @media only screen and (min-width: 1023px) { #contactboutique_hype_container{ height: 1120px !important; } #boutiquemain_hype_container{ top:-150px; height: 1206px !important; } #filters .filter-content { display: block; position: relative; width: 100%; float: left; padding: 0; margin: 0; } #filters .hide-desktop { display: none; width: 98%; } #filters .show-desktop { width: 31.3%; margin: 0% 1%; padding: 0.5% 0; } #filters .filter-back { display: none } } /** Christmas Countdown */ #banner-wrapper { text-align: center; display: block; padding: 10px 0; background: #df5c48; color: #fff; } .timer-value { text-shadow: 1px 1px 1px #676767; font-weight: bold; color: #fff; background: #ed897a; display: inline-block; padding: 8px; border-radius: 50%; text-align: center; min-width: 20px; } /*----- $_media_max_width_1010 ----- */ @media screen and (max-width: 1010px) { #banner-wrapper { display: none !important } } #category-pages .category-refresh .choose-diamond:hover a { color: black !important } .config-price, .config-attribute, .config-label { float: left; font-size: 0.8em; } /*----- $_media_max_width_360 ----- */ @media only screen and (max-width: 360px) { /* ONLY WHILE IN GRID VIEW */ .mobile-row-2 .config-price, .mobile-row-2 .config-attribute, .mobile-row-2 .config-label { font-size: 0.7em } } /*----- $_media_min_width_400_max_width_645 ----- */ @media only screen and (min-width: 400px) and (max-width: 645px) { .product-cta, .moblie-row-2 .product-cta { padding: 15px 4px 20px !important } } @media only screen and (min-width: 480px) and (max-width: 768px){ .appointment-details{ float:left !important; } .appointment-map{ display: block !important; } } .config-price { display: -webkit-box; display: inline-flex; line-height: 0.75cm; float: right; } .config-attribute { text-align: left; line-height: 0.75cm; } div.config-attribute a, div.config-price a { text-decoration: underline } .clearboth { clear: both } .config-label { padding-bottom: 10px } .ratings-stars { width: 65%; margin-left: auto; margin-right: auto; } h5.prod-name { color: #464646; } span.old-price { color: #DF5C48; text-decoration: line-through; margin-right: 3px; } .now-price { margin-right: 4px } tr.metal_config, tr.rhodium_config { display: none } .out-stock { text-decoration: line-through !important } .clear-settings { color: #7fbfd5; font-size: 13px; font-weight: normal; text-decoration: underline; margin-left: 8px; } div.flex { display: flex; flex-flow: row column; } .block-separator { box-shadow: -3px 0 2px -1px rgba(0, 0, 0, 0.20); -webkit-box-shadow: -3px 0 2px -1px rgba(0, 0, 0, 0.20); outline: 0; width: 3px; margin: 50px 0; } .post-view a { color: #df5c48 } .name-firstname .name-lastname { float: left } .emailaddress { clear: both } .thankyou-for-booking { width: auto; font-size: 32px; color: #333333; margin-bottom: 30px; } .your-appointment { width: 178px; font-size: 16px; color: #333333; text-align: left; margin-bottom: 17px } #appointment-address span.postcode{ color: #e75b43; text-decoration: underline; } .customer-appointment { font-size: 14px; line-height: 18px; color: #999999; margin-top: 20px; text-align: left; clear: both; } .appointment-map { width: 351px; height: 200px; background-image: linear-gradient(to left, rgba(237, 237, 237, 0.0) 0, #ffffff 100%); float: right; } .appointment-items { font-size: 16px } .moments-appointment, .vashi-story-appointment { width: 45%; height: 130px; background-color: #eeece7; text-align: left; padding: 10px; cursor:pointer; } .moments-appointment { float: left } .vashi-story-appointment { float: right } #footer-block .text { font-size: 14px; color: #999; margin-top: 20px; } #footer-block { margin-top: 30px } #footer-block.desktop{ width: 617px; margin-left:auto; margin-right: auto; } #remove-product { float: right; width: 20px; margin-top: -5px; } @media (max-width: 360px) { .appointment-map { display: none } .vashi-story-appointment { float: left } .thankyou-for-booking { font-size: 22px } .appointment-items { font-size: 14px } } .tree { padding: 0; background-color: #fafafa; width: 30%; float: left; box-sizing: border-box; margin-right: 23px; } .red { border-radius: 4px; background-color: #e75b43; border: #e75b43; } .swiper-button-prev { background-image: none } .spt { font-size: 64px; line-height: 1.3; color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); margin-top: 90px; } .sptt { font-size: 18px; line-height: 1.3; color: #ffffff; margin-bottom: 35px; } .spi { background-image: url("https://www.vashi.ie/skin/frontend/default/vashi/css/img/sip-and-see.jpg"); text-align: center; background-repeat: no-repeat; height: 450px; background-size: contain; } .dim { height: 363px; width: 636px; position: relative; float: right; bottom: 280px; background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/css/img/group-4.jpg'); background-size: auto; max-width: 100%; } .gpo { font-size: 24px; color: #333333; } .zul { } .what { margin-top: 50px; margin-left: 120px; width: 300px; font-size: 24px; color: #333333; } .from { /*font-size: 16px;*/ /*color: #999999;*/ } .cant { font-size: 18px; color: #333333; } .tel { font-size: 18px; color: #e75b43; text-decoration: underline; } .const { width: 14%; float: left; text-align: center; border-right: 1px solid #cdcdcd; } .law { border-radius: 2px; background-color: #ffffff; border: solid 1px #cdcdcd; width: 26%; float: left; padding: 32px 22px 10px; box-sizing: border-box; margin-right: 20px; } .Rectangle-216 { height: 350px; background-color: #f2f2f2; margin-bottom: 280px; } .lpo { font-size: 24px; color: #000000; text-align: center; } .lpoo { font-size: 14px; line-height: 1.7; color: #999999; text-align: left; } .every { font-size: 5vw; color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .the { font-size: 18px; line-height: 1.2; color: #ffffff; margin-bottom: 52px; } .bct { background-image: url("https://www.vashi.ie/skin/frontend/default/vashi/css/img/regentst.jpg"); height: 834px; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .take { font-size: 24px; line-height: 1.2; color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); width: 300px; margin-left: 50px; margin-bottom: 15px; padding-top: 180px; } .upon { font-size: 18px; line-height: 1.3; color: #ffffff; width: 300px; margin-left: 50px; } .two { font-size: 46px; color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); margin-bottom: 13px; } .situ { font-size: 21px; line-height: 1.0; color: #ffffff; width: 488px; margin-bottom: 24px; margin-left: auto; margin-right: auto; } .lko { margin-left: 85px; margin-top: 200px; } .phone { display: none } .desktop { display: block } .bcthome2 { background-image: url("https://www.vashi.ie/skin/frontend/default/vashi/css/img/hp2.jpg"); } .popular { font-size: 24px; color: #333333; padding-top: 48px; text-align: center; } .helpful { font-size: 16px; color: #999999; text-align: center; } .tak { margin-left: 120px } .supp { margin-top: 70px; margin-left: 90px; height: 120px; display: block; } /*----- $_media_max_width_767 -----*/ @media only screen and (max-width: 767px) { .extraordinary-items .row article .description { margin: 0; } .extraordinary-items .row article { width: 50%; } .extraordinary-items .row article .description { margin: 0 auto; } .extraordinary-1 .col-right, .extraordinary-3 .col-right, .extraordinary-4 .col-right, .extraordinary-5 .col-left, .extraordinary-6 .col-left { display: none; } .extraordinary-1 .col-left, .extraordinary-2 .col { width: 100%; } .extraordinary-items .row div { width: 100%; } .extraordinary-2.row article { top: auto; left: 10em; } .extraordinary-4.row article { left: auto; top: auto; } .extraordinary-5.row article { top: 26em; left: auto; margin: 0 auto; } .extraordinary-6.row article { top: auto; } } /*----- $_media_max_width_479 -----*/ @media only screen and (max-width: 479px) { #category-pages .blog-latest .col33 .content h2 { height: auto; } .extraordinary-items .row .col-right, .extraordinary-items .row .col-left, .extraordinary-items .row .col, .extraordinary-items .row article { width: 100%; } .extraordinary-items .row article { top: auto; left: auto; } .extraordinary-1.row article, .extraordinary-2.row article, .extraordinary-3.row article { top: 20em; left: auto; } .extraordinary-4.row article { top: 6em; left: auto; } .extraordinary-5.row article { top: 26em; left: auto; } } /*----- $_media_max_device_width_480 ----- */ @media only screen and (max-device-width: 480px) { .appointment-details{ width: 100%; padding: 5% 7%; } .appointment-date{ } .situ { font-size: 16px; width: 300px; } .two { font-size: 28px } .supp { margin-top: 0; margin-left: 65px; height: 300px; } .tak { margin-left: 0 } .law { border-radius: 2px; background-color: #ffffff; border: solid 1px #cdcdcd; width: 90%; float: left; padding: 10px 12px 10px 12px; box-sizing: border-box; margin-bottom: 10px; margin-right: auto; margin-left: 17px; } .lpo { font-size: 14px } .lpoo { font-size: 14px } .helpful { font-size: 14px } .popular { font-size: 14px } .Rectangle-216 { width: 100%; height: 222px; background-color: #f2f2f2; } .laaw { width: 280px; margin-left: 20px; margin-bottom: 10px; padding: 5px 12px 5px 12px; } .tree { width: 100%; margin: 10px 0 10px 0; } .cant { font-size: 14px } .tel { font-size: 14px } .const { width: 100%; margin-left: 0; font-size: 14px; text-align: left; } .lko { margin-left: auto; margin-top: 0; text-align: center; margin-right: auto; } .pop { width: 266px; min-height: 152px; background-size: cover; margin-left: auto; margin-right: auto; } .bct { background-image: url("https://www.vashi.ie/skin/frontend/default/vashi/css/img/home_mobile.png"); height: 250px; width: 100%; background-size: cover; background-repeat: no-repeat; } .every { font-size: 24px; color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .the { font-size: 14px; line-height: 1.6; color: #ffffff; margin-bottom: 15px; } #booked-product-img { display: none; margin-top: -30px; } #booked-product-img-mobile { position: relative; display: block; overflow: hidden; } div#booked-product-img-mobile img { position: relative; width: 150px; height: 100%; margin-bottom: 50px; overflow: hidden; margin-left: auto; margin-right: auto; } .phone { display: block } .desktop { display: none } .spt { font-size: 24px; color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); margin-top: 0; } .sptt { font-size: 14px; line-height: 1.3; color: #ffffff; } .spi { background-image: url("https://www.vashi.ie/skin/frontend/default/vashi/css/img/spi_mobile.png"); background-size: cover; padding-top: 50px; text-align: center; background-repeat: no-repeat; height: 240px; } .btn { padding-top: 10px; padding-left: 20px; padding-bottom: 10px; padding-right: 20px; font-size: 14px; } .taake { font-size: 14px; line-height: 1.3; color: #333333; margin-top: 26px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 160px; } .uppon { font-size: 12px; line-height: 1.6; color: #999999; width: 250px; margin-left: auto; margin-right: auto; } .fop { width: 266px; height: 152px; background-size: cover; background-image: url("https://www.vashi.ie/skin/frontend/default/vashi/css/img/dim_mobile.jpg"); margin-left: auto; margin-right: auto; } .foop { width: 290px; height: 190px; margin-left: auto; margin-right: auto; background-color: #fafafa; position: relative; bottom: 80px; } } div.tree > div > h2 { font-size: 2vmax !important } div.tree div > p { font-size: 2.5vmin !important } .contact-us-address { background-image: url('/skin/frontend/default/vashi/css/img/group.jpg'); background-repeat: no-repeat; position: relative; float: right; bottom: 280px; width: 636px; height: 363px; background-size: auto; max-width: 100%; } .fancybox-opened .fancybox-skin { box-shadow: none !important } .fancybox-skin{ background: none !important; } div.ui-datepicker-inline, div.ui-datepicker-header, .ui-state-default, .ui-datepicker-calendar tr, .ui-datepicker tbody tr { border: none !important; background: none !important; } span.ui-button-text { color: #999 !important; } div.ui-dialog.ui-widget { border-radius: 3px; background-color: rgb(255, 255, 255); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.11); border: 1px solid rgb(224, 224, 224); top: 0; margin-top: 10px; } .ui-widget-header .ui-icon { background-image: url('/skin/frontend/default/vashi/images/arrow.png') } .ui-icon-circle-triangle-w { background-position: 0 -37px } .ui-icon-circle-triangle-e { background-position: 0 -5px } .ui-datepicker-title { font-weight: normal !important } .ui-state-hover { background-color: #ffd8d1 !important } /*.ui-datepicker-calendar .ui-state-active { background-color: #e15b43 !important; width: 40px !important; }*/ .ui-datepicker-prev, .ui-datepicker-next, .ui-state-disabled { opacity: 1 !important } div.ui-dialog-titlebar.ui-widget-header { background: none; border: none; } .ui-widget { font-family: inherit; } button.ui-button.ui-state-hover { background: none !important; } a.ui-state-hover { background: none !important; border:none !important;; } .fancybox-close{ background-image: url('/skin/frontend/default/vashi/images/close-button.png') !important; position: absolute !important; right: -50px !important; width: 136px !important; background-repeat: no-repeat !important; } div.boutique-gallery .fancybox-skin{ margin-left: 80px; margin-right: 80px; } div.boutique-gallery .fancybox-wrap{ } .fancybox-next { right: -120px !important; } .fancybox-prev { left: -120px !important; } .fancybox-next span{ background: transparent url("/skin/frontend/default/vashi/images/RightArrow.png") no-repeat scroll 0% 0% !important; } .fancybox-prev span{ background: transparent url("/skin/frontend/default/vashi/images/LeftArrow.png") no-repeat scroll 0% 0% !important; } .fancybox-nav span{ width: 81px !important; height: 81px !important; visibility: visible !important; background-size: 5vmax !important; } #select-store-button{ height: 15px !important; font-size: 14px; width: 45px !important; } span.ui-selectmenu-text{ padding: 0 !important; } ul#select-store-menu{ background: none !important; border:none !important; } ul#select-store-menu li{ font-size: 14px !important; line-height: 1.4em !important; color: #464646; } ul#select-store-menu li.ui-state-focus{ background: #fafafa !important; border: none !important; } // .ui-state-focus { // margin: 0 !important; // } .ui-menu-item{ border:0 !important; } span#select-store-button.ui-state-hover{ background: none !important; } // input#price-input-from, input#carat-input-from{ // font-size: .8em; // } .ui-corner-all, .ui-corner-top{ border: none !important; } *:focus { outline: none; } .boutique-overlay .fancybox-close{ top: 15px; right: 40px !important; } .ui-datepicker-next span, .ui-datepicker-prev span{ width: 20px !important; height: 20px !important; } .no-close .ui-dialog-titlebar-close { display: none; } .watch-advert, .our-diamond{ position: relative; } ul#booking-confirm.add-to-viewings.item-action{ width: auto; margin-left: auto; margin-right: auto; } .carousel_pictures{ background-size: 100% 100%; background-repeat: no-repeat; } img.cyo-product_image-s3{ width: 706px; } .ui-datepicker-next-hover, .ui-datepicker-prev-hover{ top:2px !important; } .ui-datepicker-next-hover{ right: 2px !important; } .ui-datepicker-prev-hover{ left: 2px !important; } div.top-breakline{ display: none !important; } .diamond-list #filters .filter-content .image-align-default{width:89%} .diamond-list #filters #advancednavigation-filter-content-shape-left.filter-content .image-align-default {width: 100%;} .diamond-list #filters .filter-content .container-option img.shape{height:15px;} .diamond-list #filters .filter-content {margin: 0;min-height: 30px;padding: 0;width: 100%;border-bottom:2px solid #eeece7} .diamond-list #advancednavigation-filter-content-clarity-left.filter-content,.diamond-list #filters #advancednavigation-filter-content-shape-left.filter-content{border-bottom:0} .diamond-list #filters .filter-content .container-option .selection div,.diamond-list #filters .filter-content .container-option .selection a{ height: 35px;} .diamond-list #filters .filter-content h4{float: left;text-align: left;width: 11%;} .diamond-list #filters .filter-content h4 .more,.diamond-list #filters .filter-content h4 img.info{display:none;} .diamond-list #filters .filter-content .container-option{ width: 10%;} .diamond-list #narrow-by-list-left .gan-track-values.gan-track-values-right,.diamond-list #narrow-by-list-left .gan-track-values.gan-track-values-left{float:left;width:10%;clear:none;padding:0} .diamond-list #narrow-by-list-left .ring-slider .gan-track{margin-top:0} .diamond-list #narrow-by-list-left .ring-slider{float:left;margin:0 30px 0 20px;width:60%;} .diamond-list #narrow-by-list-left .gan-track{width:100%;} .diamond-list .gan-track .ui-slider-range{height:10px;} .diamond-list .ui-slider .ui-slider-handle-right{margin:0} .diamond-list .ui-slider .ui-slider-handle-left,.diamond-list .ui-slider .ui-slider-handle-right{height:10px !important;width:10px !important;margin-top:15px !important;} .diamond-list .gan-track .ui-slider-range{margin-left:5px;top:10px;} .diamond-list .ui-slider .ui-slider-handle-left{margin-left:0px;} .diamond-list .gan-track .ui-slider-range::before, .diamond-list .gan-track .ui-slider-range::after{left:0} .diamond-list #narrow-by-list-left .gan-track::after, .diamond-list #narrow-by-list-left .gan-track::before{border:0;border-color:transparent} .diamond-list #filters .filter-content .container-option .selection{min-height:25px;width: 100%; margin: 0;} .diamond-list #filters .filter-content .container-option .selection.default-selection{width:97%;} .diamond-list #filters .filter-content .container-option .selection.container-active{background: #eeece7 none repeat scroll 0 0;border:1px solid #000} .diamond-list #filters .filter-content .container-option .selection:hover{background: #eeece7 none repeat scroll 0 0;border:1px solid #000} .diamond-list{float: left;width: 100%;} #wrapper .diamond-list .category-products.nomargin, .diamond-list .category-products.nomargin{margin:0 !important} .diamond-list .nomargin .row{margin-left:0 !important} .diamond-list #filters .filter-content h4 { margin-bottom: 8px;} #body.productList .prod-listing .diamond-list #diamond-list td,.diamond-list #diamond-list tr td{padding:0} .diamond-list #diamond-list .shape img{width:15px;margin:0 !important; padding:2px;} .diamond-list .compare, .diamond-list .compare-ticked{background-position: 0 -29px;height: 27px;margin:0} .diamond-list .compare-ticked, .diamond-list .active, .diamond-list .compare-ticked{background-position: 0 -2px;} .diamond-list #diamond-list th{padding:0.05em} .diamond-list .category-top-filters{border-bottom:2px solid #eeece7;margin-bottom: 0 !important;width: 100%;} #wrapper .diamond-list #narrow-by-list-left .gan-track-values .from,#wrapper .diamond-list #narrow-by-list-left .gan-track-values .to {margin-top:5px;} .diamond-list #filters .filter-content .container-option .selection,.diamond-list #filters .filter-content .container-option .selection:hover,.diamond-list #filters .filter-content .container-option .selection.container-active { border-right: 0} .diamond-list #filters .filter-content .container-option:first-child .selection { border-left:0;} .diamond-list #filters .filter-content .container-option:first-child .selection.default-selection{ border-left:1px solid #000;} .diamond-list #filters .filter-content .container-option .selection.default-selection,.diamond-list #filters .filter-content .container-option .selection.default-selection:hover { border-right: 2px solid #eeece7; border-top:0; border-bottom:0;} .diamond-list #filters #gan { padding-bottom: 0; border-left:2px solid #eeece7;border-right:2px solid #eeece7;width:auto;} .diamond-list .tborder{border:2px solid #eeece7} #body.productList .prod-listing table#diamond-list tr.item.last td{border-bottom:0} .left-section{width:50%;float:left;} #diamond-list-row .category-products .row .col50{width:98%} .settings{width:100%;float:left;border:2px solid #eeece7;min-height:215px;position:relative} .settings .settingsname{width:100%;display:block;background:#eeece7} .settings .settingsname ul{list-style:none;padding:10px;} .settings .settingsname ul li{display:inline;} .settings .settingsname ul li a{ font-size: 0.75em;line-height: 1.2em;padding:0 5px;} .settings .settingsname ul li a.active{font-weight:bold} .settings .settingsname .setting-grid ul.product-grid li{padding:0; border:0} #wrapper #settings-list-row .category-products,#wrapper #settings-list-row .category-products .prod-list{min-height:100px; margin-top: 0 !important;top:-6px;} #body.productList .settings ul.product-grid > li{padding:0; border:0;opacity:0.5;cursor:pointer} #body.productList .settings ul.product-grid{border-bottom:0;min-height:150px;} #body.productList .settings ul.product-grid .description{min-height:50px;} #body.productList .settings ul.product-grid > li.selected{opacity:1;margin:0} #body.productList .settings ul.product-grid > li a{display:block} #body.productList .prod-listing .settings .prod-name{font-size:.7em} #body.productList table#diamond-list tr.item.active,#body.productList table#diamond-list tr:hover{background:#eeece7;cursor:pointer} #settings-list-row #advancednavigation-filter-content-diamond_shapes-left,#settings-list-row #advancednavigation-filter-content-metal-left,#settings-list-row #advancednavigation-filter-content-price-left , #settings-list-row #advancednavigation-filter-content-gs_type-left,#settings-list-row #filters h2 , #settings-list-row #advancednavigation-filter-content-style_type-left h4{ display:none;} #settings-list-row #advancednavigation-filter-content-style_type-left { width: 100%; margin: 0; background: #f1f1f1 none repeat scroll 0 0; min-height:auto;padding:0} #settings-list-row #advancednavigation-filter-content-style_type-left > div { padding:0; border-bottom: 2px solid #eeece7;} #settings-list-row #advancednavigation-filter-content-style_type-left img { display: none;} #settings-list-row #advancednavigation-filter-content-style_type-left .container-option { width: auto; min-height: 22px; text-align: left;} #settings-list-row #advancednavigation-filter-content-style_type-left .selection { border:0; height:auto; width:auto; margin:0;min-height:22px;} #settings-list-row #advancednavigation-filter-content-style_type-left .selection a { height: auto;margin:0;} #settings-list-row #advancednavigation-filter-content-style_type-left .selection a .filter-label { line-height: 2em; font-size: 1em; padding: 0 5px; height:22px;text-decoration:underline} #settings-list-row #advancednavigation-filter-content-style_type-left .selection a.active .filter-label { color:black;font-weight:600;text-decoration:none} .cyo_list_product #product-description { float: left; margin-top: 10px; position: relative;width:100%;min-height:555px;} .cyo_list_product #product-description h2 { font-size: 1em;line-height: 1.5em;padding:0 5px; margin-top: 10px;} .cyo_list_product .details_thumbs { list-style: none; } .cyo_list_product .setting_metal { position: absolute; right: 0; list-style: none; z-index: 1} .cyo_list_product .setting_metal li{margin-bottom: 5px;text-align: center;height:22px;} .cyo_list_product .setting_metal a{display: block;height: 18px;} .cyo_list_product .setting_metal li a span{display:block;float:left;font-size:14px;margin-left:5px;} .cyo_list_product .setting_metal .selected a img{border:2px solid #eeece7;margin-left:0} .cyo_list_product .setting_metal a span.txt{line-height: 1.6;} .cyo_list_product .setting_metal a span.img{width:25px;} #body .left-section .description-block {width: 90%;background-color: #eeece7;clear: both;padding: 5%;margin: 0;} #body .left-section .description-block p{width: 98%; font-size: 0.8em;line-height: 1.5;color: #998e73;margin:0 auto 10px auto;text-align: center;} .product-info{width:55%;float:left; margin-top: 15px; min-height: 200px} .product-info ul{list-style:none;margin-bottom:20px;} .product-info .contact-us-block{clear:both} .product-info .contact-us-block a{font-size:0.8em;text-decoration:underline;} .product-info ul li .product-name,.product-info ul li .total-price-amt{ float: left; /*font-size: 0.8em;*/ margin-right: 5%; width: 62%; color:#464646; line-height:1.3; margin-bottom:5px; } .product-info ul li .product-price{float: left; /* font-size: 0.9em;*/ /* font-weight:600;*/ text-align:right; width:33%; /* color:#df5c48*/ } .product-info ul li .product-price.total{font-size:1em} #cyo_addtocart{width:40%;margin-left:5%;float:left;text-align:center;} .cyo_list_product .finance-options{float: left;margin-left: 5%;text-align: center;width: 39%;border:1px solid #eeece7;margin-bottom:15px;} .cyo_list_product .right-section { float: left;width: 48%;padding-left:2%;position:relative} .product-description .sku{ margin-bottom: 20px;} .cyo_list_product .right-section .title{margin:25px 0} .image-align-default .selection .active{background:#eeece7} #advancednavigation-filter-content-shape-left .image-align-default .selection .active{background:none} .ajaxdiamond{border-left:2px solid #eeece7; border-right:2px solid #eeece7;border-bottom:0} .ajaxdiamond #filters .filter-content#advancednavigation-filter-content-clarity-left{border-bottom:2px solid #eeece7;} .ajaxloader{position:absolute;width:32px;height:32px;left:0; right:0;top:0;bottom:0;margin:auto;} #product-description .product-add-to-block-2{float: left;width: 48%;} .cyo_list_product #product-description h2{float:left;width:50%;} .cyo_list_product #product-description .add-to-viewings{float:right;} .cyo_list_product #product-description .link-add-to-viewings{font-size: 0.7em;} .settings-list #advancednavigation-filter-content-carat_filter-left{display:none} #diamond-list tbody tr td.loading{height:500px;} #diamond-list tbody tr.load:hover {background:none !important;} .right-section .size-guide-label-link a{cursor: pointer;float: right;font-size: 0.8em;line-height: 1.5;margin-bottom: 5px;text-decoration: underline;} .contact-up-popup ul{list-style:none;} .contact-up-popup ul span{display:inline-block;} .contact-up-popup ul span.title{width:120px;} .contact-up-popup ul span.text{width:auto;font-size:0.9em} .contact-up-popup ul span.text a{text-decoration:underline;cursor:pointer} .disabled-shape{ opacity: 1; } .disableshape{ opacity: 0.5; } .disableshape a{ cursor:default !important; } /* #footer .icon-google-plus, #footer .icon-instagram { background-repeat: no-repeat; display: inline-block; width: 1em; height: 1em; margin: 0; padding: 0!important; } */ #footer .icon-facebook, #footer .icon-twitter, #footer .icon-instagram, #footer .icon-youtube, #footer .icon-google-plus, #footer .icon-pinterest { background-image: url('/skin/frontend/default/vashi/images/follow-us-logos.png'); background-repeat: no-repeat; background-size: 348px; display: inline-block; width: 30px; height: 25px; margin: 0; padding: 0!important; } #footer .icon-instagram { background-position: -137px -59px; } #footer .icon-instagram:hover { background-position: -137px -20px; } #footer .icon-twitter { background-position: -89px -59px; } #footer .icon-twitter:hover { background-position: -89px -20px; } #footer .icon-facebook { background-position: -40px -59px; } #footer .icon-facebook:hover { background-position: -40px -20px; } #footer .icon-youtube { background-position: -183px -59px; } #footer .icon-youtube:hover { background-position: -183px -20px; } #footer .icon-pinterest { background-position: -283px -59px; } #footer .icon-pinterest:hover { background-position: -283px -20px; } #footer .icon-google-plus { background-position: -236px -59px; } #footer .icon-google-plus:hover { background-position: -236px -20px; } /* #footer .icon-google-plus { background-image: url('/skin/frontend/default/vashi/images/google-logo.png'); } */ #footer .icon-facebook:before, #footer .icon-twitter:before, #footer .icon-instagram:before, #footer .icon-youtube:before, #footer .icon-pinterest:before, #footer .icon-google-plus:before{ display: none; } .icon-instagram img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .icon-instagram img:hover{ -webkit-filter: brightness(0) invert(0); filter: brightness(0) invert(0); } /*----- $_media_min_device_width_320_max_device_width_736 -----*/ /** Cart page Ui as per Desmond Mockup **/ @media only screen and (min-device-width : 320px) and (max-device-width : 736px) { #body.basket .basket-header .col50{width:50% !important;} #basket .return-link{position: absolute;right: 15px;} #body.basket .basket-header h1{font-size:6vmin} #basket .return-link li{ margin: 8px 0;} #basket .col50.aright.last {width: 100% !important;} .button.grad-orange.checkout-link.btn-proceed-checkout.btn-checkout > span {font-size:4vmin} #body.basket .checkout-link{margin:10px 0 0 0; } .basket-img > img {height: auto;width: 100px !important;} #body.basket #shopping-cart-table{margin-top:10px;} #body.basket .messages{margin:0} .basket-desc h3.product-name{margin:10px 0} #body.basket .basket-remove a:first-child{margin-top:10px;} .basket-remove.acenter{text-align:left;} .basket-remove.acenter a { font-size: 3vmin;height: 21px !important;/* line-height: 1 !important; */text-align: center;color: gray;text-transform: uppercase;margin-bottom: 5px;padding: 5px 6px;} #body.basket .promo-pod .mod{width:90% !important;padding:1.5% 3%} #body.basket .promo-pod .mod p{font-size:3.7vmin} #body.basket .promo-pod .mod h5{font-size:5vmin} #body.basket .promo-pod select{width:90%;} #body.basket .messages li.success-msg ul{/*background: rgba(211,211,211,0.31);*/font-size: 12px;} #body.basket #shopping-cart-table th.basket-img, #body.basket #shopping-cart-table td.basket-img{padding-top: 10px !important;} #body.basket .gift-wrapping .col25 .free-del{ width: 151px;} #body.basket .gift-wrapping p{ margin: 5px 0;padding: 5px 0;} .checkout-cart-index .footer-full-width{display:none;} } /*----- $_media_min_device_width_768_max_device_width_1024_webkit_ratio_1 -----*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { .checkout-cart-index.touch-device.mob .wrapper.content{margin-top: 75px !important;} .checkout-cart-index.touch-device.mob #body{margin: 0 20px 0 20px;} .checkout-cart-index.touch-device.mob #body.basket .basket-header{padding: 0 0 0 0;} .checkout-cart-index.touch-device.mob #shopping-cart-table .basket-img{max-width: 100%;} .checkout-cart-index.touch-device.mob #shopping-cart-table .basket-img img{margin-top: -8px;height: auto;width: auto;} .checkout-cart-index.touch-device.mob #shopping-cart-table .basket-desc .product-name{margin-top: 0;} .basket-remove.acenter a { font-size: 1.75vmin;text-align: center;color: gray;text-transform: uppercase;margin-bottom: 5px;padding: 5px 6px;margin-left: 10px;} .checkout-cart-index.touch-device.mob .row.promo-pod .col40{width:auto;} .checkout-cart-index .footer-full-width{display:none;} } /*----- $_media_min_device_width_768_max_device_width_1024_webkit_ratio_2 -----*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { .checkout-cart-index.touch-device.mob .wrapper.content{margin-top: 75px !important;} .checkout-cart-index.touch-device.mob #body{margin: 0 20px 0 20px;} .checkout-cart-index.touch-device.mob #body.basket .basket-header{padding: 0 0 0 0;} .checkout-cart-index.touch-device.mob #shopping-cart-table .basket-img{max-width: 100%;} .checkout-cart-index.touch-device.mob #shopping-cart-table .basket-img img{margin-top: -8px;height: auto;width: auto;} .checkout-cart-index.touch-device.mob #shopping-cart-table .basket-desc .product-name{margin-top: 0;} .basket-remove.acenter a { font-size: 1.75vmin;text-align: center;color: gray;text-transform: uppercase; margin-bottom: 5px;padding: 5px 6px;margin-left: 10px;} .checkout-cart-index.touch-device.mob .row.promo-pod .col40{width:auto;} .checkout-cart-index .footer-full-width{display:none;} } #cto_cookies_header_message{ display: none; !important; } #p_method_c3v12finance{ display: none !important; } label[for=p_method_c3v12finance]{ display: none !important } /** Sign in page **/ .customer-account-login #body h1{ text-align: center; font-size: 2.1em; } a[title="Close window"]{ font-family: 'MarkPro',sans-serif; padding: 0 8px 0; font-size: 1.4em; text-decoration: none; } a[title="Close window"]:hover{ color: #df5c48; } /* $_various */ /* This is for development perposes only */ #ascommercebug_link_debug { top: 0; position: fixed; z-index: 1002; } .cursorPointer { cursor: pointer; } .tintOverlay { background: rgb(51, 51, 51); background-color: rgba(51, 51, 51,0.5); display: none; height: 100%; position: fixed; width: 100%; z-index: 2; } .centerImage { margin: 0 auto; display: block; } .textUppercase { text-transform: uppercase; } .lineBreak { margin: 0; } .displayNone { display: none; } .textAlignRight { text-align: right; } .textAlignLeft { text-align: left; } .textBold { font-weight: bold; } .link:hover { text-decoration: underline; } /* DatePicker Container */ .ui-datepicker { width: 322px; height: auto; margin: 5px auto 0; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .ui-datepicker a { text-decoration: none; } /* DatePicker Table */ .ui-datepicker table { width: 100%; } .ui-datepicker-header { color: #333333; font-family: Questrial; font-size: 16px; filter: dropshadow(color=#000, offx=1, offy=-1); line-height: 30px; border-style: solid; border-color: #111; } .ui-datepicker-calendar th{ font-family: Questrial; font-weight: normal; } .ui-datepicker-title { text-align: center; } .ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-repeat: no-repeat; line-height: 600%; overflow: hidden; } .ui-datepicker-prev { float: left; background-position: center -30px; } .ui-datepicker-next { float: right; background-position: center 0px; } .ui-datepicker thead { } .ui-datepicker th { text-transform: capitalize; font-size: 16px; padding: 5px 0; color: #999; } .ui-datepicker tbody td { padding: 0px 0; } .ui-datepicker tbody td:last-child { border-right: 0px; } .ui-datepicker tbody tr { border-bottom: 1px solid #bbb; } .ui-datepicker tbody tr:last-child { border-bottom: 0px; } .ui-datepicker td span, .ui-datepicker td a { display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 40px; color: #666666; filter: dropshadow(color=#fff, offx=1, offy=1); } .ui-datepicker-calendar .ui-state-default { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); } .ui-datepicker-calendar .ui-state-hover { background: #ffd8d1; color: #e15b43; } .ui-datepicker-current-day { background: #df5c48; } .ui-datepicker-calendar .ui-state-active { background: #e15b43; color: #fff; position: relative; width: 100%; } .ui-datepicker-unselectable .ui-state-default { color: #cdcdcd; } .ui-datepicker-calendar td:first-child .ui-state-active { margin-left: 0; } .ui-datepicker-calendar td:last-child .ui-state-active { margin-right: 0; } .ui-datepicker-calendar tr:last-child .ui-state-active { height: 40px; margin-bottom: 0; } .ui-datepicker-today{ background: #fff !important; } .dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dk-select, .dk-select-multi { position: relative; display: inline-block; vertical-align: middle; line-height: 1.5em; width: 100%; cursor: pointer; } .dk-selected { white-space: nowrap; overflow: hidden; position: relative; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/select-icon.jpg') no-repeat #EEECE7; background-position: 5px 50%; border: 1px solid #CCCCCC; width: 100%; border-radius: 0.4em; padding: 5px 1.5em 5px 35px; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dk-selected:before, .dk-selected:after { content: ''; display: block; position: absolute; right: 0; } .dk-selected:before { top: 50%; border: solid transparent; border-width: 0.25em 0.25em 0; border-top-color: #CCCCCC; margin: -0.125em 0.5em 0 0; } .dk-selected:after { top: 0; height: 100%; border-left: 0; margin: 0 1.5em 0 0; } .dk-selected-disabled { color: #BBBBBB; } .dk-select .dk-select-options { position: absolute; display: none; left: 0; } .dk-select-open-up .dk-select-options { border-radius: 0.4em 0.4em 0 0; margin-bottom: -1px; bottom: 100%; } .dk-select-open-down .dk-select-options { border-radius: 0 0 0.4em 0.4em; margin-top: -1px; top: 100%; } .dk-select-multi .dk-select-options { max-height: 10em; } .dk-select-options { width: 100%; z-index: 100; background-color: white; border: 1px solid #CCCCCC; border-radius: 0.4em; overflow-x: hidden; overflow-y: auto; max-height: 10.5em; list-style: none; padding: 0.25em 0; margin: 0; } .dk-option-selected { background-color: #bad7d5; color: #fff; } .dk-select-options-highlight .dk-option-selected { background-color: transparent; color: inherit; } .dk-option { padding: 0 0.5em; } .dk-select-options .dk-option-highlight { background-color: #bad7d5; color: #fff; } .dk-select-options .dk-option-disabled { color: #BBBBBB; background-color: transparent; } .dk-optgroup { border: solid #CCCCCC; border-width: 1px 0; padding: 0.25em 0; margin-top: 0.25em; } .dk-optgroup + .dk-option { margin-top: 0.25em; } .dk-optgroup + .dk-optgroup { border-top-width: 0; margin-top: 0; } .dk-optgroup:nth-child(2) { padding-top: 0; border-top: none; margin-top: 0; } .dk-optgroup:last-child { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; } .dk-optgroup-label { padding: 0 0.5em 0.25em; font-weight: bold; width: 100%; } .dk-optgroup-options { list-style: none; padding-left: 0; } .dk-optgroup-options li { padding-left: 1.2em; } .dk-select-open-up .dk-selected { border-top-left-radius: 0; border-top-right-radius: 0; border-color: #bad7d5; } .dk-select-open-down .dk-selected { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: #bad7d5; } .dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before { border-width: 0 0.25em 0.25em; border-bottom-color: #bad7d5; } .dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after { border-left-color: #bad7d5; } .dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options { display: block; border-color: #bad7d5; } .dk-select-multi:hover, .dk-select-multi:focus { outline: none; } .dk-selected:hover, .dk-selected:focus { outline: none; border-color: #bad7d5; } .dk-selected:hover:before, .dk-selected:focus:before { border-top-color: #bad7d5; } .dk-selected:hover:after, .dk-selected:focus:after { border-left-color: #bad7d5; } .dk-select-disabled { opacity: 0.6; color: #BBBBBB; cursor: not-allowed; } .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus { border-color: inherit; } .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before { border-top-color: inherit; } .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after { border-left-color: inherit; } select[data-dkcacheid] { display: none; } /* Product Listing */ .prod-sort .dk-select { width: auto; } .prod-sort .dk-selected { padding: 2px 1.5em 2px 4px; background: #FFF; border: 1px solid #c5c5c7; border-radius: 0; } .prod-sort .dk-selected:before { border-top-color: #df5b57; } .prod-sort .dk-selected:hover { border: 1px solid #bad7d5; } .row .prod-sort { overflow: visible; } .prod-sort .dk-select.sortby_select { width: 142px; } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Simple Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // © guybowden, 2014 https://github.com/guybowden // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs { height: 55px; } .irs-with-grid { height: 75px; } .irs-line { height: 11px; top: 33px; background: #EEE; background:linear-gradient(to bottom, #eeece7 -50%, #FFF 150%); /* W3C */ border: 0/*1px solid #CCC*/; border-radius: 20px; -moz-border-radius: 20px; } .irs-line-left { height: 11px; } .irs-line-mid { height: 11px; } .irs-line-right { height: 11px; } .irs-bar { height: 11px; top: 33px; border-top: 0; border-bottom: 0; background: #df5c48; background: linear-gradient(to bottom, #eeece7 -50%, #FFF 150%); /* W3C */ } .irs-bar-edge { height: 11px; top: 33px; width: 14px; border: 0; border-right: 0; background: #428bca; background: linear-gradient(to bottom, #eeece7 -50%, #FFF 150%); /* W3C */ border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; } .irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: 25px; width: 27px; height: 27px; border: 2px solid #FFF; background: #df5c48; background: linear-gradient(to bottom, rgba(255, 69, 0,1) 0%,rgba(255, 69, 0,1) 20%,rgba(255, 69, 0,1) 100%); /* W3C */ border-radius: 27px; -moz-border-radius: 27px; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); cursor: pointer; } .irs-slider.state_hover, .irs-slider:hover { background: #FFF; } .irs-min, .irs-max { color: #333; /*font-size: 12px; line-height: 1.333;*/ font:normal 15px/30px 'Questrial', sans-serif; text-shadow: none; top: 55px; font-style:normal; visibility: visible !important; /*padding: 1px 5px;*/ /*background: rgba(0,0,0,0.1); border-radius: 0px; -moz-border-radius: 0px;*/ } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #df5c48; /*font-size: 14px; line-height: 1.333;*/ font: bold 15px/30px 'Questrial', sans-serif; text-shadow: none; /*padding: 1px 5px; background: #428bca; border-radius: 3px; -moz-border-radius: 3px;*/ } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 27px; } .irs-grid-pol { opacity: 0.5; background: #428bca; } .irs-grid-pol.small { background: #999; } .irs-grid-text { bottom: 5px; color: #99a4ac; } .irs-disabled { } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/js/fancybox/source/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/js/fancybox/source/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://www.vashi.ie/skin/frontend/default/vashi/js/fancybox/source/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://www.vashi.ie/skin/frontend/default/vashi/js/fancybox/source/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/js/fancybox/source/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/js/fancybox/source/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body.mob .cyo_list_product .right-section, body.mob .cyo_list_product .left-section { width: 100%; } body.mob .product-info { width: 100%; } body.mob .productList #filters .accordion { display: block; } body.mob #settings-list-row #filters { display: none !important; } body.mob #filters .filter-content { display: block; } body.mob #body.productList #filters .accordion { display: block; } @media screen and (max-width: 1024px) { body.mob.productList #filters .accordion { display: block; margin: 0; } } body.mob ul.product-grid.bxslider li { /*width: 30vw !important;*/ } body.mob .settings-list { border: none; } body.mob diamond-list { width: 80%; } body.mob #block-layered-nav-left + .category-products { position: relative; overflow: hidden; } body.mob #block-layered-nav-left + .category-products:after { content: ""; position: absolute; top: 0; left: calc(100%); width: 50px; height: 100%; border-radius: 10px 0 0 10px / 50% 0 0 50%; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25); } body.mob .breadcrumbs { background: #fff; margin: 0; padding: 1rem; position: fixed; top: 9.3vmax; width: 100%; z-index: 3; } #settings-list-row #advancednavigation-filter-content-style_type-left img { display: block; } #settings-list-row #advancednavigation-filter-content-style_type-left img.img-link { display: none; } body.mob #filters .gan-attribute { display: none; } body.mob .category-top-filters #filters .gan-attribute { display: block; } body.mob .filter-content:after { content: ''; display: table; clear: both; } body.mob .diamond-list #filters .filter-content h4 { margin-bottom: 8px; display: none; } body.mob .diamond-list #filters .filter-content .container-option { width: 50%; } body.mob .diamond-list #filters .filter-content .container-option img.shape { height: 40px; margin: 5px; } body.mob .diamond-list #narrow-by-list-left .gan-track-values.gan-track-values-left { float: none; clear: none; margin: 0; width: auto; } body.mob #filters .filter-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body.mob .category-top-filters #filters .filter-content { display: none; } body.mob .diamond-list #narrow-by-list-left .ring-slider { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 70%; margin-bottom: 20px; } body.mob .gan-track-values { width: 50% !important; margin: 0; } body.mob #narrow-by-list-left .gan-track-values .from { width: 100%; float: none; } body.mob #narrow-by-list-left .gan-track-values .to { width: 100%; float: none; } body.mob #narrow-by-list-left .gan-track-values input { font-size: 1.5rem; padding: .3rem; color: rgba(0, 0, 0, 0.4); } body.mob .diamond-list .gan-track .ui-slider-range { height: 20px; } body.mob .diamond-list .ui-slider .ui-slider-handle-left, body.mob .diamond-list .ui-slider .ui-slider-handle-right { height: 20px !important; width: 20px !important; margin-top: 20px; } body.mob .description-block, body.mob .why-vashi { display: none; } body.mob .cyo_list_product #product-description { min-height: inherit; } body.mob #body.productList .prod-listing .diamond-list #diamond-list td, body.mob .diamond-list #diamond-list tr td { padding: 1rem 0 !important; font-size: .9em; } body.mob #filters .filter-content { display: block; } body.mob .category-top-filters #filters .filter-content { display: none; } body.mob .cyo_list_product #product-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body.mob .cyo_list_product #product-description #carousel_hype_container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } body.mob .cyo_list_product #product-description h2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; padding: 0 1rem; margin: 0; text-align: center; } body.mob .cyo_list_product #product-description .setting_metal { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; position: relative; float: none; width: auto; margin: 1rem auto; } body.mob .cyo_list_product #product-description .product-add-to-block-2 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; float: none; width: auto; margin: 1rem auto; } body.mob .cyo_list_product #product-description .sku { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; text-align: center; } body.mob .preview-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body.mob .preview-panel__img { width: 75vw; } body.mob .preview-panel__description { font-size: 1.5rem; } body.mob .preview-panel__price { font-size: 2rem; } /*# sourceMappingURL=maps/app.css.map */ body.mob .left-section { position: relative; float: left; width: 100%; } body.mob .cyo_list_product .right-section { width: 100%; padding: 0; } body.mob .cyo_list_product #product-description h2 { width: 100%; margin-bottom: 1rem; text-align: center; } body.mob #product-description .product-add-to-block-2 { float: none; width: 100%; } body.mob .cyo_list_product #product-description .add-to-viewings { float: none; text-align: center; } body.mob .product-description .sku { margin: 1rem 0 2rem; text-align: center; } body.mob .cyo_list_product .setting_metal { position: relative; left: 1rem; } body.mob #body.productList .prod-listing .diamond-list #diamond-list td:first-child, body.mob #body.productList .prod-listing .diamond-list #diamond-list th:first-child { display: none; } body.mob #body.productList .prod-listing .diamond-list #diamond-list th { width: 100%; } body.mob .why-vashi { padding: 5%; } body.mob .why-vashi h4 { margin-bottom: 0; } body.mob .cyo_list_product .right-section .title { margin: 25px 0 0; padding: 5%; } .al-socialnets-viewing div.button{ margin-left: auto; margin-right: auto; } @media screen and (max-width: 1024px) { body.mob #body.productList #filters .accordion { display: block; } } /** Members Area from design **/ .customer-account-login .input-text::-webkit-input-placeholder{ text-align: center; color: #fff; } .customer-account-login .input-text::-moz-placeholder{ text-align: center; color: #fff; } .al-socialnets div.button{ padding:0px !important; line-height: 4em; } .al-socialnets img{ float: left; } .new-users .buttons-set{ margin-top: 15px; } #members .buttons-set>a[title*='retrieve your password']{ display: block; margin:15px 0 0; } div.al-socialnets.checkout div{ float: none; clear:none; } div.al-socialnets div.button{ display: block; float: none; clear:none; width: 50%; height: 50px; font-family: markpro, sans-serif; font-size: 0.8em; font-weight: bold; box-sizing: content-box; background-repeat: no-repeat; background-size: 2em; background-position-x: 5%; background-position-y: center; } div.al-socialnets div.button.facebook{ background-color: #3664A2; background-image: url(/skin/frontend/default/vashi/ajaxlogin/facebook.png); border:1px solid #3664A2; } div.al-socialnets div.button.google{ background-color: white; color: black; border:1px solid black; background-image: url(/skin/frontend/default/vashi/ajaxlogin/google.png); } div.al-socialnets-viewing div.button{ line-height: 3.5em; } div.al-socialnets img{ width: 50px; } @media screen and (max-width: 1024px) { div.al-socialnets div.button{ width: 60%; float: left; background-position-x: 3%; } .customer-account-login.touch-device #body{ width: 90%; } } @media screen and (max-width: 670px) { .customer-account-login.mob .breadcrumbs, .customer-account-login.mob h1, .customer-account-login.mob .new-users > p{ display: none; } .customer-account-login.mob #body { width: 70%; margin: 0 auto; text-align: center; } .customer-account-login.mob #body .button.wide{ padding: 0.9em 0; font-size:0.8em !important; float: none; padding:18px; } .customer-account-login.mob .form-list, .customer-account-login.mob .al-socialnets{ text-align: center; } .customer-account-login.mob #login-form label{ display: none; } .customer-account-login.mob #body .udetails input{ width: 100%; max-width: 230px; line-height:1.8em; padding: 0.8em 1em; } #remember-me-box input{ width:auto !important; } #remember-me-box label{ display: inline-block !important; vertical-align: top; } .customer-account-login.mob .input-box input::-webkit-input-placeholder{ color:inherit; } #body .al-socialnets .button.wide, #body .new-users .button.wide{ margin:0 0 5px; } } @media screen and (max-width: 568px) { div.al-socialnets div.button{ width: 95%; } div.account-login .al-socialnets .button{ line-height: 1.2em; } div.account-login .al-socialnets .button::before{ padding: 0 3%; vertical-align: -50%; } div.account-login .al-socialnets .button.google::before{ padding: 0 6%; } .customer-account-login.mob #body .udetails input { max-width: inherit; } } @media screen and (max-width: 350px){ } /*# sourceMappingURL=maps/layout.css.map */ @charset 'UTF-8'; .flex-center { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (max-width: 480px) { .flex-center { display: block; } } .flex-between { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .product-grid { margin: 0 auto; max-width: 340px; } .input-button { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .input-button + label { align-items: center; background: #000000; border: 1px solid #000000; color: #ffffff; cursor: pointer; display: inline-flex; font-size: inherit; font-weight: 400; height: 53px; justify-content: center; letter-spacing: 0.8px; min-width: 220px; text-transform: uppercase; } .align-vertical-middle { position: relative; top: 35%; transform: translateY(-50%); } .align-horizontal-middle { position: relative; left: 50%; transform: translateX(-50%); } .v-centerer { position: absolute; top: 50%; transform: translateY(-50%); } /*************************/ /* EXPANDING CAPTION */ /*********************/ /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer; } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(/../images/bkg_collapse.gif) 0 5px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -52px; } tr.summary-details td { font-size: 11px; background-color: #dae1e4; color: #626465; } tr.summary-details-first td { border-top: 1px solid #d2d8db; } tr.summary-details-excluded { font-style: italic; } /* Shopping cart tax info */ .cart-tax-info { display: block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; background: url(/../images/bkg_collapse.gif) 100% 5px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -52px; } /* Remember Me Popup ===================================================================== */ .window-overlay { background: url(/../images/window_overlay.png) repeat; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 990; } .remember-me label { float: none; margin: 0 6px; } .remember-me-popup { background: #fff; border: 1px solid #ccc; left: 50%; top: 50%; position: absolute; margin: -85px 0 0 -200px; width: 400px; text-align: left; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; -box-shadow: 0 0 6px #ccc; z-index: 1000; } .remember-me-popup h3 { background: #d9e5ee; border-bottom: 1px solid #ccc; font-size: 14px; padding: 5px 10px; } .remember-me-popup .remember-me-popup-head { position: relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background: url(/../images/btn_window_close.gif) no-repeat; display: block; position: absolute; top: 7px; right: 7px; height: 15px; width: 15px; text-indent: -9999em; } .remember-me-popup .remember-me-popup-body { padding: 10px; } .remember-me-popup .remember-me-popup-body a { display: inline-block; height: 19px; border: 1px solid #de5400; background: #f18200; padding: 0 8px; font: bold 12px/19px Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; white-space: nowrap; color: #fff; } /* MAP Popup============================================================================== */ .cart-msrp-totals { color: red; font-size: 12px !important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px; text-shadow: 0 1px 0 #fff; } .map-popup { background: #fff; border: 1px solid #aaa; margin: 12px 0 0; position: absolute; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; text-align: left; width: 300px; z-index: 100; } .map-popup-heading { background: #d9e5ee; border-bottom: 1px solid #ccc; padding: 5px 30px 5px 10px; width: 260px; } .map-popup-heading h2 { font-size: 16px; margin: 0; text-shadow: 0 1px 0 #f6f6f6; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } .map-popup-arrow { background: url(/../images/map_popup_arrow.gif) no-repeat; position: absolute; left: 50%; top: -10px; height: 10px; width: 19px; } .map-popup-close { background: url(/../images/btn_window_close.gif) no-repeat; display: block; position: absolute; top: 8px; right: 10px; height: 15px; width: 15px; text-indent: -9999em; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .map-popup-content { border-top: 1px solid #eee; padding: 10px; overflow: hidden; text-align: left; width: 280px; } .map-popup-checkout { display: inline; float: right; text-align: right; } .map-popup-checkout span { display: block; padding-right: 30px; } .map-popup-checkout .paypal-logo { margin: 0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin: 0; padding: 0; } .map-popup-price { margin: 5px 0 0; } .map-popup-text { clear: right; margin: 0 10px; padding: 10px 0; text-align: left; word-wrap: break-word; } .map-popup-only-text { border-top: 1px solid #ddd; } /* ======================================================================================= */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } ul, ol { margin: 0; padding: 0; list-style: none; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table, .data-table, .availability-only-details, .cart .totals table { border-collapse: collapse !important; } .table td, .table th, .data-table td, .data-table th, .availability-only-details td, .availability-only-details th, .cart .totals table td, .cart .totals table th { background-color: #fff !important; } .table-bordered th, .table-bordered td, .data-table th, .data-table td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .block-banner .block-content img, .category-image img, .product-img-box .product-image-zoom img, .product-img-box .more-views img, .product-review .product-img-box .product-image, .carousel-inner > .item > img, .carousel-inner > .item > a > img, .tool-tip-content img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .page-popup { padding: 30px; } header[role="banner"] { margin-left: -15px; margin-right: -15px; margin-top: 20px; margin-bottom: 20px; } header[role="banner"] > .logo { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { header[role="banner"] > .logo { float: left; width: 41.66666667%; } } header[role="banner"] .quick-access { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { header[role="banner"] .quick-access { float: left; width: 58.33333333%; } } @media (min-width: 769px) { header[role="banner"] .form-language { float: left; width: 160px; } header[role="banner"] .form-language .form-control { width: 120px; } header[role="banner"] .links { float: right; line-height: 30px; } } @media (min-width: 992px) { header[role="banner"] .quick-access { float: right; } } .layout { margin-left: -15px; margin-right: -15px; } .layout.layout-1-col div[role="main"] { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .layout.layout-1-col div[role="main"] { float: left; width: 100%; } } .layout.layout-3-cols div[role="main"] { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .layout.layout-3-cols div[role="main"] { float: left; width: 50%; } } div[role="main"] { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } @media (min-width: 992px) { div[role="main"] { float: left; width: 75%; } } aside[role="complementary"] { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; display: none; margin-bottom: 20px; } @media (min-width: 992px) { aside[role="complementary"] { float: left; width: 25%; } } @media (min-width: 992px) { aside[role="complementary"] { display: block; } } footer[role="contentinfo"] { margin-bottom: 20px; } footer[role="contentinfo"] > ul > li, footer[role="contentinfo"] .links li { display: inline; } footer[role="contentinfo"] > ul, footer[role="contentinfo"] .links, footer[role="contentinfo"] .bugs, footer[role="contentinfo"] address { margin-bottom: 10px; } @media (min-width: 769px) { footer[role="contentinfo"] > ul, footer[role="contentinfo"] .links, footer[role="contentinfo"] .bugs, footer[role="contentinfo"] address { width: 50%; } footer[role="contentinfo"] > ul, footer[role="contentinfo"] .bugs { float: left; } footer[role="contentinfo"] .links, footer[role="contentinfo"] address { float: right; text-align: right; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 769px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header, .page-title { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 769px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } h1, .h1 { font-size: 25px; } h2, .h2 { font-size: 22px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 17px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } .page-title { margin-top: 0; } .page-title .separator { margin: 0 3px; } .page-title .link-rss { float: right; margin: 7px 0 0; } .title-buttons { text-align: right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; } .subtitle, .sub-title { color: #777777; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 769px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 769px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .col2-set, .col2-set, .col4-set { margin-left: -15px; margin-right: -15px; } .col2-set > .legend { margin-left: 15px; margin-right: 15px; width: auto; } .col2-set .col-1, .col2-set .col-2 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 769px) { .col2-set .col-1, .col2-set .col-2 { float: left; width: 50%; } } .col2-set .col-narrow { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 769px) { .col2-set .col-narrow { float: left; width: 33.33333333%; } } .col2-set .col-wide { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 769px) { .col2-set .col-wide { float: left; width: 66.66666667%; } } .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 769px) { .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float: left; width: 33.33333333%; } } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 769px) { .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float: left; width: 25%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table, .data-table, .availability-only-details, .cart .totals table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .data-table > thead > tr > th, .data-table > tbody > tr > th, .data-table > tfoot > tr > th, .data-table > thead > tr > td, .data-table > tbody > tr > td, .data-table > tfoot > tr > td, .availability-only-details > thead > tr > th, .availability-only-details > tbody > tr > th, .availability-only-details > tfoot > tr > th, .availability-only-details > thead > tr > td, .availability-only-details > tbody > tr > td, .availability-only-details > tfoot > tr > td, .cart .totals table > thead > tr > th, .cart .totals table > tbody > tr > th, .cart .totals table > tfoot > tr > th, .cart .totals table > thead > tr > td, .cart .totals table > tbody > tr > td, .cart .totals table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th, .data-table > thead > tr > th, .availability-only-details > thead > tr > th, .cart .totals table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td, .data-table > caption + thead > tr:first-child > th, .data-table > colgroup + thead > tr:first-child > th, .data-table > thead:first-child > tr:first-child > th, .data-table > caption + thead > tr:first-child > td, .data-table > colgroup + thead > tr:first-child > td, .data-table > thead:first-child > tr:first-child > td, .availability-only-details > caption + thead > tr:first-child > th, .availability-only-details > colgroup + thead > tr:first-child > th, .availability-only-details > thead:first-child > tr:first-child > th, .availability-only-details > caption + thead > tr:first-child > td, .availability-only-details > colgroup + thead > tr:first-child > td, .availability-only-details > thead:first-child > tr:first-child > td, .cart .totals table > caption + thead > tr:first-child > th, .cart .totals table > colgroup + thead > tr:first-child > th, .cart .totals table > thead:first-child > tr:first-child > th, .cart .totals table > caption + thead > tr:first-child > td, .cart .totals table > colgroup + thead > tr:first-child > td, .cart .totals table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody, .data-table > tbody + tbody, .availability-only-details > tbody + tbody, .cart .totals table > tbody + tbody { border-top: 2px solid #ddd; } .table .table, .data-table .data-table, .availability-only-details .availability-only-details, .cart .totals table .cart .totals table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered, .data-table { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td, .data-table > thead > tr > th, .data-table > tbody > tr > th, .data-table > tfoot > tr > th, .data-table > thead > tr > td, .data-table > tbody > tr > td, .data-table > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .data-table > thead > tr > th, .data-table > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th, .data-table > thead > tr > td.active, .data-table > tbody > tr > td.active, .data-table > tfoot > tr > td.active, .data-table > thead > tr > th.active, .data-table > tbody > tr > th.active, .data-table > tfoot > tr > th.active, .data-table > thead > tr.active > td, .data-table > tbody > tr.active > td, .data-table > tfoot > tr.active > td, .data-table > thead > tr.active > th, .data-table > tbody > tr.active > th, .data-table > tfoot > tr.active > th, .availability-only-details > thead > tr > td.active, .availability-only-details > tbody > tr > td.active, .availability-only-details > tfoot > tr > td.active, .availability-only-details > thead > tr > th.active, .availability-only-details > tbody > tr > th.active, .availability-only-details > tfoot > tr > th.active, .availability-only-details > thead > tr.active > td, .availability-only-details > tbody > tr.active > td, .availability-only-details > tfoot > tr.active > td, .availability-only-details > thead > tr.active > th, .availability-only-details > tbody > tr.active > th, .availability-only-details > tfoot > tr.active > th, .cart .totals table > thead > tr > td.active, .cart .totals table > tbody > tr > td.active, .cart .totals table > tfoot > tr > td.active, .cart .totals table > thead > tr > th.active, .cart .totals table > tbody > tr > th.active, .cart .totals table > tfoot > tr > th.active, .cart .totals table > thead > tr.active > td, .cart .totals table > tbody > tr.active > td, .cart .totals table > tfoot > tr.active > td, .cart .totals table > thead > tr.active > th, .cart .totals table > tbody > tr.active > th, .cart .totals table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th, .data-table > thead > tr > td.success, .data-table > tbody > tr > td.success, .data-table > tfoot > tr > td.success, .data-table > thead > tr > th.success, .data-table > tbody > tr > th.success, .data-table > tfoot > tr > th.success, .data-table > thead > tr.success > td, .data-table > tbody > tr.success > td, .data-table > tfoot > tr.success > td, .data-table > thead > tr.success > th, .data-table > tbody > tr.success > th, .data-table > tfoot > tr.success > th, .availability-only-details > thead > tr > td.success, .availability-only-details > tbody > tr > td.success, .availability-only-details > tfoot > tr > td.success, .availability-only-details > thead > tr > th.success, .availability-only-details > tbody > tr > th.success, .availability-only-details > tfoot > tr > th.success, .availability-only-details > thead > tr.success > td, .availability-only-details > tbody > tr.success > td, .availability-only-details > tfoot > tr.success > td, .availability-only-details > thead > tr.success > th, .availability-only-details > tbody > tr.success > th, .availability-only-details > tfoot > tr.success > th, .cart .totals table > thead > tr > td.success, .cart .totals table > tbody > tr > td.success, .cart .totals table > tfoot > tr > td.success, .cart .totals table > thead > tr > th.success, .cart .totals table > tbody > tr > th.success, .cart .totals table > tfoot > tr > th.success, .cart .totals table > thead > tr.success > td, .cart .totals table > tbody > tr.success > td, .cart .totals table > tfoot > tr.success > td, .cart .totals table > thead > tr.success > th, .cart .totals table > tbody > tr.success > th, .cart .totals table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th, .data-table > thead > tr > td.info, .data-table > tbody > tr > td.info, .data-table > tfoot > tr > td.info, .data-table > thead > tr > th.info, .data-table > tbody > tr > th.info, .data-table > tfoot > tr > th.info, .data-table > thead > tr.info > td, .data-table > tbody > tr.info > td, .data-table > tfoot > tr.info > td, .data-table > thead > tr.info > th, .data-table > tbody > tr.info > th, .data-table > tfoot > tr.info > th, .availability-only-details > thead > tr > td.info, .availability-only-details > tbody > tr > td.info, .availability-only-details > tfoot > tr > td.info, .availability-only-details > thead > tr > th.info, .availability-only-details > tbody > tr > th.info, .availability-only-details > tfoot > tr > th.info, .availability-only-details > thead > tr.info > td, .availability-only-details > tbody > tr.info > td, .availability-only-details > tfoot > tr.info > td, .availability-only-details > thead > tr.info > th, .availability-only-details > tbody > tr.info > th, .availability-only-details > tfoot > tr.info > th, .cart .totals table > thead > tr > td.info, .cart .totals table > tbody > tr > td.info, .cart .totals table > tfoot > tr > td.info, .cart .totals table > thead > tr > th.info, .cart .totals table > tbody > tr > th.info, .cart .totals table > tfoot > tr > th.info, .cart .totals table > thead > tr.info > td, .cart .totals table > tbody > tr.info > td, .cart .totals table > tfoot > tr.info > td, .cart .totals table > thead > tr.info > th, .cart .totals table > tbody > tr.info > th, .cart .totals table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th, .data-table > thead > tr > td.warning, .data-table > tbody > tr > td.warning, .data-table > tfoot > tr > td.warning, .data-table > thead > tr > th.warning, .data-table > tbody > tr > th.warning, .data-table > tfoot > tr > th.warning, .data-table > thead > tr.warning > td, .data-table > tbody > tr.warning > td, .data-table > tfoot > tr.warning > td, .data-table > thead > tr.warning > th, .data-table > tbody > tr.warning > th, .data-table > tfoot > tr.warning > th, .availability-only-details > thead > tr > td.warning, .availability-only-details > tbody > tr > td.warning, .availability-only-details > tfoot > tr > td.warning, .availability-only-details > thead > tr > th.warning, .availability-only-details > tbody > tr > th.warning, .availability-only-details > tfoot > tr > th.warning, .availability-only-details > thead > tr.warning > td, .availability-only-details > tbody > tr.warning > td, .availability-only-details > tfoot > tr.warning > td, .availability-only-details > thead > tr.warning > th, .availability-only-details > tbody > tr.warning > th, .availability-only-details > tfoot > tr.warning > th, .cart .totals table > thead > tr > td.warning, .cart .totals table > tbody > tr > td.warning, .cart .totals table > tfoot > tr > td.warning, .cart .totals table > thead > tr > th.warning, .cart .totals table > tbody > tr > th.warning, .cart .totals table > tfoot > tr > th.warning, .cart .totals table > thead > tr.warning > td, .cart .totals table > tbody > tr.warning > td, .cart .totals table > tfoot > tr.warning > td, .cart .totals table > thead > tr.warning > th, .cart .totals table > tbody > tr.warning > th, .cart .totals table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th, .data-table > thead > tr > td.danger, .data-table > tbody > tr > td.danger, .data-table > tfoot > tr > td.danger, .data-table > thead > tr > th.danger, .data-table > tbody > tr > th.danger, .data-table > tfoot > tr > th.danger, .data-table > thead > tr.danger > td, .data-table > tbody > tr.danger > td, .data-table > tfoot > tr.danger > td, .data-table > thead > tr.danger > th, .data-table > tbody > tr.danger > th, .data-table > tfoot > tr.danger > th, .availability-only-details > thead > tr > td.danger, .availability-only-details > tbody > tr > td.danger, .availability-only-details > tfoot > tr > td.danger, .availability-only-details > thead > tr > th.danger, .availability-only-details > tbody > tr > th.danger, .availability-only-details > tfoot > tr > th.danger, .availability-only-details > thead > tr.danger > td, .availability-only-details > tbody > tr.danger > td, .availability-only-details > tfoot > tr.danger > td, .availability-only-details > thead > tr.danger > th, .availability-only-details > tbody > tr.danger > th, .availability-only-details > tfoot > tr.danger > th, .cart .totals table > thead > tr > td.danger, .cart .totals table > tbody > tr > td.danger, .cart .totals table > tfoot > tr > td.danger, .cart .totals table > thead > tr > th.danger, .cart .totals table > tbody > tr > th.danger, .cart .totals table > tfoot > tr > th.danger, .cart .totals table > thead > tr.danger > td, .cart .totals table > tbody > tr.danger > td, .cart .totals table > tfoot > tr.danger > td, .cart .totals table > thead > tr.danger > th, .cart .totals table > tbody > tr.danger > th, .cart .totals table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 768px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table, .table-responsive > .data-table, .table-responsive > .availability-only-details, .table-responsive > .cart .totals table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td, .table-responsive > .data-table > thead > tr > th, .table-responsive > .data-table > tbody > tr > th, .table-responsive > .data-table > tfoot > tr > th, .table-responsive > .data-table > thead > tr > td, .table-responsive > .data-table > tbody > tr > td, .table-responsive > .data-table > tfoot > tr > td, .table-responsive > .availability-only-details > thead > tr > th, .table-responsive > .availability-only-details > tbody > tr > th, .table-responsive > .availability-only-details > tfoot > tr > th, .table-responsive > .availability-only-details > thead > tr > td, .table-responsive > .availability-only-details > tbody > tr > td, .table-responsive > .availability-only-details > tfoot > tr > td, .table-responsive > .cart .totals table > thead > tr > th, .table-responsive > .cart .totals table > tbody > tr > th, .table-responsive > .cart .totals table > tfoot > tr > th, .table-responsive > .cart .totals table > thead > tr > td, .table-responsive > .cart .totals table > tbody > tr > td, .table-responsive > .cart .totals table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered, .table-responsive > .data-table { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .data-table > thead > tr > th:first-child, .table-responsive > .data-table > tbody > tr > th:first-child, .table-responsive > .data-table > tfoot > tr > th:first-child, .table-responsive > .data-table > thead > tr > td:first-child, .table-responsive > .data-table > tbody > tr > td:first-child, .table-responsive > .data-table > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .data-table > thead > tr > th:last-child, .table-responsive > .data-table > tbody > tr > th:last-child, .table-responsive > .data-table > tfoot > tr > th:last-child, .table-responsive > .data-table > thead > tr > td:last-child, .table-responsive > .data-table > tbody > tr > td:last-child, .table-responsive > .data-table > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .data-table > tbody > tr:last-child > th, .table-responsive > .data-table > tfoot > tr:last-child > th, .table-responsive > .data-table > tbody > tr:last-child > td, .table-responsive > .data-table > tfoot > tr:last-child > td { border-bottom: 0; } } .data-table > tbody > tr:nth-child(odd) > td, .data-table > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; } .form-control, .input-text, .form-list textarea, .form-list select, .form-language select, .product-options dd .input-text, .product-options dd select, .product-options dd textarea, .my-wishlist textarea, .multiple-checkout .data-table select { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group, .form-list li { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm, .cart-table .qty { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 769px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 769px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 769px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 769px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } p.control input.checkbox, p.control input.radio { margin-right: 6px; } .form-list label { position: relative; } .form-list label.required em { font-style: normal; color: #a94442; } .form-list li.control label { float: none; display: block; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px; display: inline; float: left; margin-top: 2px; } .form-list li.control .input-box { clear: none; display: inline; width: auto; } .form-list .field { float: left; width: 50%; padding-right: 15px; padding-left: 15px; } .form-list .field:first-child, .form-list .field:first-of-type { padding-left: 0; } .form-list .field:last-child { padding-right: 0; } .form-list select[multiple], .form-list textarea { height: auto; } .form-list li.additional-row { border-top: 1px solid #e5e5e5; margin-top: 10px; padding-top: 7px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text, .form-list .input-range span { display: inline-block; } .form-list .input-range input.input-text { width: 40%; } .form-list-narrow li { margin-bottom: 0; } .form-list-narrow li .input-box { margin-bottom: 6px; } .form-list-narrow li.wide .input-box { width: 260px; } .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea { width: 254px; } .form-list-narrow li.wide select { width: 260px; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-year { float: left; padding-right: 15px; padding-left: 15px; } .form-list .customer-dob .dob-day:first-child, .form-list .customer-dob .dob-month:first-child, .form-list .customer-dob .dob-year:first-child { padding-left: 0; } .form-list .customer-dob .dob-day + .dob-month + .dob-year, .form-list .customer-dob .dob-month + .dob-day + .dob-year, .form-list .customer-dob .dob-year + .dob-day + .dob-month, .form-list .customer-dob .dob-year + .dob-month + .dob-day { padding-right: 0; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 30%; } .form-list .customer-dob .dob-year { width: 40%; } .legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; font-weight: normal; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } .buttons-set { margin: 4em 0 0; padding: 8px 0 0; border-top: 1px solid #e5e5e5; line-height: 34px; text-align: right; } .buttons-set p.required { margin: 0 0 10px; } .buttons-set .back-link { float: left; margin: 0; } .buttons-set button.button { float: right; margin-left: 5px; } .buttons-set-order { margin: 10px 0 0; } .buttons-set-order .please-wait { padding: 12px 7px 0 0; } .validation-advice { clear: both; color: #a94442; } .validation-failed { border-color: #a94442 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .validation-failed:focus { border-color: #843534 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 !important; } p.required { text-align: right; color: #a94442; } .v-fix { float: left; } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } .btn, .button, .my-wishlist .link-edit { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default, .button, .my-wishlist .link-edit { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary, .btn-cart, .my-wishlist .btn-add, .btn-checkout { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .block .actions button.button, .cart-table .button, #multiship-addresses-table tfoot .button { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn, .btn-cart, .btn-checkout, .btn-primary, .my-wishlist .btn-add, .button, .btn-cart, .my-wishlist .link-edit, .my-wishlist .btn-add, .btn-checkout { align-items: center; background: transparent; border: 1px solid #000000; border-radius: 0; color: #000000; display: inline-flex; font-size: 15px; font-weight: 400; height: 53px; justify-content: center; letter-spacing: 0.8px; margin: 40px 10px; min-width: 170px; text-transform: uppercase; } .btn + .btn, .btn-cart + .btn, .btn-checkout + .btn, .btn-primary + .btn, .my-wishlist .btn-add + .btn { margin: 12px; } .btn:hover, .btn-cart:hover, .btn-checkout:hover, .btn-primary:hover, .my-wishlist .btn-add:hover, .btn:focus, .btn-cart:focus, .btn-checkout:focus, .btn-primary:focus, .my-wishlist .btn-add:focus { background: #000000; border-color: #000000; color: #ffffff; } @media screen and (max-width: 480px) { .btn, .btn-cart, .btn-checkout, .btn-primary, .my-wishlist .btn-add, .button, .btn-cart, .my-wishlist .link-edit, .my-wishlist .btn-add, .btn-checkout { margin: 12px 0; min-width: 145px; } } .btn.white, .btn-cart.white, .btn-checkout.white, .btn-primary.white, .my-wishlist .btn-add.white { background: #ffffff; } .btn.white:hover, .btn-cart.white:hover, .btn-checkout.white:hover, .btn-primary.white:hover, .my-wishlist .btn-add.white:hover, .btn.white:focus, .btn-cart.white:focus, .btn-checkout.white:focus, .btn-primary.white:focus, .my-wishlist .btn-add.white:focus { background: #000000; border-color: #000000; color: #ffffff; } .btn.black, .btn-cart.black, .btn-checkout.black, .btn-primary.black, .my-wishlist .btn-add.black { background: #000000; color: #ffffff; } .btn.black:hover, .btn-cart.black:hover, .btn-checkout.black:hover, .btn-primary.black:hover, .my-wishlist .btn-add.black:hover { background: #ffffff; color: #000000; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 769px) { .navbar { border-radius: 4px; } } @media (min-width: 769px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border: 0; box-shadow: none; -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 769px) { .navbar-collapse { border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 769px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 769px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 769px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 769px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 769px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 768px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 769px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 769px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 768px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 769px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 769px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 769px) { .navbar-left { float: left; float: left !important; } .navbar-right { float: right; float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 768px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #fff; } @media (max-width: 768px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .fade { opacity: 0; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 769px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .input-group-addon label { margin-bottom: 0; font-weight: normal; } input[type="text"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], select, input[type="password"] { border: 1px solid #7f7f7f; border-radius: 0; height: 42px; min-width: 190px; width: auto; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #777777; } .breadcrumb { padding: 15px; display: block; font-size: 0.85em; line-height: 1.4em; letter-spacing: 1px; text-transform: uppercase; color: #7f7f7f; background-color: transparent; border-radius: 0; font-weight: 400; color: #000000; } .breadcrumb strong { font-weight: normal; color: #7f7f7f; } .breadcrumb > li { display: inline; } .breadcrumb > li + li:before { content: ""; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/chevronRightGrey.svg') center center no-repeat; padding: 0 8px; background-size: 6px 6px; } .breadcrumb > li a { letter-spacing: 1px; font-weight: 700; } @media (max-width: 992px) { .breadcrumb { display: none; } } .pagination, .pager .pages ol { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding: 4px 8px; text-align: center; line-height: 30px; margin-bottom: 20px; } .pager .amount { float: left; margin-bottom: 0; } .pager .limiter { float: right; } .pager .limiter label { margin-bottom: 0; } .pager .limiter select { display: inline; width: 60px; } .pager .pages { float: left; width: 100%; margin-top: 4px; text-align: center; } .pager .pages ol { margin: 0; display: inline-block; } .pager .pages li { display: inline-block; margin: 0 2px; } .sorter { padding: 4px 8px; border-top: 1px solid #e5e5e5; line-height: 30px; } .sorter .view-mode { float: left; margin: 0; } .sorter .sort-by { float: right; } .sorter .sort-by label { margin-bottom: 0; } .sorter .sort-by select { display: inline; width: 100px; } @media (min-width: 769px) { .sorter .sort-by { padding-right: 43px; } } .alert, .error-msg, .success-msg, .warning-msg, .note-msg, .notice-msg, .global-site-notice, .block-cart .subtotal { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success, .success-msg { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info, .note-msg, .notice-msg, .block-cart .subtotal { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning, .warning-msg, .global-site-notice { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger, .error-msg { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .success { color: #3c763d; } .error { color: #a94442; } .warning { color: #8a6d3b; } .notice { color: #31708f; } .messages > li { margin-bottom: 10px; } .global-site-notice p { margin: 0; } .page404 .row { margin: 40px 0; } .page404 .diamond404Mobile { display: none; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/404-image-mobile.png') top left no-repeat; background-size: contain; height: 90px; } .page404 h1 { margin: 0 0 30px 0; font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; font-size: 150px; line-height: 150px; text-align: left; } .page404 .diamond404-1 { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/404-image-1.png') top left no-repeat; background-size: contain; height: 391px; } .page404 .diamond404-2 { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/404-image-2.png') top left no-repeat; background-size: contain; height: 406px; } .page404 h2 { text-align: left; } .page404 .smallGrey { margin-bottom: 30px; } .page404 p, .page404 a { margin-bottom: 15px; } @media (max-width: 769px) { .page404 .diamond404-1, .page404 .diamond404-2 { display: none; } .page404 .diamond404Mobile { display: block; } .page404 .col-md-4 { padding-bottom: 30px; } } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item, .form-search .search-autocomplete li, .checkout-progress li { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } #body .layout ul.arrow-list li { list-style-type: disc; } #body .layout #with-img1 ul.arrow-list li, #body .layout #gc-new ul.arrow-list li { list-style: none; } .panel, .block, .product-view .product-shop, .product-view .box-collateral, .box-account, .addresses-list li.item, .order-info-box, .gift-message, .order-about, .cart .crosssell, .cart .discount, .cart .shipping { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading, .block .block-title, .block-account .block-title, .product-view .product-shop .product-name, .product-view .box-collateral > h2, .box-account .box-head, .addresses-list li.item h3, .cart .crosssell > h2, .cart .discount > h2, .cart .shipping > h2 { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title, .block .block-title strong, .block-account .block-title strong, .product-view .product-shop .product-name h1, .box-account .box-head h2, .cart .crosssell > h2, .cart .discount > h2, .cart .shipping > h2 { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table, .panel > .data-table, .panel > .table-responsive > .data-table, .panel > .panel-collapse > .data-table, .panel > .availability-only-details, .panel > .table-responsive > .availability-only-details, .panel > .panel-collapse > .availability-only-details, .panel > .cart .totals table, .panel > .table-responsive > .cart .totals table, .panel > .panel-collapse > .cart .totals table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption, .panel > .data-table caption, .panel > .table-responsive > .data-table caption, .panel > .panel-collapse > .data-table caption, .panel > .availability-only-details caption, .panel > .table-responsive > .availability-only-details caption, .panel > .panel-collapse > .availability-only-details caption, .panel > .cart .totals table caption, .panel > .table-responsive > .cart .totals table caption, .panel > .panel-collapse > .cart .totals table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child, .panel > .data-table:first-child, .panel > .table-responsive:first-child > .data-table:first-child, .panel > .availability-only-details:first-child, .panel > .table-responsive:first-child > .availability-only-details:first-child, .panel > .cart .totals table:first-child, .panel > .table-responsive:first-child > .cart .totals table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .data-table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .data-table:first-child > thead:first-child > tr:first-child, .panel > .data-table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .data-table:first-child > tbody:first-child > tr:first-child, .panel > .availability-only-details:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .availability-only-details:first-child > thead:first-child > tr:first-child, .panel > .availability-only-details:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .availability-only-details:first-child > tbody:first-child > tr:first-child, .panel > .cart .totals table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .cart .totals table:first-child > thead:first-child > tr:first-child, .panel > .cart .totals table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .cart .totals table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .data-table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .data-table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .data-table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .data-table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .data-table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .data-table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .data-table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .data-table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .availability-only-details:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .availability-only-details:first-child > thead:first-child > tr:first-child td:first-child, .panel > .availability-only-details:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .availability-only-details:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .availability-only-details:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .availability-only-details:first-child > thead:first-child > tr:first-child th:first-child, .panel > .availability-only-details:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .availability-only-details:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .cart .totals table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .cart .totals table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .cart .totals table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .cart .totals table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .cart .totals table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .cart .totals table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .cart .totals table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .cart .totals table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .data-table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .data-table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .data-table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .data-table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .data-table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .data-table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .data-table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .data-table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .availability-only-details:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .availability-only-details:first-child > thead:first-child > tr:first-child td:last-child, .panel > .availability-only-details:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .availability-only-details:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .availability-only-details:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .availability-only-details:first-child > thead:first-child > tr:first-child th:last-child, .panel > .availability-only-details:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .availability-only-details:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .cart .totals table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .cart .totals table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .cart .totals table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .cart .totals table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .cart .totals table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .cart .totals table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .cart .totals table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .cart .totals table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child, .panel > .data-table:last-child, .panel > .table-responsive:last-child > .data-table:last-child, .panel > .availability-only-details:last-child, .panel > .table-responsive:last-child > .availability-only-details:last-child, .panel > .cart .totals table:last-child, .panel > .table-responsive:last-child > .cart .totals table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .data-table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .data-table:last-child > tbody:last-child > tr:last-child, .panel > .data-table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .data-table:last-child > tfoot:last-child > tr:last-child, .panel > .availability-only-details:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .availability-only-details:last-child > tbody:last-child > tr:last-child, .panel > .availability-only-details:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .availability-only-details:last-child > tfoot:last-child > tr:last-child, .panel > .cart .totals table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .cart .totals table:last-child > tbody:last-child > tr:last-child, .panel > .cart .totals table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .cart .totals table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .data-table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .data-table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .data-table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .data-table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .data-table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .data-table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .data-table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .data-table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .availability-only-details:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .availability-only-details:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .availability-only-details:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .availability-only-details:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .availability-only-details:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .availability-only-details:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .availability-only-details:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .availability-only-details:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .cart .totals table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .cart .totals table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .cart .totals table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .cart .totals table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .cart .totals table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .cart .totals table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .cart .totals table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .cart .totals table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .data-table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .data-table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .data-table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .data-table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .data-table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .data-table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .data-table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .data-table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .availability-only-details:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .availability-only-details:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .availability-only-details:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .availability-only-details:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .availability-only-details:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .availability-only-details:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .availability-only-details:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .availability-only-details:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .cart .totals table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .cart .totals table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .cart .totals table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .cart .totals table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .cart .totals table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .cart .totals table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .cart .totals table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .cart .totals table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body, .panel > .panel-body + .data-table, .panel > .data-table + .panel-body, .panel > .panel-body + .availability-only-details, .panel > .availability-only-details + .panel-body, .panel > .panel-body + .cart .totals table, .panel > .cart .totals table + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td, .panel > .data-table > tbody:first-child > tr:first-child th, .panel > .data-table > tbody:first-child > tr:first-child td, .panel > .availability-only-details > tbody:first-child > tr:first-child th, .panel > .availability-only-details > tbody:first-child > tr:first-child td, .panel > .cart .totals table > tbody:first-child > tr:first-child th, .panel > .cart .totals table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered, .panel > .data-table, .panel > .table-responsive > .data-table { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .data-table > thead > tr > th:first-child, .panel > .table-responsive > .data-table > thead > tr > th:first-child, .panel > .data-table > tbody > tr > th:first-child, .panel > .table-responsive > .data-table > tbody > tr > th:first-child, .panel > .data-table > tfoot > tr > th:first-child, .panel > .table-responsive > .data-table > tfoot > tr > th:first-child, .panel > .data-table > thead > tr > td:first-child, .panel > .table-responsive > .data-table > thead > tr > td:first-child, .panel > .data-table > tbody > tr > td:first-child, .panel > .table-responsive > .data-table > tbody > tr > td:first-child, .panel > .data-table > tfoot > tr > td:first-child, .panel > .table-responsive > .data-table > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .data-table > thead > tr > th:last-child, .panel > .table-responsive > .data-table > thead > tr > th:last-child, .panel > .data-table > tbody > tr > th:last-child, .panel > .table-responsive > .data-table > tbody > tr > th:last-child, .panel > .data-table > tfoot > tr > th:last-child, .panel > .table-responsive > .data-table > tfoot > tr > th:last-child, .panel > .data-table > thead > tr > td:last-child, .panel > .table-responsive > .data-table > thead > tr > td:last-child, .panel > .data-table > tbody > tr > td:last-child, .panel > .table-responsive > .data-table > tbody > tr > td:last-child, .panel > .data-table > tfoot > tr > td:last-child, .panel > .table-responsive > .data-table > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .data-table > thead > tr:first-child > td, .panel > .table-responsive > .data-table > thead > tr:first-child > td, .panel > .data-table > tbody > tr:first-child > td, .panel > .table-responsive > .data-table > tbody > tr:first-child > td, .panel > .data-table > thead > tr:first-child > th, .panel > .table-responsive > .data-table > thead > tr:first-child > th, .panel > .data-table > tbody > tr:first-child > th, .panel > .table-responsive > .data-table > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .data-table > tbody > tr:last-child > td, .panel > .table-responsive > .data-table > tbody > tr:last-child > td, .panel > .data-table > tfoot > tr:last-child > td, .panel > .table-responsive > .data-table > tfoot > tr:last-child > td, .panel > .data-table > tbody > tr:last-child > th, .panel > .table-responsive > .data-table > tbody > tr:last-child > th, .panel > .data-table > tfoot > tr:last-child > th, .panel > .table-responsive > .data-table > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary, .block-account { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .well, .advanced-search-summary, .product-options, .product-pricing, .tier-prices, .cart .totals, .checkout-agreements .agreement-content, .multiple-checkout .box, .checkout-multishipping-shipping .box-sp-methods { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm, .advanced-search-summary, .product-options, .product-pricing, .tier-prices, .multiple-checkout .box, .checkout-multishipping-shipping .box-sp-methods { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .icon { display: block; height: 25px; width: 25px; } .icon.moodboardEdit { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/comment.svg') scroll 0 0 no-repeat; } .icon.moodboardDelete { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/superlike-remove.svg') scroll 0 0 no-repeat; } .icon.upload-bg { align-items: center; background: #ffffff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); border-radius: 50%; display: flex; height: 70px; margin: 0 auto; width: 70px; } .icon.upload { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/plus.svg') scroll 0 0 no-repeat; cursor: pointer; height: 18px; margin: 0 auto; width: 18px; } .icon.facebook { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/facebook.svg') scroll 0 0 no-repeat; } .icon.gallery { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/yourcomputer.svg') scroll 0 0 no-repeat; } .icon.google { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/google.svg') scroll 0 0 no-repeat; } .icon.url { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/url.svg') scroll 0 0 no-repeat; } .icon.loader { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/url.svg') scroll 0 0 no-repeat; } .icon.superlike #superlikeOptions { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/like.svg') scroll 0 0 no-repeat; } .icon.superlike #superlikeOptions.superliked { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/superlike.svg') scroll -1px center no-repeat; width: 40px; } .icon.superlike .add { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/superlike.svg') scroll center center no-repeat; width: 30px; } .icon.superlike .remove { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/superlike-remove.svg') scroll center center no-repeat; width: 20px; } .icon.superlike .like { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/like.svg') scroll center center no-repeat; width: 20px; } .icon.liked { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/like.svg') scroll 0 0 no-repeat; } .icon.select-img { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/checked.svg') scroll 0 0 no-repeat; cursor: pointer; height: 32px; width: 32px; } .icon.select-img.disabled { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/unchecked.svg') scroll 0 0 no-repeat; height: 32px; width: 32px; } .icon.compare { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/compare.svg') scroll 0 0 no-repeat; height: 30px; width: 35px; } .icon.compare.active { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/compare-active.svg'); } .icon.accept.swipe { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/accept.svg') scroll 0 0 no-repeat; height: 90px; width: 90px; } .icon.reject.swipe { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/reject.svg') scroll 0 0 no-repeat; height: 90px; width: 90px; } .std ul, .std ol { padding-left: 40px; margin-bottom: 10px; } .std ul { list-style: disc outside; } .std ol { list-style: decimal outside; } .bx-loading { display: none; } .links li { display: inline; } .links li:first-child { padding-left: 0; } .links li:last-child { padding-right: 0; } .link-cart, .link-wishlist, .link-reorder, .link-compare, .link-print { font-weight: bold; } .btn-remove, .btn-previous, .btn-remove2, .btn-edit { display: inline-block; font-size: 0; } .btn-remove:hover, .btn-previous:hover, .btn-remove2:hover, .btn-edit:hover, .btn-remove:focus, .btn-previous:focus, .btn-remove2:focus, .btn-edit:focus { text-decoration: none; } .btn-remove:after, .btn-previous:after, .btn-remove2:after, .btn-edit:after { font-size: 14px; font-weight: bold; font-family: FontAwesome; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .btn-edit:after { content: "\f040"; } .btn-remove:after, .btn-remove2:after { content: "\f00d"; } .no-margin { margin: 0; } .text-bold { font-weight: bold; } .cards-list dt { margin: 5px 0 0; } .cards-list .offset { padding: 2px 0 2px 20px; } .separator { margin: 0 3px; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; text-indent: -999em; overflow: hidden; } .header-strapline-padding { padding: 36px 0; } .textGrey { letter-spacing: 1px; text-transform: uppercase; color: #7f7f7f; } .smallGrey { font-size: 0.85em; line-height: 1.4em; letter-spacing: 1px; text-transform: uppercase; color: #7f7f7f; } .smallBlack { font-size: 0.85em; letter-spacing: 1px; line-height: 1.4em; text-transform: uppercase; } .smallBold { font-size: 0.85em; letter-spacing: 1px; line-height: 1.4em; text-transform: uppercase; font-weight: bold; } .alink { font-weight: bold; text-decoration: underline; } .border { border: solid 1px #e5e5e5; } .inline-icon { display: inline-block; height: 13px; } .textLink { font-weight: bold; text-decoration: underline; margin-right: 1.2rem; } .textLink a { color: black; } .section-black .textLink a { color: white; } .headlines .toptitle { font-size: 3.5em; line-height: 1em; font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; } .headlines .maintitle { font-size: 7em; line-height: 0.7em; margin-bottom: 0.1em; font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; } .headlines .heading-page { font-size: 7em; line-height: 1em; font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; } .headlines .heading1 { font-size: 5em; line-height: 1em; font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; } .headlines .heading2 { font-size: 3em; line-height: 1em; font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; margin-bottom: 20px; } .headlines .para { margin-top: 0.4rem; } .headlines .caption { margin-top: 0.3rem; } .brandpage .headlines, .cms-slides .headlines { font-size: 0.6em; padding-bottom: 10em; padding-top: 3em; } .brandpage .headlines .toptitle, .cms-slides .headlines .toptitle { font-size: 9em; } .brandpage .headlines .maintitle, .cms-slides .headlines .maintitle { font-size: 18em; } @media (min-width: 992px) { .brandpage .headlines, .cms-slides .headlines { font-size: 1em; } } .vashi-loader-overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); } .vashi-loader, .vashi-loader:after { border-radius: 50%; width: 10em; height: 10em; } .vashi-loader { margin: 60px auto; font-size: 5px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(155, 155, 155, 0.2); border-right: 1.1em solid rgba(155, 155, 155, 0.2); border-bottom: 1.1em solid rgba(155, 155, 155, 0.2); border-left: 1.1em solid #9b9b9b; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } h1.logo { margin: 0; } img#headerLogo { max-width: 170px; max-height: 25px; } @media screen and (max-width: 768px) { img#headerLogo { max-width: 100%; } } @media screen and (max-width: 1440px) { .mobile-logo img { display: block; margin: 0 auto; } } #footer .securitylogos.logos > div { padding: 0; } #footer .securitylogos.logos > div span { float: right; } #footer .securitylogos .logo1, #footer .securitylogos .logo2, #footer .securitylogos .logo3, #footer .securitylogos .logo4, #footer .securitylogos .logo5, #footer .securitylogos .logo6, #footer .securitylogos .logo7, #footer .securitylogos .logo8 { display: inline-block; height: 44px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/footer/footer-logos.png') no-repeat 0 -52px transparent; background-size: 666.667px 98.6667px; cursor: pointer; } #footer .securitylogos .logo1 { width: 73px; background-position: 0 -49px; } #footer .securitylogos .logo1:hover { background-position: 0 0px; } #footer .securitylogos .logo2 { width: 60px; background-position: -89px -49px; } #footer .securitylogos .logo2:hover { background-position: -89px 0px; } #footer .securitylogos .logo5 { width: 66px; background-position: -349px -49px; } #footer .securitylogos .logo5:hover { background-position: -349px 0px; } #footer .securitylogos .logo6 { width: 55px; background-position: -431px -49px; } #footer .securitylogos .logo6:hover { background-position: -431px 0px; } #footer .securitylogos .logo7 { width: 43px; background-position: -510px -49px; } #footer .securitylogos .logo7:hover { background-position: -510px 0px; } #footer .securitylogos .logo8 { width: 82px; background-position: -568px -49px; } #footer .securitylogos .logo8:hover { background-position: -568px 0px; } .form-language { margin-bottom: 10px; } .form-language label { display: none; } .form-search { margin-bottom: 10px; position: relative; } .form-search .search-autocomplete { z-index: 1000; } .form-search .search-autocomplete li { cursor: pointer; } .form-search .search-autocomplete li .amount { float: right; } .form-search .search-autocomplete li.first { border-top-right-radius: 4px; border-top-left-radius: 4px; } .form-search .search-autocomplete li:hover, .form-search .search-autocomplete li:focus { text-decoration: none; background-color: #f5f5f5; } .form-search .search-autocomplete li.selected, .form-search .search-autocomplete li.selected:hover, .form-search .search-autocomplete li.selected:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .advanced-search .form-list .input-range { line-height: 34px; } .advanced-search .form-list .input-range small { float: right; } .advanced-search-summary ul { margin-bottom: 0; padding-left: 15px; padding-right: 15px; } .advanced-search-summary strong { color: #337ab7; } .advanced-search-summary p { clear: both; padding: 10px 15px 0; margin-bottom: 0; font-weight: bold; } @media (min-width: 480px) { .advanced-search-summary ul { float: left; width: 50%; } } .block { border-color: #ddd; } .block .block-title { border-color: #ddd; background-color: #f5f5f5; color: #333333; } .block .block-title strong { font-weight: 500; } .block .block-subtitle { margin: 0 15px 10px; padding: 10px 0; border-bottom: 1px solid #ddd; } .block .block-content li.item { padding: 10px 15px; } .block .btn-remove, .block .btn-edit { float: right; margin: 1px 0 2px 5px; } .block .actions { padding: 6px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; text-align: right; line-height: 30px; } .block .actions:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .block .actions a { float: left; } .block .actions button.button { float: right; } .block .empty { margin: 0; padding: 15px; } .block li.odd { background-color: #f9f9f9; } /* Mini Blocks */ .block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-viewed, .block-compared, .block-related, .block-tags, .block-login { font-size: 12px; } .mini-products-list .product-image { float: left; } .mini-products-list .product-details { margin-left: 60px; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap: break-word; } .block-cart .mini-products-list .product-details .nobr { white-space: normal !important; } /* Block: Account */ .block-account .block-title { border-color: #337ab7; background-color: #337ab7; color: #fff; } .block-account .block-title strong { font-weight: 500; } .block-account .block-content { padding: 15px; } .block-account .block-content ul { margin-bottom: 0; } .block-account .block-content li a { display: block; border-bottom: 1px solid #ddd; padding: 5px 0; } .block-account .block-content li.last a { border-bottom: 0; } .block-account .block-content li.current { padding: 5px 0; border-bottom: 1px solid #ddd; } .block-account .block-content li.current.last { border-bottom: 0; } .block-layered-nav dl { margin: 0; } .block-layered-nav dt { padding: 7px 15px; font-weight: bold; text-transform: uppercase; } .block-layered-nav dd { padding: 0 15px 0 20px; margin-bottom: 10px; } .block-layered-nav dd.last { background: none; } .block-layered-nav .currently li { position: relative; padding: 5px 15px; } .block-layered-nav .currently .label { font-weight: bold; text-transform: uppercase; } .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { position: absolute; right: 4px; top: 9px; margin: 0; } .block-layered-nav .currently .btn-previous { right: 17px; } .block-layered-nav .actions { text-align: right; } .block-layered-nav .actions .actions a { float: none; } .block-cart .summary { padding: 10px 15px; } .block-cart .amount a { font-weight: bold; } .block-cart .subtotal { padding: 4px; margin-bottom: 0; text-align: center; } .block-cart .subtotal .price { font-weight: bold; } .block-cart .actions { border-bottom: 1px solid #ddd; } .block-cart .actions .paypal-logo { float: left; width: 100%; margin: 3px 0 0; text-align: right; } .block-cart .actions .paypal-logo .paypal-or { clear: both; display: block; padding: 0 55px 8px 0; } .block-wishlist .actions { text-align: right; } .block-wishlist .actions a { float: none; } .block-related input.checkbox { float: left; } .block-related .product { margin-left: 20px; } .compare-table .btn-remove { float: right; background-image: url(/../images/btn_remove2.gif); width: 72px; height: 15px; } .compare-table tr.add-to-row td { background: #fffada; text-align: center; } .compare-table tr.first td { text-align: center; } .compare-table tr.first td .product-name { font-size: 12px; font-weight: bold; margin: 0 0 5px; color: #203548; } .compare-table tr.first td .product-name a { color: #203548; } .compare-table tr.first td .ratings { width: 69px; margin: 0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin: 0; } .block-poll label { color: #777; font-weight: bold; } .block-poll input.radio { float: left; margin: 1px -18px 0 0; } .block-poll .label { display: block; margin-left: 18px; } .block-poll li { padding: 10px 15px; } .block-poll label { margin-bottom: 0; } .block-poll .actions { margin: 5px 0 0; } .block-poll .answer { font-weight: bold; } .block-poll .votes { float: right; margin-left: 10px; } .block-tags .block-content .tags-list { padding: 15px !important; margin-bottom: 0 !important; font-size: 12px; } .block-tags .actions { text-align: right; } .block-tags .actions a { float: none; } .block-subscribe .block-content { padding: 15px 15px 0; } .block-subscribe .actions { margin: 15px -15px 0; } .block-subscribe .actions button.button { float: none; } .block-reorder input.checkbox { float: left; margin: 2px -20px 0 0; } .block-reorder .product-name { margin-left: 20px; } .block-reorder .validation-advice { margin: 3px 9px 7px; } .block-banner { border: 0; background-color: transparent; } .block-banner .block-content { padding: 0; background-color: transparent; text-align: center; } .block-login .block-content { padding: 15px 15px 0; } .block-login .actions { margin: 15px -15px 0; } .paypal-logo { display: block; margin: 10px 0; text-align: center; } .paypal-logo a { float: none; } .category-description { margin-bottom: 10px; } .category-products .toolbar { margin-bottom: 10px; } .products-grid { margin-left: -15px; margin-right: -15px; } .products-grid .item { min-height: 390px; padding-bottom: 80px; } .products-grid#productList a.product-image { margin-bottom: 0; } .products-grid .product-image { display: block; margin-bottom: 20px; } .products-grid .add-to-links .separator { display: none; } @media screen and (max-width: 768px) { .products-grid li.mobile-row-2 { width: 47.5%; position: relative; display: inline-block; vertical-align: top; float: none; zoom: 1; height: auto; } } .products-grid .promotional { text-align: left; } @media screen and (max-width: 1024px) { .products-grid .promotional { text-align: center; } } .products-grid .promotional #made-by-you-inner { background-color: #f8f8f8; } .products-grid .promotional #made-by-you-inner, .products-grid .promotional #not-alone-inner { padding-bottom: 75px; } @media screen and (max-width: 1024px) { .products-grid .promotional #made-by-you-inner, .products-grid .promotional #not-alone-inner { height: 100%; } } .products-grid .promotional #not-alone-inner { text-align: center; } .products-grid .promotional #not-alone-inner .promotional-link { float: none; display: inline-block; } .products-grid .promotional .promotional-link { padding-top: 20px; border-bottom: 1px solid #000000; float: left; } @media screen and (max-width: 1024px) { .products-grid .promotional .promotional-link { float: none; display: inline-block; } } .products-grid .promotional .promotional-link a { font-weight: bold; margin-bottom: 3px; } .products-grid .promotional .promotional-link a:link, .products-grid .promotional .promotional-link a:active, .products-grid .promotional .promotional-link a:hover, .products-grid .promotional .promotional-link a:visited { text-decoration: none; } .products-grid .promotional .title { display: block; font-size: 26px; padding-bottom: 10px; text-transform: uppercase; line-height: 36px; letter-spacing: 1.7px; color: #000000; } @media screen and (max-width: 768px) { .products-grid .promotional .title { font-size: 22px; } } .products-grid .promotional#made-by-you-wrapper #made-by-you-text-wrapper { margin-top: 76px; margin-left: 48px; } @media screen and (max-width: 768px) { .products-grid .promotional#made-by-you-wrapper #made-by-you-text-wrapper { margin-left: auto; min-height: 177px; } } .products-grid .promotional#made-by-you-wrapper #made-by-you-text-wrapper #engagement-ring-promo-unit-1, .products-grid .promotional#made-by-you-wrapper #made-by-you-text-wrapper #wedding-ring-promo-unit-1 { display: none; } .products-grid .promotional#made-by-you-wrapper #made-by-you { position: absolute; right: -95px; top: 75px; } @media screen and (max-width: 768px) { .products-grid .promotional#made-by-you-wrapper #made-by-you { position: relative; right: auto; top: 45px; } } .products-grid .promotional#made-by-you-wrapper .line-wrapper { height: 1px; width: 1px; margin: 0 auto; } .products-grid .promotional#made-by-you-wrapper .line { display: none; background-color: #000000; height: 60px; margin-top: -25px; width: 1px; position: absolute; z-index: 1; } @media screen and (max-width: 768px) { .products-grid .promotional#made-by-you-wrapper .line { display: block; } } .products-grid .promotional#not-alone { height: 544px; background-color: #f8f8f8; margin-bottom: 180px; } @media screen and (max-width: 768px) { .products-grid .promotional#not-alone { height: 380px; margin-bottom: 80px; margin-top: 180px; width: 100%; padding: 0; } } .products-grid .promotional#not-alone .line { display: none; background-color: #000000; height: 60px; margin-top: 111px; width: 1px; } @media screen and (max-width: 768px) { .products-grid .promotional#not-alone .line { display: block; } } .products-grid .promotional #not-alone-text-wrapper { padding-top: 100px; } @media screen and (max-width: 768px) { .products-grid .promotional #not-alone-text-wrapper { padding-top: 27px; } } .products-grid .promotional #not-alone-text-wrapper .sub-title { font-size: 0.85em; line-height: 1.4em; letter-spacing: 1px; text-transform: uppercase; color: #7f7f7f; } @media screen and (max-width: 768px) { .products-grid .promotional #not-alone-text-wrapper .sub-title { margin-bottom: 10px; display: inline-block; } } .products-grid .promotional #not-alone-text-wrapper .promotional-text { display: block; width: 60%; margin: 0 auto; } @media screen and (max-width: 1024px) { .products-grid .promotional #not-alone-text-wrapper .promotional-text { width: auto; } } .products-grid .promotional #not-alone-text-wrapper #engagement-ring-promo-unit-2, .products-grid .promotional #not-alone-text-wrapper #wedding-ring-promo-unit-2, .products-grid .promotional #not-alone-text-wrapper #jewellery-ring-promo-unit-2, .products-grid .promotional #not-alone-text-wrapper #plain-ring-promo-unit-2 { display: none; } .products-grid .promotional #not-alone-img { margin-top: 100px; width: 70%; } @media screen and (max-width: 768px) { .products-grid .promotional #not-alone-img { display: none; } } .products-grid .promotional #not-alone-img-mobile { display: none; } @media screen and (max-width: 768px) { .products-grid .promotional #not-alone-img-mobile { display: block; margin-top: -123px; position: relative; margin-left: auto; margin-right: auto; width: 80%; max-width: 300px; } } body[class*='categorypath-wedding-ring'] .products-grid .promotional#made-by-you-wrapper #made-by-you-text-wrapper #wedding-ring-promo-unit-1, body[class*='categorypath-jewellery-'] .products-grid .promotional#made-by-you-wrapper #made-by-you-text-wrapper #wedding-ring-promo-unit-1 { display: block; } body[class*='categorypath-wedding-ring'] .products-grid .promotional#not-alone #not-alone-text-wrapper #wedding-ring-promo-unit-2, body[class*='categorypath-jewellery-'] .products-grid .promotional#not-alone #not-alone-text-wrapper #wedding-ring-promo-unit-2 { display: block; } body[class*='categorypath-engagement-ring'] .products-grid .promotional#made-by-you-wrapper #made-by-you-text-wrapper #engagement-ring-promo-unit-1 { display: block; } body[class*='categorypath-engagement-ring'] .products-grid .promotional#not-alone #not-alone-text-wrapper #engagement-ring-promo-unit-2 { display: block; } .prod-listing .prod-sort { display: none; } .products-list li.item { padding: 10px 0; border-bottom: 1px solid #eeeeee; } .products-list li.item:first-child { padding-top: 0; } .products-list li.item:last-child { padding-bottom: 0; border-bottom: 0; } .products-list .product-image { float: left; width: 150px; display: block; } .products-list .product-shop { margin-left: 160px; } .products-list .add-to-links li { display: inline; } .products-list .add-to-links .separator { display: inline; margin: 0 4px; } .availability { margin: 0; } .availability span { font-weight: bold; } .availability.in-stock span { color: #3c763d; } .availability.out-of-stock span { color: #a94442; } .availability.out-of-stock { display: inline-block; float: left; clear: both; text-align: center; width: 100%; padding-top: 20px; } .availability-only span, .availability-only a { font-weight: bold; } .add-to-cart .paypal-logo { margin: 0; text-align: right; } .add-to-cart .paypal-logo .paypal-or { display: block; margin: 5px 60px 5px 0; } .add-to-cart .paypal-logo .paypal-logo { margin: 0; } .add-to-box { text-align: center; padding-left: 15px; padding-right: 15px; } .add-to-box .add-to-cart { margin: 0 -15px 10px; } .add-to-box .or { float: left; } .add-to-box .add-to-links { float: right; } .add-to-box .add-to-links li, .add-to-box .add-to-links .separator { float: left; } .add-to-box .add-to-links .separator { margin: 0 4px; } .product-view { margin-left: -15px; margin-right: -15px; } .product-essential, .product-collateral { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 769px) { .product-essential, .product-collateral { float: left; width: 100%; } } .product-essential .product-shop { min-height: 1px; position: relative; } .product-essential .product-img-box { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding-left: 0; padding-right: 0; } @media (min-width: 769px) { .product-essential .product-img-box { float: left; width: 58.33333333%; } } .product-essential .product-img-box .more-views ul { margin-left: -15px; margin-right: -15px; } .product-essential .product-img-box .more-views ul li { position: relative; float: left; width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 769px) { .product-essential .product-img-box { padding-left: 0; padding-right: 15px; } .product-essential .product-shop { float: right; width: 41.66666667%; } } .product-view .product-shop { padding: 15px; border-color: #ddd; } .product-view .product-shop .product-name { margin: -15px -15px 15px; border-color: #ddd; background-color: #f5f5f5; color: #333333; } .product-view .product-shop .availability, .product-view .product-shop .price-box, .product-view .product-shop .add-to-box, .product-view .product-shop .short-description { margin-bottom: 10px; } .product-view .product-shop .product-options-bottom .price-box, .product-view .product-shop .product-options-bottom .add-to-cart { padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .product-view .product-shop .product-options-bottom .price-box, .product-view .product-shop .product-options-bottom .add-to-cart { float: none; width: auto; } } .product-img-box .product-image-zoom { margin-bottom: 10px; } .product-img-box .more-views { padding-top: 10px; border-top: 1px solid #eeeeee; } .product-options { margin-bottom: 10px; position: relative; } .product-options dl { margin: 0; } .product-options dt { padding-top: 10px; font-weight: normal; } .product-options dt label { margin-bottom: 0; font-weight: bold; } .product-options dt label.required em { margin-left: 2px; color: #a94442; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; } .product-options dd .qty-holder { display: block; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dd { padding: 5px 0 10px 5px; border-bottom: 1px solid #eeeeee; } .product-options dd select[multiple], .product-options dd textarea { height: auto; } .product-options dl.last dd.last { border-bottom: 0; margin-bottom: 0; } .product-options ul.options-list { margin-bottom: 0; } .product-options ul.options-list input.radio { float: left; margin-top: 3px; } .product-options ul.options-list input.checkbox { float: left; margin-top: 3px; } .product-options ul.options-list .label { display: block; margin-left: 18px; } .product-options ul.options-list label { font-weight: normal; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.note { margin: 0; font-size: 12px; } .product-options p.required { position: absolute; right: 20px; top: 20px; } .product-options-bottom { margin-left: -15px; margin-right: -15px; } .product-options-bottom .price-box, .product-options-bottom .add-to-cart { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .product-options-bottom .price-box, .product-options-bottom .add-to-cart { float: left; width: 50%; } } .product-options-bottom .add-to-links { padding-top: 10px; clear: both; text-align: center; } .product-options-bottom .add-to-links li { display: inline; } .product-options-bottom .price-box { padding-top: 10px; } .product-options-bottom .price-label { float: left; padding-right: 5px; } .product-options-bottom .price-tax { float: left; } @media (min-width: 992px) { .product-options-bottom .price-box { padding-top: 0; } } .product-shop .product-options dt label.required em { margin-left: 0; margin-right: 2px; } .product-shop .product-options-bottom { margin: 0 0 10px; } .product-shop .product-options-bottom .price-box { float: none; margin: 0 0 5px; } .product-shop .product-options-bottom .price-label { float: none; padding-right: 0; } .product-shop .product-options-bottom .price-tax { float: none; } .product-shop .product-options-bottom .add-to-cart-box { clear: both; float: left; padding-top: 12px; } .product-shop .product-options-bottom .add-to-links { clear: both; } .product-view .grouped-items-table .price-box { margin: 0; } .product-view .grouped-items-table .qty { width: auto; } .product-view .box-collateral { padding: 15px; border-color: #ddd; } .product-view .box-collateral > h2 { margin: -15px -15px 15px; border-color: #ddd; background-color: #f5f5f5; font-size: 16px; color: #333333; } .product-view .box-additional { padding: 0; } .product-view .box-additional > h2 { margin: 0; } .product-view .box-additional .data-table { border: 0; margin-bottom: 0; } .product-view .box-additional .data-table > tbody > tr > th { border-left: 0; } .product-view .box-additional .data-table > tbody > tr > td { border-right: 0; } .product-view .box-additional .data-table > tbody > tr.first > th, .product-view .box-additional .data-table > tbody > tr.first > td { border-top: 0; } .product-view .box-additional .data-table > tbody > tr.last > th, .product-view .box-additional .data-table > tbody > tr.last > td { border-bottom: 0; } .product-view .box-up-sell .table-responsive { padding: 15px 0; } .product-view .box-up-sell .products-grid { margin: 0; width: 100%; } .product-view .box-up-sell .products-grid td { width: 25%; padding: 0 15px; vertical-align: top; } .product-view .box-up-sell .products-grid .product-image, .product-view .box-up-sell .products-grid .price-box { margin-bottom: 10px; } .product-view .box-up-sell .products-grid .ratings { margin-bottom: 0; } @media (max-width: 769px) { .product-view .box-up-sell .products-grid { min-width: 500px; } .product-view .box-up-sell .products-grid > tbody > tr > th, .product-view .box-up-sell .products-grid > tbody > tr > td { white-space: normal; } } .product-view .box-tags { margin: 0; } .product-view .box-tags .product-tags li { display: inline; white-space: nowrap; margin: 0 6px; } .product-view .box-tags .note { margin: 0; text-align: center; } .product-view .box-reviews dt { padding-top: 15px; font-weight: normal; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight: bold; } .product-view .box-reviews dd { padding-bottom: 15px; border-bottom: 1px solid #eeeeee; } .product-view .box-reviews dd .ratings-table { float: left; margin-right: 10px; } .product-view .box-reviews dd small { font-style: italic; } .product-view .box-reviews .form-add h3 { margin-top: 0; font-size: 14px; font-weight: normal; } .product-view .box-reviews .form-add h3 span { font-weight: 500; } .product-view .box-reviews .form-add h4 { display: inline-block; position: relative; margin-bottom: 5px; font-size: 14px; font-weight: bold; } .product-view .box-reviews .form-add h4 em { float: right; position: absolute; top: 0; right: -8px; color: #a94442; } .product-view .box-reviews .form-add td.value { text-align: center; } .product-view .box-reviews .form-add td.value .radio { display: inline; margin: 0; padding: 0; height: 20px; } @media (max-width: 769px) { .product-view .box-reviews .form-add form { width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 15px; border: 1px solid #ddd; } } .tags-list { margin: 0; padding: 10px; } .tags-list li { display: inline !important; margin: 0 3px; } .productList .prod-listing .prod-views { display: none; } .productList .product-name { color: #7f7f7f; font-size: 10px; text-transform: uppercase; } .book-appointment-wrapper { height: 144px; background-color: #f8f8f8; margin-top: 75px; width: 100%; padding: 0; } @media screen and (max-width: 768px) { .book-appointment-wrapper { height: auto; width: 100%; padding-top: 70px; } } .book-appointment-wrapper > img { height: 178px; width: 397px; top: -36px; } @media screen and (max-width: 768px) { .book-appointment-wrapper > img { top: auto; height: auto; width: auto; margin-top: 45px; } } .book-appointment-wrapper .book-app-link { text-decoration: underline; font-weight: bold; } .book-appointment-wrapper p#mobile-book-app { display: none; } @media screen and (max-width: 768px) { .book-appointment-wrapper p#mobile-book-app { display: block; text-align: center; line-height: 2.2em; } } .book-appointment-wrapper p#mobile-book-app a { text-decoration: underline; font-weight: bold; } .book-appointment-wrapper p#desktop-book-app { margin-top: 50px; } .book-appointment-wrapper p#desktop-book-app a { text-decoration: underline; font-weight: bold; } @media screen and (max-width: 768px) { .book-appointment-wrapper p#desktop-book-app { display: none; } } .spinner-wrapper { position: relative; height: 160px; z-index: 999; opacity: 0.8; float: left; clear: both; display: none; margin-bottom: 100px; } .spinner-wrapper > div { position: relative; display: inline-block; width: 150px; } .spinner-wrapper .spinner { position: absolute; left: 0; top: 0; /*animation*/ -webkit-animation: rotate-spinner 1s linear 0s infinite; -moz-animation: rotate-spinner 1s linear 0s infinite; -ms-animation: rotate-spinner 1s linear 0s infinite; -o-animation: rotate-spinner 1s linear 0s infinite; animation: rotate-spinner 1s linear 0s infinite; } @keyframes rotate-spinner { from { tranform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes rotate-spinner { from { tranform: rotate(0); } to { transform: rotate(360deg); } } @-moz-keyframes rotate-spinner { from { tranform: rotate(0); } to { transform: rotate(360deg); } } @keyframes rotate { from { tranform: rotate(0); } to { transform: rotate(90deg); } } @keyframes rotate2 { from { tranform: rotate(0deg) scale(1); } 50% { transform: rotate(45deg) scale(0.85); } to { transform: rotate(90deg) scale(1); } } @-webkit-keyframes rotate { from { tranform: rotate(0); } to { transform: rotate(90deg); } } @-webkit-keyframes rotate2 { from { tranform: rotate(0deg) scale(1); } 50% { transform: rotate(45deg) scale(0.85); } to { transform: rotate(90deg) scale(1); } } @-moz-keyframes rotate { from { tranform: rotate(0); } to { transform: rotate(90deg); } } @-moz-keyframes rotate2 { from { tranform: rotate(0deg) scale(1); } 50% { transform: rotate(45deg) scale(0.85); } to { transform: rotate(90deg) scale(1); } } .price { white-space: nowrap; } .price-box .price-label { white-space: nowrap; } .price-box .price { font-weight: bold; color: #337ab7; } .regular-price { color: #337ab7; } .regular-price .price { font-weight: bold; color: #337ab7; } .old-price { margin: 0; color: #777777; } .old-price .price { color: inherit; font-weight: normal; text-decoration: line-through; } .special-price { margin: 0; } .special-price .price-label { font-weight: bold; color: #337ab7; } .minimal-price { margin: 0; } .minimal-price .price-label { font-weight: bold; } .minimal-price-link { display: block; } .minimal-price-link .price { font-weight: normal; } .price-excluding-tax, .price-including-tax { display: block; color: #777777; } .price-excluding-tax .label, .price-including-tax .label { white-space: nowrap; color: inherit; } .configured-price { margin: 0; } .configured-price .price-label { font-weight: bold; } .weee { display: block; } .weee .price { font-weight: normal; } .price-excl-tax, .price-incl-tax { display: block; } .price-excl-tax .label, .price-incl-tax .label { white-space: nowrap; display: block; } .price-excl-tax .price, .price-incl-tax .price { display: block; } .price-from, .price-to { margin: 0; } .price-from .price-label, .price-to .price-label { font-weight: bold; white-space: nowrap; } .price-notice { color: #333333; } .price-notice .price { font-weight: bold; color: #333333; } .price-as-configured { margin: 0; } .price-as-configured .price-label { font-weight: bold; white-space: nowrap; } .price-box-bundle .price-box { margin: 0; padding: 0; } .price-box-bundle .price { color: #333333; } .tier-prices .benefit { font-weight: bold; font-style: italic; } .tier-prices .price { font-weight: bold; color: #333333; } .tier-prices-grouped .price { font-weight: bold; } .no-rating { margin: 0; } .ratings { margin-bottom: 10px; font-size: 12px; } .ratings strong { float: left; margin: 1px 3px 0 0; } .ratings .rating-links { margin: 0; } .ratings .rating-links .separator { margin: 0 2px; } .rating-box { width: 69px; height: 13px; font-size: 0; line-height: 0; background: url(/../images/bkg_rating.gif) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .rating-box .rating { float: left; height: 13px; background: url(/../images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float: left; margin-right: 3px; } .ratings-table th, .ratings-table td { font-size: 12px; } .ratings-table th { font-weight: bold; padding-right: 8px; } /* CMS Home Page */ .cms-delivery-information .expertAdviceHeader, body[class*="cms-lifetime-warranty"] .expertAdviceHeader { display: none; } .cms-delivery-information .expertAdviceSubMenu, body[class*="cms-lifetime-warranty"] .expertAdviceSubMenu { display: none; } .cms-delivery-information #body > article, body[class*="cms-lifetime-warranty"] #body > article { padding-top: 40px; } .page-sitemap .links { text-align: right; font-weight: bold; } .catalog-seo-sitemap-product .page-sitemap .sitemap { margin-left: -15px; margin-right: -15px; } .catalog-seo-sitemap-product .page-sitemap .sitemap li { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .catalog-seo-sitemap-product .page-sitemap .sitemap li { float: left; width: 50%; } } .catalog-seo-sitemap-category .page-sitemap .sitemap { margin-left: -15px; margin-right: -15px; } .catalog-seo-sitemap-category .page-sitemap .sitemap li { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 769px) { .catalog-seo-sitemap-category .page-sitemap .sitemap li { float: left; width: 25%; } } @media (min-width: 992px) { .catalog-seo-sitemap-category .page-sitemap .sitemap li { float: left; width: 16.66666667%; } } .catalog-seo-sitemap-category .page-sitemap .sitemap li.level-0 { font-weight: bold; margin-top: 10px; } .catalog-seo-sitemap-category .page-sitemap .sitemap li.level-0:first-child { margin-top: 0; } @media (min-width: 992px) { .page-sitemap .sitemap li.level-0, .page-sitemap .sitemap li.level-1, .page-sitemap .sitemap li.level-2, .page-sitemap .sitemap li.level-3, .page-sitemap .sitemap li.level-4 { width: auto; float: none; } .page-sitemap .sitemap li.level-0 { padding-left: 15px !important; } .page-sitemap .sitemap li.level-1 { padding-left: 35px !important; } .page-sitemap .sitemap li.level-2 { padding-left: 55px !important; } .page-sitemap .sitemap li.level-3 { padding-left: 75px !important; } .page-sitemap .sitemap li.level-4 { padding-left: 95px !important; } } .rss-title h1 { background: url(/../images/i_rss-big.png) 0 4px no-repeat; padding-left: 27px; } .rss-table .link-rss { display: block; line-height: 1.55; background-position: 0 4px; } .account-login .content { min-height: 242px; } .captcha-image { position: relative; width: 258px; } .captcha-note { clear: left; padding-top: 5px; } .captcha-image .captcha-img { border-radius: 4px; border: 1px solid #ccc; width: 100%; } .registered-users .captcha-image { margin: 0; } .captcha-reload { cursor: pointer; position: absolute; top: 2px; right: 2px; } .captcha-reload .refreshing { -webkit-animation: captcha-rotate 1.5s infinite linear; -moz-animation: captcha-rotate 1.5s infinite linear; animation: captcha-rotate 1.5s infinite linear; } @-webkit-keyframes captcha-rotate { 0% { -webkit-transform: rotate(0); } 0% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes captcha-rotate { 0% { -moz-transform: rotate(0); } 0% { -moz-transform: rotate(-360deg); } } @keyframes captcha-rotate { 0% { transform: rotate(0); } 0% { transform: rotate(-360deg); } } .box-account { padding: 15px; border-color: #ddd; } .box-account .box-head { margin: -15px -15px 15px; border-color: #ddd; background-color: #f5f5f5; color: #333333; } .box-account .box-head h2 { float: left; } .box-account .box-head a { float: right; } @media (max-width: 769px) { .box-account { width: 100%; overflow-y: hidden; overflow-x: scroll; } } .dashboard .box .box-title { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #ddd; text-align: right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { margin: 0; float: left; font-size: 18px; } .dashboard .col2-set > .box > .box-title { margin-left: 15px; margin-right: 15px; } .dashboard .box-recent .data-table { margin-bottom: 0; } .dashboard .box-info p, .dashboard .box-info address { margin: 0; } .dashboard .box-info .box { margin-bottom: 30px; } .dashboard .box-reviews ol { margin-bottom: 0; } .dashboard .box-reviews .number { float: left; } .dashboard .box-reviews .details { margin-left: 20px; } .dashboard .box-reviews li.item { margin-bottom: 10px; } .dashboard .box-reviews li.item:last-child { margin-bottom: 0; } .dashboard .box-reviews .ratings { margin-top: 5px; } /* Block: Tags */ .dashboard .box-tags .number { float: left; } .dashboard .box-tags .details { margin-left: 20px; } .dashboard .box-tags li.item { margin-bottom: 10px; } .dashboard .box-tags li.item:last-child { margin-bottom: 0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display: inline; } .addresses-list h2 { font-size: 18px; } .addresses-list h3 { margin-top: 0; font-size: 14px; } .addresses-list address { margin: 0 0 3px; } .addresses-list p { margin: 0; } .addresses-list .link-remove { color: #a94442; } .addresses-list .separator { margin: 0 3px; } .addresses-list li.item { padding: 15px; border-color: #ddd; } .addresses-list li.item h3 { margin: -15px -15px 15px; border-color: #ddd; background-color: #f5f5f5; color: #333333; } .addresses-list li.empty { background: none; border: 0; padding: 0; } .order-info { margin-bottom: 10px; border-bottom: 1px solid #eeeeee; } .order-info dd { padding-left: 10px; } .order-info li { display: inline; margin: 0 3px; } .order-info li:first-child { margin-left: 0; } .order-info li:last-child { margin-right: 0; } .order-info .current { font-weight: bold; } .order-date { margin-bottom: 10px; } .order-info-box { margin-left: 0; margin-right: 0; border-color: #ddd; padding-top: 15px; } .order-info-box .box { margin-bottom: 15px; } .order-info-box h2 { margin-top: 0; font-size: 14px; } .order-info-box address { margin-bottom: 0; } .order-items h2 { font-size: 18px; } .order-items h3 { font-size: 12px; } .order-items .order-links { text-align: right; } .order-additional { margin: 10px 0; } .gift-message { padding: 15px; border-color: #ddd; } .gift-message dt { padding-left: 10px; } .gift-message dt strong { display: block; margin-left: -10px; } .gift-message dd { margin-top: 10px; } .gift-message-row .gift-message { padding: 0; margin: 0; border: 0; } .order-about { padding: 15px; border-color: #ddd; } .order-about dd { margin-bottom: 10px; padding-left: 10px; } .order-about dd:last-child { margin-bottom: 0; } .my-wishlist textarea { height: auto; } .my-wishlist .price-box { margin-bottom: 5px; } .my-wishlist .add-to-cart-alt input.input-text { margin-bottom: 5px; } .my-wishlist .add-to-cart-alt .btn-cart { display: block; margin-bottom: 5px; width: 100%; } .my-wishlist p { margin-bottom: 0; } .my-wishlist .link-edit { width: 100%; display: block; } .product-review .product-img-box { float: left; width: 140px; } .product-review .product-img-box .label { font-size: 12px; } .product-review .product-img-box .ratings .rating-box { display: block; float: none; margin-bottom: 5px; } .product-review .product-details { margin-left: 150px; } .product-review .product-name { margin-bottom: 10px; font-size: 18px; } .product-review h3 { font-size: 14px; } .product-review .ratings-table { margin: 0 0 10px; } .product-review dt { margin-bottom: 5px; } .billing-agreements .info-box { margin: 10px 0; } .billing-agreements .form-list li select { float: left; } .billing-agreements .form-list li button.button { float: left; margin-left: 10px; } .billing-agreements .table-caption { font-weight: bold; } .mobile-reservation { display: none; } @media screen and (max-width: 768px) { .mobile-reservation { display: block; } } @media screen and (max-width: 768px) { .desktop-reservation { display: none; } } .viewings-dialog-wrapper { display: none; } .viewings-dialog-wrapper #viewings-dialog { visibility: visible; padding: 0; } .ui-dialog { padding: 0; } .ui-dialog.ui-dialog-content { padding: 0; } .ui-dialog > .ui-dialog-content { padding: 0; } div.ui-dialog.ui-widget { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); padding: 40px 60px; width: 900px !important; } .date-selection > #pick-time-scroll { padding: 1%; } @media screen and (max-width: 768px) { .date-selection .date-times { border: none; } } @media screen and (max-width: 480px) { .date-selection .date-times { border: none; } } .viewings-dialog .viewings-modal [class*='col-'] { padding: 0; } .viewings-dialog .viewings-modal .moments-appointment { height: auto; } .viewings-dialog .input-text { margin: 0 auto 0.8em; display: inline-block; width: 100%; } .viewings-dialog #viewings-login-form { margin: 0 auto; float: none; } .viewings-dialog #login-content .remember-me.login-content { display: none; } .viewings-dialog #login-content .remember-me label { float: left; padding-left: 5px; } @media screen and (max-width: 768px) { .viewings-dialog #login-content .remember-me { padding-left: 15%; } } @media screen and (max-width: 768px) { .viewings-dialog #login-content .forgotten-pass { padding-left: 15%; } } .viewings-dialog #login-content .forgotten-pass .forgot-password { float: right; } @media screen and (max-width: 768px) { .viewings-dialog #login-content .forgotten-pass .forgot-password { float: left; } } .viewings-dialog #date-time img, .viewings-dialog #store img { margin: 0; } .viewings-dialog #date-time { margin-bottom: 61px; } .viewings-dialog #store { margin-bottom: 29px; } .viewings-dialog .line { width: 20px; height: 1px; background-color: #000000; opacity: 0.2; margin: 0 auto; margin-bottom: 34px; } .viewings-dialog .appointment .appointment-details { padding: 2%; } button.ui-button .ui-button-icon-primary { top: auto; bottom: auto; left: auto; right: auto; } .ui-datepicker-header { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; line-height: 1.28; letter-spacing: 0.3px; } .ui-datepicker-title { font-weight: 400; } .ui-datepicker { width: 94% !important; margin: 0 !important; font-family: 'Lato', sans-serif; float: left; } .ui-datepicker th { font-size: 0.85em; line-height: 1.4em; letter-spacing: 1px; text-transform: uppercase; color: #7f7f7f; font-family: 'Lato', sans-serif; } .ui-datepicker tbody td { border: 1px solid #e5e5e5; } .ui-datepicker tbody tr { border-right: 1px solid #e5e5e5 !important; } .ui-datepicker table { width: 100%; } .ui-datepicker-calendar .ui-state-default { border: none !important; box-shadow: none; } .ui-datepicker-calendar .ui-state-active { border: 1px solid #ff9000 !important; background-color: #ffffff !important; color: #000000; box-shadow: none; font-weight: bold; } .ui-datepicker-calendar .ui-state-disabled { border-color: #e5e5e5; } .ui-datepicker-calendar .ui-datepicker-current-day { border: none; background-color: #ffffff; } .ui-datepicker-calendar .ui-datepicker-year { display: none; } #viewings-calender-form { margin: 0 auto; } .date-selection .date-times { border: none; } .date-selection .date-times table { width: 220px; height: 220px; } .date-selection .date-times .time { line-height: 36px; background: #fff; border: solid 1px #000000; height: 40px; border-radius: 20px; cursor: pointer; } .date-selection .date-times .time:hover { border-color: #ff9000; } .date-selection .date-times .time label { cursor: pointer; font-size: 12px; color: #000000; font-weight: normal; } .date-selection .date-times .time label:hover { color: #000000; } .date-selection .date-times .selected { text-shadow: none; background-color: #ffffff; border-color: #ff9000; font-weight: bold; } .date-selection .date-times .selected:hover { text-shadow: none; background-color: #ffffff; border-color: #ff9000; } .date-selection .date-times .selected label { color: #000000; } .date-selection .date-times .disabled { opacity: 0.2; } .date-selection .date-times .disabled:hover { background: #ffffff; color: #000000; border-color: #000000; } .date-selection .date-times input[type=radio] { display: none; } .viewings-dialog .add-to-viewings-form { width: 100%; border-radius: 0px; background-color: #000000; margin-bottom: 20px; color: #ffffff; font-size: 11px !important; } .viewings-dialog .viewings-intro h2 { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; margin: 0 0 20px; font-size: 50px; line-height: 50px; color: #000000; } .viewings-dialog #appointment-review { padding-top: 30px; } .viewings-dialog .edit_booking, .viewings-dialog .postcode a { text-decoration: underline; color: #000000; margin-top: 12px; } .viewings-dialog #booked-product-img { border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-bottom: 20px; } .viewings-dialog #booked-product-img img { width: 155px; } .viewings-dialog #booked-product-img-confirm-success img { width: 155px; } .viewings-dialog .made-by-you-text { font-size: 10px; line-height: 1.6; letter-spacing: 1px; text-align: center; text-transform: uppercase; color: #7f7f7f; } .viewings-dialog .smallGrey { text-transform: none; } .viewings-dialog .guadian-angel-block { border-bottom: 1px solid #e5e5e5; padding-bottom: 45px; margin-bottom: 40px; } .viewings-dialog .guadian-angel-block .your-guadian-angel-image { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/booking/placeholder-liz-stone.png') center center no-repeat; background-size: cover; width: 72px; height: 72px; float: left; text-align: left; margin: 0 20px 0 0; } .viewings-dialog .guadian-angel-block .your-guadian-angel { float: left; text-align: left; margin-top: 15px; } .viewings-dialog .guadian-angel-block .your-guadian-angel .your-guadian-angel-name { font-size: 13px; font-weight: 600; } .viewings-dialog .contactInterest { border-top: 1px solid #e5e5e5; padding: 60px 0; margin-top: 50px; } .viewings-dialog .contactInterest .col-md-6 { padding: 0 20px 0 0; } .viewings-dialog .contactInterest .col-md-6.roundBtn { padding-right: 0 !important; } .viewings-dialog .preferedContactTitle, .viewings-dialog .interestTitle { text-transform: none; margin-bottom: 20px; } .viewings-dialog .roundBtn { background: #fff; border: solid 1px #000000; height: 40px; border-radius: 20px; cursor: pointer; font-size: 12px; line-height: 36px; font-weight: normal; } .viewings-dialog .roundBtn.selected { border-color: #ff9000; font-weight: bold; } .pick-time { margin-top: 7px; margin-bottom: 20px; text-align: left; color: #333 !important; font-size: 16.5px !important; letter-spacing: 0.2px !important; } @media (max-width: 769px) { div.ui-dialog.ui-widget { box-shadow: none; padding: 30px !important; width: 100% !important; } .interestTitle { margin-top: 20px; } } @media (max-width: 480px) { div.ui-dialog.ui-widget { padding: 30px !important; } .interestTitle { margin-top: 40px; } .pick-time { margin-top: 20px; margin-bottom: 20px; text-align: center; } .viewings-dialog .contactInterest { margin-top: 20px; padding: 40px 0; } .viewings-dialog .guadian-angel-block { margin-bottom: 20px; } .contactInterest .col-md-6 { padding: 0; } .ui-datepicker { width: 100% !important; } } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 769px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .modal-open { overflow: hidden; } body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0; } .modal .close { opacity: 1; } .modal-header { border: none; } .modal-content { border: none; box-shadow: 0 30px 75px 0 rgba(0, 0, 0, 0.15); } .modal-backdrop.in { opacity: 0.1; } @media screen and (min-width: 992px) { .modal-media .modal-dialog { width: 940px; } } .lightboxWrapper { display: none; height: 100%; position: fixed; width: 100%; z-index: 100; } .lightboxWrapper .lightbox { background: #fff; position: relative; z-index: 3; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .lightboxWrapper .lightbox .close-button { position: absolute; right: 10px; top: 5px; z-index: 150; display: inline-block; cursor: pointer; } .lightboxWrapper .lightbox .icon16 { width: 16px; height: 16px; } .modal .lightbox-body { height: 650px; } .modal .lightbox-body .row { height: 100%; } .modal .livestream { background: black; width: 830px; padding: 0 40px; } .modal .livestream .lightbox-body { width: 750px; height: 500px; } @media screen and (max-width: 991px) { .modal .lightbox { width: 100%; height: 100%; } .modal .lightbox .close-button { position: relative; width: 100%; text-align: right; height: 32px; } .modal .lightbox-body { height: 100%; } .modal .livestream { width: 100%; padding: 0; } .modal .livestream .lightbox-body { width: 100%; height: calc(100% - 32px); } } .modal .imagewrapper { position: relative; display: inline-block; } .modal .imagewrapper .tick { position: absolute; bottom: 20px; right: 15px; } .modal .headlines { padding-bottom: 9em; } .modal .text-block { position: relative; top: 35%; transform: translateY(-50%); } .modal .toptitle { font-size: 4em; } .modal .caption { width: auto; } .modal .center-block { float: none; } .modal .buttons { bottom: 80px; margin: 0; padding-top: 6em; position: absolute; width: calc(100% - 30px); } .modal .buttons .btn { margin: 0; } .modal .buttons .singleButton { width: 66%; margin: 15px 0; } @media screen and (min-width: 992px) { .modal .buttons .singleButton { margin: 0; } } .popover, .truncated_full_value, .tool-tip { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 400px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title, .truncated_full_value dt { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content, .truncated_full_value dd, .tool-tip-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } div.ui-dialog.ui-widget { border-radius: 0px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); padding: 40px 60px; } .ui-widget-overlay { background-color: transparent !important; box-shadow: 0 30px 75px 0 rgba(0, 0, 0, 0.15); } .ajaxPersonalInfo { float: left; margin: 30px 0 20px; width: 100%; text-align: left; } .buttons-set { margin: 0; padding: 0; border-top: none; } .buttons-set .back-link { float: none; width: 100%; text-align: center; margin-top: 80px; } .customer-name-prefix select, .sizeDialogFinance .product-options dd select { -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border-radius: 0; border: 1px solid #7f7f7f; height: 42px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/chevron.svg') right center no-repeat; background-position: 97% center; } .al-authorization-container-overlap .Close { width: 15px !important; padding: 0 !important; right: 30px !important; top: 30px !important; } .al-authorization-container-overlap a[title="Close window"] { padding: 0; } .al-authorization-container-overlap .closeButton { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/close.svg') center center no-repeat; padding: 0; width: 15px !important; height: 15px; } .al-authorization-container-overlap .Canvas .Wrapper .buttons-set button.button { margin: 0 !important; } .al-authorization-container-overlap .Canvas .Wrapper input { padding: 7px 12px !important; width: 100%; } .al-authorization-container-overlap .Canvas .Wrapper .checkbox { float: left; margin: 6px 10px 0 0; width: 14px; margin-top: 15px; } .al-authorization-container-overlap .Canvas .Wrapper .al-authorizationform-register LABEL { margin-top: 10px; } .al-authorizationform-register .signIn { display: none; } .al-authorizationform-login .al-socialnets div { margin: 0 0 20px; } .al-authorizationform-login .al-socialnets button { margin: 0 !important; } .al-authorizationform-login div.al-socialnets div.button { width: 100% !important; box-sizing: border-box; font-size: 0.9em; font-weight: 400; } .al-authorizationform-login .buttons-set button { background-color: #000000; color: #ffffff; } .al-authorizationform-login .btn { margin: 0 0 20px !important; width: 100%; } .al-authorizationform-login .facebook, .al-authorizationform-login .facebook:hover { color: #ffffff; } .al-authorizationform-login input[type="password"], .al-authorizationform-login #al_auth_login_email { width: 100%; } .al-authorizationform-login .smallGrey { display: none; } .al-authorizationform-login .signUp { display: none; } .al-authorizationform-login .signIn { text-align: center; } .ui-icon-closethick { content: ''; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/close.svg') center center no-repeat !important; padding-left: 30px; cursor: pointer; padding: 20px; } .financeOptionHeader { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; margin-bottom: 20px; font-size: 50px; line-height: 50px; text-align: center; } .sizeDialogFinance .p1 { text-align: center; width: 330px; margin: 0 auto; } .sizeDialogFinance .product-options dd { padding: 0 0 20px; border: none; } .sizeDialogFinance .product-options dt label { margin-bottom: 10px; } .sizeDialogFinance ul.accordion li table tr.rowalt td, .sizeDialogFinance ul.accordion li table tr:nth-child(odd) td { background: #ffffff; } .sizeDialogFinance .v12_em { margin-top: 30px; } .sizeDialogFinance .v12_prod_name { font-weight: 400; } .financePopupButton { width: 100% !important; margin: 40px 0 0 !important; } .catalog-product-view ul.accordion { margin: 0 !important; border-bottom: none !important; } #remember-me-box { display: none; } #confirmBookingAppointment { padding: 18px 0 0; } .password-recovery-form .form-list label { float: left; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 769px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .carousel-inner > .active.left { float: none !important; } .clearfix:before, .clearfix:after, header[role="banner"]:before, header[role="banner"]:after, .layout:before, .layout:after, footer[role="contentinfo"]:before, footer[role="contentinfo"]:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .page-title:before, .page-title:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .col2-set:before, .col2-set:after, .col2-set:before, .col2-set:after, .col4-set:before, .col4-set:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .form-list:before, .form-list:after, .form-list li:before, .form-list li:after, .form-list li.additional-row p:before, .form-list li.additional-row p:after, .buttons-set:before, .buttons-set:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .sorter:before, .sorter:after, .panel-body:before, .panel-body:after, .advanced-search-summary:before, .advanced-search-summary:after, .block .block-content:before, .block .block-content:after, .block .actions:before, .block .actions:after, .block .block-content:before, .block .block-content:after, .products-grid:before, .products-grid:after, .products-list li.item:before, .products-list li.item:after, .add-to-box:before, .add-to-box:after, .product-view:before, .product-view:after, .product-essential .product-img-box .more-views ul:before, .product-essential .product-img-box .more-views ul:after, .product-options-bottom:before, .product-options-bottom:after, .product-options-bottom .price-box:before, .product-options-bottom .price-box:after, .product-view .box-collateral:before, .product-view .box-collateral:after, .product-view .box-reviews dd:before, .product-view .box-reviews dd:after, .catalog-seo-sitemap-product .page-sitemap .sitemap:before, .catalog-seo-sitemap-product .page-sitemap .sitemap:after, .catalog-seo-sitemap-category .page-sitemap .sitemap:before, .catalog-seo-sitemap-category .page-sitemap .sitemap:after, .box-account .box-head:before, .box-account .box-head:after, .dashboard .box .box-title:before, .dashboard .box .box-title:after, .dashboard .box-reviews li.item:before, .dashboard .box-reviews li.item:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after, .clearer:before, .clearer:after, .cart .cart-collaterals:before, .cart .cart-collaterals:after, .tool-tip .btn-close:before, .tool-tip .btn-close:after, .gift-messages-form .item:before, .gift-messages-form .item:after, .gift-message-row dl:before, .gift-message-row dl:after, .opc .step-title:before, .opc .step-title:after, .checkout-progress:before, .checkout-progress:after, .multiple-checkout .place-order:before, .multiple-checkout .place-order:after { content: " "; display: table; } .clearfix:after, header[role="banner"]:after, .layout:after, footer[role="contentinfo"]:after, .dl-horizontal dd:after, .page-title:after, .container:after, .container-fluid:after, .row:after, .col2-set:after, .col2-set:after, .col4-set:after, .form-horizontal .form-group:after, .form-list:after, .form-list li:after, .form-list li.additional-row p:after, .buttons-set:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .sorter:after, .panel-body:after, .advanced-search-summary:after, .block .block-content:after, .block .actions:after, .block .block-content:after, .products-grid:after, .products-list li.item:after, .add-to-box:after, .product-view:after, .product-essential .product-img-box .more-views ul:after, .product-options-bottom:after, .product-options-bottom .price-box:after, .product-view .box-collateral:after, .product-view .box-reviews dd:after, .catalog-seo-sitemap-product .page-sitemap .sitemap:after, .catalog-seo-sitemap-category .page-sitemap .sitemap:after, .box-account .box-head:after, .dashboard .box .box-title:after, .dashboard .box-reviews li.item:after, .modal-header:after, .modal-footer:after, .clearer:after, .cart .cart-collaterals:after, .tool-tip .btn-close:after, .gift-messages-form .item:after, .gift-message-row dl:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide, .logo strong { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .bs-prototype-override { display: block !important; } .bs-prototype-override.input-group-btn { display: table-cell !important; } .hidden { display: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; } .no-display { display: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } .no-border-radius { border-radius: 0; } .vflex { display: flex; justify-content: center; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .inline-block { display: inline-block; } .margin-top-100 { margin-top: 100px; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 768px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 768px) { .visible-xs-block { display: block !important; } } @media (max-width: 768px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 768px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 769px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 769px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 769px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 769px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 768px) { .hidden-xs { display: none !important; } } @media (min-width: 769px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } @media (max-width: 769px) { .vflex { display: block; } } @font-face { font-family: 'normandyislejnl'; src: url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/normandyislejnl.woff2') format('woff2'), url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/normandyislejnl.woff') format('woff'), url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/normandyislejnl.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AkkordeonSix'; src: url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/AkkordeonSix.woff2') format('woff2'), url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/AkkordeonSix.woff') format('woff'), url('https://www.vashi.ie/skin/frontend/default/vashi/fonts/AkkordeonSix.ttf') format('truetype'); font-weight: normal; font-style: normal; } .font-heading { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; } html { font-size: 13px; } html, body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body { color: #000000; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0.2px; line-height: 22px; } h1, h2, h3, h4, h5, h6 { font-weight: 100; text-align: center; text-transform: uppercase; } h1 { font-size: 26px; letter-spacing: 17px; line-height: 36px; margin: 0 0 20px 0; } h2 { font-size: 22px; font-weight: 400; line-height: 32px; } h3 { font-size: 18px; line-height: 28px; } h4 { font-size: 12px; font-weight: 400; letter-spacing: 1px; line-height: 20px; opacity: 0.5; } p { line-height: inherit; margin: 0; } a { color: inherit; letter-spacing: 0.2px; line-height: 16.9px; } a:hover, a:focus { color: inherit; } hr { border-width: 2px; margin: 120px 0 120px 0; } @media screen and (max-width: 480px) { hr { margin: 40px 0 40px 0; } } blockquote { border: none; display: inline-block; font-size: 15px; position: relative; } blockquote:before, blockquote:after { content: "\201C"; color: #7f7f7f; font-size: 30px; position: absolute; top: 10px; } blockquote:before { left: 0; } blockquote:after { content: "\201D"; right: 0; left: auto; } /* Images */ @media screen and (max-width: 1024px) { div > img { margin-bottom: 40px; } } /* Custom Classes */ .link { font-weight: 700; text-decoration: none; border-bottom: 1px solid; border-color: inherit; } .link:hover { text-decoration: none; } @media screen and (max-width: 480px) { .text-right, .text-left { text-align: center; } } /* Main Framework */ .layout { margin-left: 0; margin-right: 0; } .layout.layout-1-col div[role="main"] { padding-left: 0; padding-right: 0; } .container, .container-fluid { padding: 0; } .container { max-width: 1300px; } @media (min-width: 1330px) { .container { width: 1300px; } } .row { margin-left: 0; margin-right: 0; } @media screen and (max-width: 1024px) { #body { padding: 0 15px; } } #body h1 { letter-spacing: 1.7px; } /* Columns with Margins */ div[class*='col-'].col-margin { margin: 1%; } .col-margin.col-md-12 { width: 98%; } .col-margin.col-md-11 { width: 89.66666667%; } .col-margin.col-md-10 { width: 81.33333333%; } .col-margin.col-md-9 { width: 73%; } .col-margin.col-md-8 { width: 64.66666667%; } .col-margin.col-md-7 { width: 56.33333333%; } .col-margin.col-md-6 { width: 48%; } .col-margin.col-md-5 { width: 39.66666667%; } .col-margin.col-md-4 { width: 31.33333333%; } .col-margin.col-md-3 { width: 23%; } .col-margin.col-md-2 { width: 14.66666667%; } .col-margin.col-md-1 { width: 6.33333333%; } @media (max-width: 769px) { .col-margin.col-sm-12 { width: 98%; } .col-margin.col-sm-11 { width: 89.66666667%; } .col-margin.col-sm-10 { width: 81.33333333%; } .col-margin.col-sm-9 { width: 73%; } .col-margin.col-sm-8 { width: 64.66666667%; } .col-margin.col-sm-7 { width: 56.33333333%; } .col-margin.col-sm-6 { width: 48%; } .col-margin.col-sm-5 { width: 39.66666667%; } .col-margin.col-sm-4 { width: 31.33333333%; } .col-margin.col-sm-3 { width: 23%; } .col-margin.col-sm-2 { width: 14.66666667%; } .col-margin.col-sm-1 { width: 6.33333333%; } } .col-margin.col-xs-12 { width: 98%; } .col-margin.col-xs-11 { width: 89.66666667%; } .col-margin.col-xs-10 { width: 81.33333333%; } .col-margin.col-xs-9 { width: 73%; } .col-margin.col-xs-8 { width: 64.66666667%; } .col-margin.col-xs-7 { width: 56.33333333%; } .col-margin.col-xs-6 { width: 48%; } .col-margin.col-xs-5 { width: 39.66666667%; } .col-margin.col-xs-4 { width: 31.33333333%; } .col-margin.col-xs-3 { width: 23%; } .col-margin.col-xs-2 { width: 14.66666667%; } .col-margin.col-xs-1 { width: 6.33333333%; } header > .row { padding: 20px 0; margin: 0 auto; } header.desktop-header .nav-base { background: #000000; height: 60px; padding: 0%; position: relative; } header.desktop-header .nav-base.fixed { position: fixed; z-index: 100; top: 0; width: 100%; } @media screen and (max-width: 1024px) { header.desktop-header { height: 0; visibility: hidden; } } header.mobile-header { display: none; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: fixed; top: 0; box-sizing: border-box; height: 60px; z-index: 90; background-color: #fff; width: 100%; align-items: center; } @media screen and (max-width: 1024px) { header.mobile-header { display: flex; margin: 0; } } @media screen and (max-width: 480px) { header.mobile-header ul li { padding: 0; } } header ul.arrow-list li:before { display: none; } @media screen and (max-width: 768px) { header > .mobile-nav-toggler div { padding-top: 7px; } } @media screen and (max-width: 480px) { header > .mobile-nav-toggler div { padding-top: 7px; } } .headerBasket { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/header/basket.svg') no-repeat center center; display: inline-block; width: 20px; height: 20px; position: relative; top: 2px; left: -10px; } .headerBasket .cartNumber { position: absolute; top: -4px; right: -4px; height: 13px; } .headerBasket a { display: inline-block; width: 100%; height: 100%; } .country-selector { display: inline-block; } @media screen and (max-width: 768px) { .country-selector { display: none; } } .country-selector .ui-selectmenu-button span.ui-icon { display: none; } .country-selector .ui-selectmenu-button span.ui-selectmenu-text { position: relative; top: 1px; } .country-selector #select-store-button { height: auto !important; font-size: 13px; color: #000000; width: 40px !important; } .country-selector #select-store { display: none; } .user-panel { display: inline-block; cursor: pointer; margin-right: 20px; position: relative; top: -3px; } @media screen and (max-width: 768px) { .user-panel { display: none; } } .user-panel a { cursor: pointer; } .myAccountDropdown { position: absolute; z-index: 100; background: white; width: 160px; text-align: center; padding: 30px 0 15px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); top: 35px; left: -45px; } .myAccountDropdown li { padding: 0 0 15px 0; } .myAccountDropdown .myAccountDropdownArrow { width: 100%; height: 16px; position: absolute; top: -10px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/header/arrowup.svg') no-repeat bottom center; } .notificationsBell { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/header/heart.svg') no-repeat center center; display: inline-block; width: 20px; height: 20px; margin-right: 20px; position: relative; top: 3px; } .notificationsBell .bellNumber { position: absolute; top: -5px; right: -6px; } .notificationsBell a { display: inline-block; width: 100%; height: 100%; } .mobile-nav-toggler { display: block; float: left; height: 23px; position: relative; width: 24px; margin: 8px 10px 0 23px; cursor: pointer; } .mobile-nav-toggler span { -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: block; height: 2px; opacity: 1; border-radius: 0px; margin-bottom: 4px; width: 100%; } .mobile-logo img { margin: 0; } .mobile-logo img#headerLogo { max-width: 130px; } header > .mobile-nav-toggler div { padding-top: 0px; } .active #mobileMenuWrap { padding-top: 6px; } .store-switcher-flag-icon { display: none; max-width: 19px; max-height: 19px; margin-bottom: 0px; margin-top: -8px; margin-right: 20px; } .headerTextRight { text-align: right; } .sticky-banner { overflow: hidden; position: relative; height: 70px; width: 100%; z-index: 80; margin-top: 60px; background-color: #eee; } .sticky-banner .sticky-banner-inner { position: relative; } .sticky-banner .sticky-banner-inner .slide { height: 70px; } .sticky-banner .icon { height: 12px; position: absolute; top: 29px; left: -5px; line-height: 1em; } .sticky-banner .icon img { vertical-align: initial; height: 100%; margin-bottom: 0 !important; } .sticky-banner .close-button { display: none; position: absolute; top: 20px; right: 15px; cursor: pointer; } .sticky-banner .close-button img { width: 15px; } .sticky-banner p { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); line-height: 1.5em; margin-left: 20px; margin-right: 20px; } @media (max-width: 320px) { .sticky-banner p { margin-left: 20px; margin-right: 20px; } } @media (max-width: 480px) { .sticky-banner p { font-size: 0.65em; margin-left: 20px; margin-right: 20px; } } @media (min-width: 480px) { .sticky-banner p { margin-left: 40px; margin-right: 20px; } .sticky-banner .icon { display: inline-block; left: 10px; } } @media (min-width: 992px) { .sticky-banner { margin-top: 0px; } .sticky-banner.fixed { position: fixed; top: 60px; } .sticky-banner .close-button { display: inline-block; } } .sticky-banner-pad { display: none; height: 70px; } /* --------------------------------------------------------------------------- Responsive design elements --------------------------------------------------------------------------- */ @media screen and (max-width: 320px) { .css-responsive { font-size: 11px; } } @media screen and (min-width: 375px) { .css-responsive { font-size: 13px; } } @media screen and (min-width: 992px) { .css-responsive { font-size: 9px; } } @media screen and (min-width: 1024px) { .css-responsive { font-size: 11px; } } @media screen and (min-width: 1200px) { .css-responsive { font-size: 13px; } } /* --------------------------------------------------------------------------- --------------------------------------------------------------------------- */ .cms-homepage #body { padding-left: 0; padding-right: 0; overflow: hidden; } .cms-homepage #body { padding-left: 0; padding-right: 0; } /* --------------------------------------------------------------------------- --------------------------------------------------------------------------- */ .homepage { /* --------------------------------------------------------------------------- Hero Video --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- Made By You --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- Popping The Question --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- Dont Forget --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- Start Your Journey --------------------------------------------------------------------------- */ } @media (max-width: 991px) { .homepage .text-block { text-align: center; } } .homepage .page-title { display: none; } .homepage .toptitle { font-size: 5rem; } .homepage a:hover { text-decoration: none; } @media screen and (max-width: 1024px) { .homepage div > img { margin-bottom: 0px; } } .homepage .btn { display: inline-block; margin: 0; text-align: center; } .homepage .headlines { padding-top: 0; padding-bottom: 0; } .homepage .headlines .caption { font-size: 15px; padding-top: 2em; padding-bottom: 2em; width: initial; } .homepage .section { position: relative; } .homepage #the-vashi-experience { position: relative; background: black; color: white; } .homepage #the-vashi-experience .textLink a { color: white; } .homepage #the-vashi-experience .btn.black { border: 1px solid white; } .homepage #the-vashi-experience .btn.white { border: 1px solid white; } .homepage #the-vashi-experience .slick-dots li button { background: #777; } .homepage #the-vashi-experience .slick-dots li button:hover:before button, .homepage #the-vashi-experience .slick-dots li button:focus:before button { background: white; } .homepage #the-vashi-experience .slick-dots li.slick-active button { background: white; } .homepage #the-vashi-experience .slider .nav { stroke: black; fill: white; } .homepage #the-vashi-experience .slider .nav-arrow { stroke: white; fill: white; } .homepage #the-vashi-experience .hero-image-wrapper { width: 100%; height: 47rem; overflow: hidden; } @media (max-width: 991px) { .homepage #the-vashi-experience .hero-image-wrapper { height: auto; width: 100%; } } .homepage #the-vashi-experience .hero-image { width: 100%; position: relative; left: 50%; top: initial; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); } @media (min-width: 500px) { .homepage #the-vashi-experience .hero-image { height: 100%; width: initial; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); display: block; } } .homepage #made-by-you { position: relative; background-color: white; } .homepage #made-by-you .call-out, .homepage #made-by-you .we-are-vashi { pointer-events: none; position: absolute; top: -8rem; height: 10rem; background-image: url(/skin/frontend/default/vashi/images/homepage/backingDesktop.svg); background-repeat: no-repeat; background-size: auto 100%; right: 0; width: 25rem; z-index: 50; } .homepage #made-by-you .call-out p, .homepage #made-by-you .we-are-vashi p { padding: 20px 0 20px 20px; } .homepage #made-by-you .call-out a, .homepage #made-by-you .we-are-vashi a { display: inline-block; height: 100%; width: 100%; pointer-events: all; } .homepage #made-by-you .call-out .vashi-inner, .homepage #made-by-you .we-are-vashi .vashi-inner { width: 100%; padding-left: 72px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .homepage #made-by-you .call-out .smallBold, .homepage #made-by-you .we-are-vashi .smallBold { padding-top: 0.5rem; } .homepage #made-by-you .call-out .arrow-wrapper, .homepage #made-by-you .we-are-vashi .arrow-wrapper { position: absolute; right: 2rem; top: 4.2rem; } @media (max-width: 768px) { .homepage #made-by-you .call-out, .homepage #made-by-you .we-are-vashi { width: 20rem; } .homepage #made-by-you .call-out .vashi-inner, .homepage #made-by-you .we-are-vashi .vashi-inner { padding-left: 45px; } } @media (max-width: 320px) { .homepage #made-by-you .call-out, .homepage #made-by-you .we-are-vashi { width: 15rem; } .homepage #made-by-you .call-out .vashi-inner, .homepage #made-by-you .we-are-vashi .vashi-inner { padding-left: 32px; } } @media (max-width: 991px) { .homepage #made-by-you .call-out, .homepage #made-by-you .we-are-vashi { top: -3rem; height: 6.5rem; } } @media (min-width: 992px) { .homepage #made-by-you .call-out, .homepage #made-by-you .we-are-vashi { width: 44rem; } } .homepage #made-by-you .inner { overflow: hidden; } .homepage #made-by-you .image-block { height: 71rem; width: 75rem; pointer-events: none; } .homepage #made-by-you .image-block .the-diamond { z-index: 20; } .homepage #made-by-you .image-block .the-ring .front { bottom: -8rem; position: absolute; z-index: 30; } .homepage #made-by-you .image-block .the-ring .back { position: absolute; bottom: 27rem; left: 31.5rem; z-index: 10; width: 16rem; } @media (max-width: 991px) { .homepage #made-by-you .image-block { position: relative; left: 50%; transform: translateX(-50%); } } .homepage #made-by-you .image-block img { width: 100%; } .homepage #made-by-you .image-block .wrapper1 { height: 30rem; width: 1px; position: absolute; bottom: 35rem; right: 38rem; opacity: 0.3; border-left: 2px dashed grey; } .homepage #made-by-you .image-block .wrapper2 { position: absolute; bottom: 50rem; right: 30rem; width: 16rem; opacity: 0.3; } .homepage #made-by-you .image-block .wrapper3 { position: absolute; bottom: 0; right: 0px; width: 77rem; } @media (min-width: 992px) { .homepage #made-by-you .image-block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media (min-width: 992px) { .homepage #made-by-you .inner { position: relative; height: 71rem; } .homepage #made-by-you .text-block { position: relative; top: 35%; transform: translateY(-50%); } } .homepage #made-by-you .btn { width: 14em; min-width: 14em; } .homepage #pop-the-question { /* SECTION PADDING */ /* FEEL THE LOVE ANIMATION */ margin: 0; /* SLIDER AND PERSPECTIVE IMAGE */ /* NAV BUTTON & CTA */ } .homepage #pop-the-question .col-md-6 { padding-right: 0; padding-left: 0; } @media (min-width: 992px) { .homepage #pop-the-question { padding-top: 10rem; padding-bottom: 10rem; } } @media (max-width: 991px) { .homepage #pop-the-question { padding-top: 5rem; padding-bottom: 5rem; } } .homepage #pop-the-question #feel-the-love-container { width: 100%; background: url("https://www.vashi.ie/skin/frontend/default/vashi/images/animations/wordanim/bg-sprite-650w-366h.jpg"); background-size: cover; } .homepage #pop-the-question #feel-the-love-container .text-overlay { width: 100%; } .homepage #pop-the-question #feel-the-love-container .text-overlay p { text-align: center; } @media (max-width: 768px) { .homepage #pop-the-question #feel-the-love-container .word-img { width: 140%; height: 140%; top: -20%; left: -20%; } } .homepage #pop-the-question #feel-the-love-trigger { position: absolute; top: -15vh; } .homepage #pop-the-question #slider2 { position: absolute; } @media (min-width: 1200px) { .homepage #pop-the-question .perspective-img { width: 750px; height: 500px; } .homepage #pop-the-question .perspective-container, .homepage #pop-the-question #slider2 { height: 500px; } .homepage #pop-the-question #slider1 .slide { height: 520px; } } @media (min-width: 992px) and (max-width: 1199px) { .homepage #pop-the-question .perspective-img { width: 48vw; height: 33vw; } .homepage #pop-the-question .perspective-container, .homepage #pop-the-question #slider2 { height: 33vw; } .homepage #pop-the-question #slider1 .slide { height: 35vw; } } @media (min-width: 769px) and (max-width: 991px) { .homepage #pop-the-question .perspective-img { width: 750px; height: 500px; } .homepage #pop-the-question .perspective-container, .homepage #pop-the-question #slider2 { width: 750px; height: 500px; } .homepage #pop-the-question #slider1 .slide { width: 750px; height: 520px; } } @media (max-width: 768px) { .homepage #pop-the-question .perspective-img { width: 100vw; height: 67vw; } .homepage #pop-the-question .perspective-container, .homepage #pop-the-question #slider2 { height: 67vw; } .homepage #pop-the-question #slider1 .slide { height: 70vw; } } .homepage #pop-the-question .image-caption { color: #000; font-size: 12.75px; line-height: 22px; font-family: Lato; letter-spacing: 0.8px; } @media (max-width: 320px) { .homepage #pop-the-question .image-caption { position: absolute; bottom: 0px; right: 0px; padding: 30px 30px 30px 56.55375px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/expanding-image-caption/caption-bg.svg'); background-repeat: no-repeat; background-position: left bottom; background-size: cover; display: inline-block; text-transform: uppercase; text-align: center; transition: padding 0.3s ease 0.1s; overflow: hidden; white-space: nowrap; } .homepage #pop-the-question .image-caption .hover-content { position: absolute; top: 0; right: 0; padding-top: 30px; opacity: 0; transition: opacity 0.1s ease 0.1s; width: 100%; padding-left: 67.525px; box-sizing: border-box; } .homepage #pop-the-question .image-caption .hover-content a { color: #000; } .homepage #pop-the-question .image-caption:hover, .homepage #pop-the-question .image-caption:active { padding: 30px 55px 142.25px 122.525px; } .homepage #pop-the-question .image-caption:hover .hover-content, .homepage #pop-the-question .image-caption:active .hover-content { opacity: 1; transition: opacity 0.3s ease 0.3s; } } @media (min-width: 321px) { .homepage #pop-the-question .image-caption { position: absolute; bottom: 0px; right: 0px; padding: 30px 30px 30px 56.55375px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/expanding-image-caption/caption-bg.svg'); background-repeat: no-repeat; background-position: left bottom; background-size: cover; display: inline-block; text-transform: uppercase; text-align: center; transition: padding 0.3s ease 0.1s; overflow: hidden; white-space: nowrap; } .homepage #pop-the-question .image-caption .hover-content { position: absolute; top: 0; right: 0; padding-top: 30px; opacity: 0; transition: opacity 0.1s ease 0.1s; width: 100%; padding-left: 67.525px; box-sizing: border-box; } .homepage #pop-the-question .image-caption .hover-content a { color: #000; } .homepage #pop-the-question .image-caption:hover, .homepage #pop-the-question .image-caption:active { padding: 30px 105px 142.25px 172.525px; } .homepage #pop-the-question .image-caption:hover .hover-content, .homepage #pop-the-question .image-caption:active .hover-content { opacity: 1; transition: opacity 0.3s ease 0.3s; } } @media (min-width: 991px) { .homepage #pop-the-question .corner-cut { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/homepage/image-corner-cut.svg'); height: 100%; padding-left: 40%; position: absolute; background-repeat: no-repeat; } } .homepage #pop-the-question .buttons { padding-top: 2rem; padding-bottom: 4rem; text-align: center; } .homepage #pop-the-question .buttons button { margin: 0; } .homepage #pop-the-question .heading1 { font-size: 5rem; } @media (min-width: 769px) { .homepage #pop-the-question .nav-buttons { position: absolute; right: 10px; bottom: 50%; margin-bottom: -27px; cursor: pointer; } .homepage #pop-the-question .nav-buttons .js-button-next { width: 54px; height: 54px; } } @media (max-width: 768px) { .homepage #pop-the-question .nav-buttons { padding-top: 4rem; text-align: center; } .homepage #pop-the-question .nav-buttons .js-button-next img { width: 54px; height: 54px; text-align: center; } } .homepage #dont-forget { margin-top: 10rem; position: relative; background-color: white; } @media (max-width: 991px) { .homepage #dont-forget .text-block { text-align: center; } } @media (min-width: 992px) { } @media (min-width: 1200px) { } .homepage #start-your-journey { position: relative; background-color: white; margin-top: 10rem; } @media (min-width: 992px) { .homepage #start-your-journey { margin-top: 10rem; } } .homepage #vashi-slider { position: relative; background-color: white; } .homepage #vashi-slider .image-wrapper img { margin-top: -10%; } @media (max-width: 600px) { .homepage #vashi-slider .slide { opacity: 0.3; } .homepage #vashi-slider .slide.slick-active { opacity: 1; } .homepage #vashi-slider .slide button { opacity: 0; } .homepage #vashi-slider .slide.slick-current button { opacity: 1; } } @media (max-width: 769px) { .homepage #made-by-you .image-block.animation { margin-bottom: -150px; } .homepage .cms-section-textblock.section-black, .homepage #dont-forget, .homepage #pop-the-question .text-block { margin-top: 5rem; } .homepage #pop-the-question .text-footer { left: 4rem; } .homepage .slick-slide .btn.white { margin-top: 30px; } .homepage #start-your-journey { margin-top: 5rem; } .homepage .footer-full-width #footer { padding: 10rem 0 40px; } } /* --------------------------------------------------------------------------- cms-our-experience resets --------------------------------------------------------------------------- */ @media screen and (max-width: 1024px) { .cms-our-experience div > img { margin-bottom: 0px; } } .cms-our-experience .breadcrumb { display: none; } .cms-our-experience .page-title { display: none; } @media (max-width: 991px) { .cms-our-experience #body { padding: 0; } .cms-our-experience .container { width: initial; overflow: hidden; } } .cms-our-experience .buttons .btn { display: inline-block; text-align: center; } /* --------------------------------------------------------------------------- brandpage --------------------------------------------------------------------------- */ .brandpage .js-button-expand { display: none!important; } .brandpage .headlines { padding-bottom: 3rem; padding-top: 3rem; } .brandpage .slide { display: block !important; } /* --------------------------------------------------------------------------- brandpage --------------------------------------------------------------------------- */ .brandpage { margin-top: 73px; /* --------------------------------------------------------------------------- Responsive design elements --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- --------------------------------------------------------------------------- */ /* ------------------------------------------------------------- * Slide View Mobile * ------------------------------------------------------------ */ /* ------------------------------------------------------------- * Slide View Desktop * ------------------------------------------------------------ */ /* ------------------------------------------------------------- * * ------------------------------------------------------------ */ /* ------------------------------------------------------------- * * ------------------------------------------------------------ */ /* ------------------------------------------------------------- * * ------------------------------------------------------------ */ /* ------------------------------------------------------------- * * ------------------------------------------------------------ */ } @media screen and (max-width: 1024px) { .brandpage { margin-top: 0; } } .brandpage .slides { position: relative; } .brandpage .is-hidden-left { left: -32px; opacity: 0.3; } .brandpage .is-hidden-right { left: 32px; opacity: 0.3; } .brandpage .slider-control { position: absolute; z-index: 60; top: 0px; left: 0px; width: 50%; pointer-events: none; } @media (min-width: 992px) { .brandpage .slider-control { width: 50%; } } .brandpage .slider-control.slider-control-clipped { overflow: hidden; } .brandpage .slider-control .nav-buttons { pointer-events: initial; } .brandpage .slider-control .collapse-button { position: fixed; top: 30rem; left: 1rem; } @media (min-width: 992px) { .brandpage .slider-control .collapse-button { top: 50%; left: 2rem; } } .brandpage .slider-control .circle-wrapper { position: absolute; top: 0; right: 0; height: 100%; } .brandpage .slider-control .main-circle { position: absolute; } @media (min-width: 992px) { .brandpage .slider-control .main-circle { top: 13.5em; right: -16em; height: 32em; width: 32em; } .brandpage .slider-control .main-circle .clipping-mask .image { height: 32em; } } .brandpage .slider-control .main-circle .main-circle-active { position: absolute; top: 0; overflow: hidden; } .brandpage .slider-control .main-circle.show-as-page { display: none; } @media (max-width: 768px) { .brandpage .slider-control .main-circle { display: none; } } .brandpage .slider-control .main-circle .clipping-mask { overflow: hidden; } .brandpage .slider-control .main-circle .clipping-mask.step1 { height: 0; } .brandpage .slider-control .main-circle .clipping-mask.step2 { height: 7%; } .brandpage .slider-control .main-circle .clipping-mask.step3 { height: 25%; } .brandpage .slider-control .main-circle .clipping-mask.step4 { height: 50%; } .brandpage .slider-control .main-circle .clipping-mask.step5 { height: 75%; } .brandpage .slider-control .main-circle .clipping-mask.step6 { height: 93%; } .brandpage .slider-control .nav-disabled { opacity: 0.5; } .brandpage .slider-control .active-step-circle { position: absolute; } .brandpage .slider-control .active-step-circle .image { top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .brandpage .slider-control .step-circle { position: absolute; } .brandpage .slider-control .step-circle .image { top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 11px; height: 11px; background-image: url(/skin/frontend/default/vashi/images/brandpage/circleInactive.svg); } .brandpage .slider-control .step-circle.is-passed .image { background-image: url(/skin/frontend/default/vashi/images/brandpage/circlePassed.svg); } .brandpage .slider-control .step1 { top: calc(0%); left: calc(50%); } .brandpage .slider-control .step2 { top: calc(7%); left: calc(25%); } .brandpage .slider-control .step3 { top: calc(25%); left: calc(7%); } .brandpage .slider-control .step4 { top: calc(50%); left: calc(0%); } .brandpage .slider-control .step5 { top: calc(75%); left: calc(7%); } .brandpage .slider-control .step6 { top: calc(93%); left: calc(25%); } @media screen and (min-width: 375px) { .brandpage .css-responsive { font-size: 15px; } } @media screen and (min-width: 768px) { .brandpage .css-responsive { font-size: 19px; } } @media screen and (min-width: 992px) { .brandpage .css-responsive { font-size: 9px; } } @media screen and (min-width: 1024px) { .brandpage .css-responsive { font-size: 9px; } } @media screen and (min-width: 1200px) { .brandpage .css-responsive { font-size: 11px; } } .brandpage .slider-control, .brandpage .slideside, .brandpage .slideview { height: 25em; } @media (min-width: 992px) { .brandpage .slider-control, .brandpage .slideside, .brandpage .slideview { height: 55em; } } @media (max-width: 480px) { } .brandpage .slideview { overflow: hidden; z-index: 50; } .brandpage .slideview p { position: relative; left: 0; } .brandpage .slideview p.taglink { font-size: 15px; text-decoration: underline; } .brandpage .slideview .is-hidden-left { left: -32px; opacity: 0.3; } .brandpage .slideview .is-hidden-right { left: 32px; opacity: 0.3; } @media (min-width: 992px) { .brandpage .slideview { padding-left: 6em; padding-top: 6em; } .brandpage .slideview.show-as-slide { box-shadow: -9px 10px 51px 3px rgba(0, 0, 0, 0.75); } } .brandpage .slideview .headlines .caption.is-hidden-left { left: 0; } .brandpage .slideview .headlines .caption.is-hidden-right { left: 0; } .brandpage .slideview .vashilogo { display: none; } @media (min-width: 992px) { .brandpage .slideview .vashilogo { height: 1.25em; color: white; display: initial; } } @media (max-width: 991px) { .brandpage { padding-left: 0; padding-right: 0; } .brandpage .slideview.fade-background { background-color: white; } .brandpage .slideview .headlines { margin-top: 12em; padding-top: 0; background: white; text-align: center; } .brandpage .slideview .headlines .toptitle { font-size: 8em; } .brandpage .slideview .headlines .maintitle { font-size: 7em; } .brandpage .slideview .headlines .caption { margin-top: 3em; } .brandpage .slideview.show-as-slide .caption { color: #7f7f7f; width: 85%; margin: auto; margin-top: 1.5em; font-size: 1em; } .brandpage .slideview.show-as-page { height: 30em; } .brandpage .slideview.show-as-page .headlines { margin-top: 25em; } .brandpage .slideview.show-as-page .toptitle { font-size: 10em; } .brandpage .slideview.show-as-page .maintitle { font-size: 9em; } .brandpage .slideview.show-as-page .caption { color: #7f7f7f; } } @media (min-width: 992px) { .brandpage .slideview.show-as-slide { background: black; } .brandpage .slideview.show-as-slide .caption { color: #c0c0c0; } .brandpage .slideview.show-as-slide .headlines { color: white; fill: white; } .brandpage .slideview.show-as-page { background: white; } .brandpage .slideview.show-as-page .caption { color: #7f7f7f; } .brandpage .slideview.show-as-page .headlines { color: black; fill: black; } .brandpage .slideview .headlines { padding-top: 3em; padding-bottom: 10em; } .brandpage .slideview .headlines .toptitle { font-size: 9em; } .brandpage .slideview .headlines .maintitle { font-size: 15em; } .brandpage .slideview .headlines .caption { margin-top: 2em; width: 26em; font-size: 15px; } } .brandpage .slideside { padding-left: 0; padding-right: 0; font-size: 0.8em; } @media (min-width: 992px) { .brandpage .slideside { font-size: 1em; } } .brandpage .slideside.show-as-page { height: 0; } @media (min-width: 992px) { .brandpage .slideside .btn { min-width: 210px; margin: 12px; } } .brandpage .slideside .slide-image { display: initial; } .brandpage .slideside .brand-buttons { z-index: 50; width: 100%; text-align: center; position: relative; bottom: 2em; } @media (max-width: 992px) { .brandpage .slideside .brand-buttons { top: 0; bottom: auto; } } .brandpage .slideside .brand-buttons .buttons { display: inline-block; width: 100%; text-align: center; } .brandpage .slideside .brand-buttons .buttons .btn + .btn { margin: 0; } .brandpage .slideside .brand-buttons .btn.smaller { font-size: 11px; } @media (min-width: 992px) { .brandpage .slideside .brand-buttons { font-size: 12px; } } @media (min-width: 992px) { .brandpage .slideside .brand-buttons { text-align: right; bottom: 2em; right: 0; position: absolute; } .brandpage .slideside .brand-buttons .buttons { width: auto; display: inline-block; } .brandpage .slideside .brand-buttons .btn { font-size: 13px; display: block; margin: 10px 0; } } .brandpage .slideside .brand-buttons .tagline { margin-top: 2rem; font-size: 15px; } .brandpage .slideside .brand-buttons .taglink { font-weight: 700; text-decoration: underline; font-size: 15px; } .brandpage .slideside .brand-buttons.show-as-slide { opacity: 1; } .brandpage .slideside .brand-buttons.show-as-page { opacity: 0; height: 0; } @media (max-width: 991px) { .brandpage .slideside { background-color: black; color: white; } .brandpage .slideside .slide-image { position: absolute; top: -33em; text-align: center; width: 100%; } .brandpage .slideside.show-as-page { background-color: white; } .brandpage .slideside.show-as-page .slide-image { top: -38em; } .brandpage .slideside .btn.black { border: 1px solid white; } .brandpage .slideside .slide-graphic { width: 15em; } .brandpage .slideside .slide-graphic.is-hidden-left { margin-left: -8em; opacity: 0.1; } .brandpage .slideside .slide-graphic.is-hidden-right { margin-left: 8em; opacity: 0.1; } .brandpage .slider-control { height: 27em; position: absolute; z-index: 80; width: 100%; text-align: center; } .brandpage .slider-control.show-as-page { height: 33em; } .brandpage .slider-control .main-circle { display: none; } .brandpage .slider-control .nav { stroke: black; fill: white; } .brandpage .slider-control .nav-arrow { stroke: black; fill: black; } .brandpage .slider-control .nav-buttons { position: absolute; left: 0; bottom: 2em; user-select: none; width: 100%; } .brandpage .slider-control .nav-button { display: inline-block; height: 3em; cursor: pointer; } .brandpage .slider-control .nav-button .image { height: 100%; } } @media (min-width: 992px) { .brandpage .slideside .slide-graphic { position: relative; width: 46em; z-index: 0; } .brandpage .slideside .slide-graphic.vertical-align-middle { vertical-align: middle; max-height: 65em; } .brandpage .slideside .slide-graphic.show-as-slide { display: initial; left: -27em; } .brandpage .slideside .slide-graphic.show-as-page { left: 15em; display: initial; } .brandpage .slideside .slide-graphic.is-hidden-left { left: -24em; opacity: 0.1; width: 36rem; } .brandpage .slideside .slide-graphic.is-hidden-right { left: -8em; opacity: 0.1; width: 36em; } .brandpage .slider-control .nav { stroke: white; fill: black; } .brandpage .slider-control .nav-arrow { stroke: white; fill: white; } .brandpage .slider-control .nav-buttons { position: absolute; user-select: none; bottom: 5em; left: 5em; } .brandpage .slider-control .nav-button { display: inline-block; height: 3em; cursor: pointer; height: 4em; } } .brandpage .pageview { text-align: left; } @media (min-width: 992px) { .brandpage .pageview .text-block { margin: 0 160px; } } .brandpage .pageview .text-block .main-heading { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; font-size: 60px; text-align: left; line-height: 1rem; letter-spacing: 0; } @media (min-width: 992px) { .brandpage .pageview .text-block .main-heading { margin-top: 180px; } } .brandpage .pageview .text-block .sub-heading { font-size: 26px; margin-top: 20px; text-align: left; } .brandpage .pageview .text-block .para { margin: 20px 0 100px; } .brandpage .pageview .text-block .image { width: 100%; margin-left: -25%; } @media (min-width: 992px) { .brandpage .pageview .text-block .image { width: 75%; margin: 0 0 7.8rem -160px; } } .brandpage .pageview .text-block .full-image { width: 100%; } @media (min-width: 992px) { .brandpage .pageview .text-block .full-image { display: none; } } .brandpage .pageview .grey-border + .grey-border { border-left: 1px solid #dbdbdb; } .brandpage .pageview .image-block { display: block; height: 154px; position: relative; margin-left: 0px; width: 100%; overflow: hidden; margin-bottom: 100px; } .brandpage .pageview .image-block .inner { width: 1540px; margin: 0 auto; } .brandpage .pageview .image-block .imagebox { width: 154px; height: 154px; display: inline-block; overflow: hidden; position: relative; } .brandpage .pageview .image-block .imagebox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 100%; } .brandpage .pageview .calltoactions { text-align: center; height: 330px; } .brandpage .pageview .calltoactions .caption { margin-top: 120px; } @media (max-width: 992px) { .exDesktop { display: none; } .exMobile { display: block !important; margin: -30px auto 0; } } @media (max-width: 480px) { .brandpage .slideview.show-as-slide .caption { font-size: 1.2em; } .brandpage .slideside .brand-buttons.show-as-slide { padding: 10px 20px 0; } } /* ------------------------------------------------------------------------------------------ * * ------------------------------------------------------------------------------------------ */ .category-landing-page .page-title, .cms-page-view .page-title { display: none; } @media screen and (max-width: 1024px) { .category-landing-page div > img, .cms-page-view div > img { margin-bottom: 0px; } } @media (max-width: 991px) { .category-landing-page #body, .cms-page-view #body { padding: 0; } } .category-landing-page .slide, .cms-page-view .slide { display: inline-block; } /* --------------------------------------------------------------------------- Common Elements --------------------------------------------------------------------------- */ .is-hidden { position: absolute; top: 1px; left: 0px; width: 0px; height: 0px; overflow: hidden; } .desktop-only { display: none !important; } .mobile-only { display: initial !important; } .css-animate { -o-transition: all 1s ease; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; } @media (min-width: 992px) { .desktop-only { display: initial !important; } .mobile-only { display: none !important; } } .vertical-aligner { display: inline-block; height: 100%; vertical-align: middle; } .no-overflow { overflow: hidden; } /* ------------------------------------------------------------------------------------------ * * ------------------------------------------------------------------------------------------ */ .parallax-container { display: none; width: 100%; height: 100%; position: absolute; top: 0; pointer-events: none; } .parallax-container .parallax { position: absolute; z-index: 70; } @media (max-width: 991px) { .parallax-container .parallax1 { position: absolute; z-index: 70; top: 15rem; right: 1rem; } .parallax-container .parallax2 { position: absolute; z-index: 70; left: 1rem; bottom: 1rem; } } @media (min-width: 992px) { .parallax-container .parallax1 { position: absolute; z-index: 70; top: 5rem; right: 5rem; } .parallax-container .parallax2 { position: absolute; z-index: 70; left: 5rem; bottom: 5rem; } } @media (min-width: 1200px) { .parallax-container .parallax1 { position: absolute; z-index: 70; top: 10rem; right: 10rem; } .parallax-container .parallax2 { position: absolute; z-index: 70; left: 10rem; bottom: 10rem; } } .parallax-container .parallax3 { top: 50%; right: 50%; } .parallax-clipping { overflow: hidden; display: none; width: 100%; height: 100%; position: absolute; top: 0; pointer-events: none; } .parallax-clipping .parallax { position: absolute; z-index: 70; } @media (max-width: 991px) { .parallax-clipping .parallax1 { position: absolute; z-index: 70; top: 15rem; right: 1rem; } .parallax-clipping .parallax2 { position: absolute; z-index: 70; left: 1rem; bottom: 1rem; } } @media (min-width: 992px) { .parallax-clipping .parallax1 { position: absolute; z-index: 70; top: 5rem; right: 5rem; } .parallax-clipping .parallax2 { position: absolute; z-index: 70; left: 5rem; bottom: 5rem; } } @media (min-width: 1200px) { .parallax-clipping .parallax1 { position: absolute; z-index: 70; top: 10rem; right: 10rem; } .parallax-clipping .parallax2 { position: absolute; z-index: 70; left: 10rem; bottom: 10rem; } } .parallax-clipping .parallax3 { top: 50%; right: 50%; } .parallax-item { display: none; } .cms-section .center-block, .cms-section-top .center-block { float: none; } .cms-section .cms-left, .cms-section-top .cms-left { text-align: left; } .cms-section .cms-right, .cms-section-top .cms-right { text-align: right; } /* ------------------------------------------------------------------------------------------ * * ------------------------------------------------------------------------------------------ */ .cms-section { margin-top: 10rem; position: relative; } .cms-section .container { overflow: hidden; } .cms-section .row { position: relative; } @media (max-width: 991px) { .cms-section .text-block { text-align: center; } } .cms-section .text-block.center-block { text-align: center; float: initial; } .cms-section .headlines { padding-bottom: 0; padding-top: 0; } .cms-section button { margin: 0; } .cms-section .buttons a:hover { text-decoration: none; } .cms-section .buttons .fullWidth { width: 100%; } .cms-section .buttons { margin: 0; } .cms-section .buttons .btn { display: inline-block; margin: 0; } .cms-section .buttons .btn { font-size: 0.85em; margin-right: 1em; } .cms-section .buttons .white { color: black; } .cms-section .buttons .white:hover { color: white; } .cms-section .buttons .white:focus { color: white; } .cms-section button .btn { text-align: center; margin-bottom: 2px; } .cms-section .image-wrapper { width: 100%; padding-bottom: 100%; height: 1px; overflow: hidden; } .cms-section .image-wrapper .image { width: 100%; } .cms-section .image-wrapper.aspect-1x1 { padding-bottom: 100%; } .cms-section .image-wrapper.aspect-2x1 { padding-bottom: 50%; } .cms-section .image-wrapper.aspect-3x2 { padding-bottom: 66%; } .cms-section-top { margin-top: 10rem; position: relative; margin-top: 0; } .cms-section-top .center-block { float: none; } .cms-section-top .cms-left { text-align: left; } .cms-section-top .cms-right { text-align: right; } .cms-section-top .container { overflow: hidden; } .cms-section-top .row { position: relative; } @media (max-width: 991px) { .cms-section-top .text-block { text-align: center; } } .cms-section-top .text-block.center-block { text-align: center; float: initial; } .cms-section-top .headlines { padding-bottom: 0; padding-top: 0; } .cms-section-top button { margin: 0; } .cms-section-top .buttons a:hover { text-decoration: none; } .cms-section-top .buttons .fullWidth { width: 100%; } .cms-section-top .buttons { margin: 0; } .cms-section-top .buttons .btn { display: inline-block; margin: 0; } .cms-section-top .buttons .btn { font-size: 0.85em; margin-right: 1em; } .cms-section-top .buttons .white { color: black; } .cms-section-top .buttons .white:hover { color: white; } .cms-section-top .buttons .white:focus { color: white; } .cms-section-top button .btn { text-align: center; margin-bottom: 2px; } .cms-section-top .image-wrapper { width: 100%; padding-bottom: 100%; height: 1px; overflow: hidden; } .cms-section-top .image-wrapper .image { width: 100%; } .cms-section-top .image-wrapper.aspect-1x1 { padding-bottom: 100%; } .cms-section-top .image-wrapper.aspect-2x1 { padding-bottom: 50%; } .cms-section-top .image-wrapper.aspect-3x2 { padding-bottom: 66%; } .cms-section-top .heading3 { font-size: 16px; font-weight: bold; padding-top: 2rem; padding-bottom: 2rem; } .cms-body:first-child { margin-top: 0; } .cms-section .heading3 { font-size: 16px; font-weight: bold; padding-top: 2rem; padding-bottom: 2rem; } /* ------------------------------------------------------------------------------------------ * * ------------------------------------------------------------------------------------------ */ @media (min-width: 992px) { .on-hover-raise { position: relative; bottom: -5rem; -o-transition: all 300ms ease; transition: all 300ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; } .on-hover-raise:hover { bottom: 0; } } .cms-section .textTable .textCell { padding-left: 0; padding-right: 0; line-height: 1em; padding-bottom: 1em; } .cms-section .textTable .textCell.left { text-align: left; } .cms-section .textTable .textCell.right { text-align: right; } /* ------------------------------------------------------------------------------------------ * * ------------------------------------------------------------------------------------------ */ .gradientGrey { background-image: linear-gradient(#ddd, white 20%, white); } .section-white { position: relative; background-color: white; } .section-black { position: relative; background: black; color: white; } .section-black .btn.black { border: 1px solid white; } .section-black .btn.white { border: 1px solid white; } /* ------------------------------------------------------------------------------------------ * * ------------------------------------------------------------------------------------------ */ .cms-section-header { margin-top: 10rem; position: relative; margin-top: 30px; margin-bottom: 50px; } .cms-section-header .center-block { float: none; } .cms-section-header .cms-left { text-align: left; } .cms-section-header .cms-right { text-align: right; } .cms-section-header .container { overflow: hidden; } .cms-section-header .row { position: relative; } @media (max-width: 991px) { .cms-section-header .text-block { text-align: center; } } .cms-section-header .text-block.center-block { text-align: center; float: initial; } .cms-section-header .headlines { padding-bottom: 0; padding-top: 0; } .cms-section-header button { margin: 0; } .cms-section-header .buttons a:hover { text-decoration: none; } .cms-section-header .buttons .fullWidth { width: 100%; } .cms-section-header .buttons { margin: 0; } .cms-section-header .buttons .btn { display: inline-block; margin: 0; } .cms-section-header .buttons .btn { font-size: 0.85em; margin-right: 1em; } .cms-section-header .buttons .white { color: black; } .cms-section-header .buttons .white:hover { color: white; } .cms-section-header .buttons .white:focus { color: white; } .cms-section-header button .btn { text-align: center; margin-bottom: 2px; } .cms-section-header .image-wrapper { width: 100%; padding-bottom: 100%; height: 1px; overflow: hidden; } .cms-section-header .image-wrapper .image { width: 100%; } .cms-section-header .image-wrapper.aspect-1x1 { padding-bottom: 100%; } .cms-section-header .image-wrapper.aspect-2x1 { padding-bottom: 50%; } .cms-section-header .image-wrapper.aspect-3x2 { padding-bottom: 66%; } .cms-section-header .heading3 { font-size: 16px; font-weight: bold; padding-top: 2rem; padding-bottom: 2rem; } .cms-section-header .inner { height: 100%; } @media (min-width: 992px) { .cms-section-header { margin-top: 80px; margin-bottom: 80px; } } .cms-section-header .toptitle { font-size: 4.5rem; } @media (min-width: 992px) { .cms-section-header .toptitle { font-size: 7rem; } } .cms-section-header .para { line-height: 1.5em; } .cms-section-header .headlines { z-index: 50; position: relative; } .cms-section-header .image { z-index: 20; width: 258px; position: relative; left: 50%; transform: translateX(-50%); position: absolute; bottom: 0; } @media (min-width: 992px) { .cms-section-header .image { width: 698px; } } .cms-section-header .extra-tall .inner { height: 100%; } #bridalsets-header.cms-section-header { height: 18rem; margin-bottom: 0px; border-bottom: 1px solid #dbdbdb; } @media (min-width: 992px) { #bridalsets-header.cms-section-header { margin-bottom: 0px; height: 33rem; } } .visit-us-page .cms-section-header .heading-page { font-size: 70px; } .visit-us-page .cms-section-header .para { font-size: 0.75em; } .visit-us-page .cms-section-header .smallGrey { font-size: 1em; } .visit-us-page .cms-section { margin-top: 50px; } @media (min-width: 992px) { .vashi-store { margin-bottom: 120px; } } .vashi-store .store-contact, .vashi-store .store-book-appointment, .vashi-store .store-details { margin-top: 30px; } .vashi-store .store-contact { line-height: 2.5rem; } .vashi-store .image-wrapper .image { padding: 5px; } @media (max-width: 991px) { .vashi-store .store-details { padding-bottom: 40px; } .vashi-store .vashiStoreSlider { padding-left: 0; padding-right: 0; } .vashi-store .image-wrapper { width: 100%; height: 1px; padding: 0; } } /* ------------------------------------------------------------------------------------------ * * ------------------------------------------------------------------------------------------ */ .cms-section-textblock { margin-top: 10rem; position: relative; } .cms-section-textblock .center-block { float: none; } .cms-section-textblock .cms-left { text-align: left; } .cms-section-textblock .cms-right { text-align: right; } .cms-section-textblock .container { overflow: hidden; } .cms-section-textblock .row { position: relative; } @media (max-width: 991px) { .cms-section-textblock .text-block { text-align: center; } } .cms-section-textblock .text-block.center-block { text-align: center; float: initial; } .cms-section-textblock .headlines { padding-bottom: 0; padding-top: 0; } .cms-section-textblock button { margin: 0; } .cms-section-textblock .buttons a:hover { text-decoration: none; } .cms-section-textblock .buttons .fullWidth { width: 100%; } .cms-section-textblock .buttons { margin: 0; } .cms-section-textblock .buttons .btn { display: inline-block; margin: 0; } .cms-section-textblock .buttons .btn { font-size: 0.85em; margin-right: 1em; } .cms-section-textblock .buttons .white { color: black; } .cms-section-textblock .buttons .white:hover { color: white; } .cms-section-textblock .buttons .white:focus { color: white; } .cms-section-textblock button .btn { text-align: center; margin-bottom: 2px; } .cms-section-textblock .image-wrapper { width: 100%; padding-bottom: 100%; height: 1px; overflow: hidden; } .cms-section-textblock .image-wrapper .image { width: 100%; } .cms-section-textblock .image-wrapper.aspect-1x1 { padding-bottom: 100%; } .cms-section-textblock .image-wrapper.aspect-2x1 { padding-bottom: 50%; } .cms-section-textblock .image-wrapper.aspect-3x2 { padding-bottom: 66%; } .cms-section-textblock .heading3 { font-size: 16px; font-weight: bold; padding-top: 2rem; padding-bottom: 2rem; } .cms-section-textblock .text-block .caption { margin-top: 30px; margin-bottom: 20px; } @media (max-width: 992px) { .cms-section-textblock .text-block { margin-top: 6rem; } } @media (max-width: 991px) { .cms-section-textblock .button { width: 100%; } .cms-section-textblock .image-block { overflow: hidden; } .cms-section-textblock .image-block.cms-left { padding-left: 0; } .cms-section-textblock .image-block.cms-right { padding-right: 0; } } @media (min-width: 992px) { .cms-section-textblock .text-block { margin-top: 0; } .cms-section-textblock .image-block img { height: initial; } } @media (min-width: 1200px) { .cms-section-textblock .text-block { margin-top: 5rem; } .cms-section-textblock .image-block img { height: initial; } } .cms-section-textblock .slider { overflow: hidden; } .cms-section-textblock .slider .slide { display: inline-block; white-space: initial; } /* ------------------------------------------------------------------------------------------ * Textblock Slider section * ------------------------------------------------------------------------------------------ */ .cms-section-textblock-slider { margin-top: 10rem; position: relative; } .cms-section-textblock-slider .center-block { float: none; } .cms-section-textblock-slider .cms-left { text-align: left; } .cms-section-textblock-slider .cms-right { text-align: right; } .cms-section-textblock-slider .container { overflow: hidden; } .cms-section-textblock-slider .row { position: relative; } @media (max-width: 991px) { .cms-section-textblock-slider .text-block { text-align: center; } } .cms-section-textblock-slider .text-block.center-block { text-align: center; float: initial; } .cms-section-textblock-slider .headlines { padding-bottom: 0; padding-top: 0; } .cms-section-textblock-slider button { margin: 0; } .cms-section-textblock-slider .buttons a:hover { text-decoration: none; } .cms-section-textblock-slider .buttons .fullWidth { width: 100%; } .cms-section-textblock-slider .buttons { margin: 0; } .cms-section-textblock-slider .buttons .btn { display: inline-block; margin: 0; } .cms-section-textblock-slider .buttons .btn { font-size: 0.85em; margin-right: 1em; } .cms-section-textblock-slider .buttons .white { color: black; } .cms-section-textblock-slider .buttons .white:hover { color: white; } .cms-section-textblock-slider .buttons .white:focus { color: white; } .cms-section-textblock-slider button .btn { text-align: center; margin-bottom: 2px; } .cms-section-textblock-slider .image-wrapper { width: 100%; padding-bottom: 100%; height: 1px; overflow: hidden; } .cms-section-textblock-slider .image-wrapper .image { width: 100%; } .cms-section-textblock-slider .image-wrapper.aspect-1x1 { padding-bottom: 100%; } .cms-section-textblock-slider .image-wrapper.aspect-2x1 { padding-bottom: 50%; } .cms-section-textblock-slider .image-wrapper.aspect-3x2 { padding-bottom: 66%; } .cms-section-textblock-slider .heading3 { font-size: 16px; font-weight: bold; padding-top: 2rem; padding-bottom: 2rem; } .cms-section-textblock-slider .text-block .caption { margin-top: 30px; margin-bottom: 20px; } @media (max-width: 992px) { .cms-section-textblock-slider .text-block { margin-top: 6rem; } } @media (max-width: 991px) { .cms-section-textblock-slider .button { width: 100%; } .cms-section-textblock-slider .image-block { overflow: hidden; } .cms-section-textblock-slider .image-block.cms-left { padding-left: 0; } .cms-section-textblock-slider .image-block.cms-right { padding-right: 0; } } @media (min-width: 992px) { .cms-section-textblock-slider .text-block { margin-top: 0; } .cms-section-textblock-slider .image-block img { height: initial; } } @media (min-width: 1200px) { .cms-section-textblock-slider .text-block { margin-top: 5rem; } .cms-section-textblock-slider .image-block img { height: initial; } } .cms-section-textblock-slider .slider { overflow: hidden; } .cms-section-textblock-slider .slider .slide { display: inline-block; white-space: initial; } .footerPressLogos { background-color: #eee; width: 100%; padding: 40px 0 30px; margin-bottom: 60px; text-align: center; } .footerPressLogos .smallBlack { margin-bottom: 20px; } .footerPressLogos .pressLogo { width: 150px; height: 60px; } #footer .organisation { text-align: left; margin: 0; } .footerPrivacy { margin-top: 10px; } .review-container a { text-decoration: none; border-bottom: 1px solid #000000; } .input-placeholder { opacity: 0.2; } div[role=main], footer[role=contentinfo] { margin-bottom: 0; } .footer-full-width #footer { background-color: #ffffff; padding: 4em 0 8em; position: relative; z-index: 1; } @media screen and (min-width: 769px) { .footer-full-width #footer .collapse { display: block !important; } } .footer-full-width #footer .footer-list li { display: list-item; font-weight: 700; margin-bottom: 10px; } .footer-full-width #footer .footer-list li:last-child { margin-bottom: 0; } .footer-full-width #footer h4 { margin: 0 0 20px; } @media screen and (max-width: 768px) { .footer-full-width #footer h4 { margin-top: 0; text-align: left; } } .footer-full-width #footer form { padding: 0; } .footer-full-width #footer .links .social-container { align-items: center; display: flex; flex-wrap: wrap; margin-bottom: 64px; margin-left: 0; padding: 10px 0; width: 100%; } .footer-full-width #footer .links .social-container a { float: left; margin: 0 5px; } .footer-full-width #footer .links .social-container a span { float: left; } .footer-full-width #footer h4.connect { margin-top: 50px; padding-left: 20px; } .footer-full-width #footer input#newsletter { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .footer-full-width #footer .mail-container .icon { font-size: 2em; } .footer-full-width #footer .mail-container h4 { margin-bottom: 10px; } .footer-full-width #footer .mail-container fieldset { border-color: #dbdbdb; } .footer-full-width #footer .mail-container fieldset input::-moz-placeholder { opacity: 0.2; } .footer-full-width #footer .mail-container fieldset input::-webkit-input-placeholder { opacity: 0.2; } .footer-full-width #footer .mail-container fieldset input:-ms-input-placeholder { opacity: 0.2; } .footer-full-width #footer .newsletter-placeholder { color: #000000; opacity: 1; } .footer-full-width #footer .newsletter-container input { color: #000000; opacity: 1; } .footer-full-width #footer ::-webkit-input-placeholder { /* Chrome */ color: #000000; opacity: 1; } .footer-full-width #footer :-ms-input-placeholder { /* IE 10+ */ color: #000000; opacity: 1; } .footer-full-width #footer ::-moz-placeholder { /* Firefox 19+ */ color: #000000; opacity: 1; } .footer-full-width #footer :-moz-placeholder { /* Firefox 4 - 18 */ color: #000000; opacity: 1; } .footer-full-width #footer .text-center-sm { text-align: center; width: 100%; } .footer-full-width #footer .text-left-sm { text-align: left; width: 100%; } @media screen and (max-width: 768px) { .footer-full-width #footer #review-text { text-align: left; width: 100%; } } .footer-full-width #footer .privacy-link { color: #000000; text-decoration: none; border-bottom: 1px solid #000000; } @media screen and (max-width: 768px) { .footer-full-width #footer .review-container { width: 100%; } } @media screen and (max-width: 768px) { .footer-full-width #footer .noMob { display: none; } } .footer-full-width #footer .mobile-accordion-full-width { margin-left: -5%; margin-right: -5%; padding-left: 5%; padding-right: 5%; } .footer-full-width #footer .mobile-accordion-border { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .footer-full-width #footer .mobile-footer-accordion { margin-left: -5%; margin-right: -5%; padding-left: 5%; padding-right: 5%; padding-top: 14px; padding-bottom: 14px; } .footer-full-width #footer .mobile-footer-accordion h4 { text-transform: none; opacity: 1; line-height: normal; margin: 0; margin: 0 !important; } .footer-full-width #footer .mobile-footer-accordion h4 span { padding: 0 !important; } .footer-full-width #footer .about h4 span { padding: 0 !important; } @media screen and (max-width: 768px) { .footer-full-width #footer .about { border-top: 1px solid #e5e5e5; margin-left: -5%; margin-right: -5%; padding-left: 5%; padding-right: 5%; padding-top: 14px; padding-bottom: 14px; } .footer-full-width #footer .about h4 { text-transform: none; opacity: 1; line-height: normal; margin: 0; margin: 0 !important; } .footer-full-width #footer .about h4 span { padding: 0 !important; } .footer-full-width #footer .about #buy-with-us-list { margin-top: 15px; padding-left: 15px; } } .footer-full-width #footer .help h4 span { padding: 0 !important; } @media screen and (max-width: 768px) { .footer-full-width #footer .help { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-left: -5%; margin-right: -5%; padding-left: 5%; padding-right: 5%; padding-top: 14px; padding-bottom: 14px; } .footer-full-width #footer .help h4 { text-transform: none; opacity: 1; line-height: normal; margin: 0; margin: 0 !important; } .footer-full-width #footer .help h4 span { padding: 0 !important; } .footer-full-width #footer .help #help-list { margin-top: 15px; padding-left: 15px; } } .footer-full-width #footer .copywrite-container .logo-container { margin-bottom: 30px; } .footer-full-width #footer .copywrite-container .logo-container img { width: 9em; } @media screen and (max-width: 768px) { .footer-full-width #footer #desktop-terms .organisation { display: none; } } .footer-full-width #footer #mobile-terms { display: none; padding-top: 0; } @media screen and (max-width: 768px) { .footer-full-width #footer #mobile-terms { display: block; } .footer-full-width #footer #mobile-terms .copyright { text-align: left; } } @media screen and (max-width: 768px) { .footer-full-width #footer div[class*='col-'] { padding-left: 0; padding-right: 0; } } #footer .social-container h4 { margin: 50px 0 20px; font-size: 12px !important; width: 100%; } @media (max-width: 992px) { .footer-full-width #footer .mail-container { margin: 30px 0 10px; } .footer-full-width #footer h4 { margin: 40px 0 20px; } .footer-full-width #footer .links .social-container { margin-bottom: 40px; } } @media (max-width: 769px) { .footer-full-width #footer .about, .footer-full-width #footer .help { margin: 0; padding: 15px 30px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/chevron.svg') no-repeat; background-position: 92% 20px; } .footer-full-width #footer .about h4, .footer-full-width #footer .help h4 { color: #000000; font-size: 13px; font-weight: 600; letter-spacing: 0px; cursor: pointer; } .footer-full-width #footer h4.connect { padding-left: 30px; } .footer-full-width #footer .links .social-container { align-items: center; display: flex; flex-wrap: wrap; margin-bottom: 64px; margin-left: 0; width: 100%; padding-left: 30px; } .footer-full-width #footer .copywrite-container .logo-container { margin: 0 0 30px 30px; } .footer-full-width #footer .mail-container { margin: 15px 30px 20px; } .footer-full-width #footer .mail-container h4 { margin-bottom: 0; } .footer-full-width #footer .review-us { margin: 0 30px 40px; } .footer-full-width #footer .organisation { margin: 0 30px; } .footer-full-width #footer h4 { margin: 0; } } @media (max-width: 1024px) { .footerPressLogos .pressLogo { margin-bottom: 0px; } } @media (max-width: 768px) { #footer .links h4 { line-height: 60px; } .input-checkbox.checkout-agreements { margin-bottom: 30px; } } @media (max-width: 568px) { #checkout .noMob { display: block !important; } } /* Top 4 blocks */ .banner { background-size: cover; background-repeat: no-repeat; margin-bottom: 30px; padding: 0; } .banner.engagement-rings, .banner.wedding-rings { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/engagement-rings/engagement-rings-bg.png'); } .banner.diamond-ring { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/engagement-rings/engagement-rings-diamond-bg.png'); } .banner.vashi-diamond { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/create-your-own/cyo-diamond-unique-bg.png'); } .banner.bestselling { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/engagement-rings/engagement-rings-bestseller-bg.png'); } .banner.plain-wedding-bands { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category//wedding-rings/wedding-rings-plain-bg.png'); } .banner.bestselling-her { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/wedding-rings/wedding-rings-bestselling-her-bg.jpg'); } .banner.our-ring-collection { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/jewellery-home/our-ring-collection.jpg'); } .banner.our-earring-collection { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/jewellery-home/our-earring-collection.jpg'); } .banner.our-pendant-collection { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/jewellery-home/our-pendant-collection.jpg'); } .banner.our-bracelet-collection { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/jewellery-home/our-bracelet-collection.jpg'); } .banner.engagement-ring { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/create-your-own/cyo-engagement-ring-bg.png'); } .banner.earrings { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/create-your-own/cyo-earrings-bg.png'); } .banner.pendant { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/create-your-own/cyo-pendant-bg.png'); } .banner article { align-items: center; background-color: rgba(255, 255, 255, 0.4); display: flex; justify-content: flex-end; min-height: 410px; padding: 0 2em; } .banner .description { max-width: 50%; } @media screen and (max-width: 1024px) { .banner .description { max-width: 100%; width: 100%; } } /* Browse our handpicked collection */ .category-links { background: #f2f2f2; margin: 32px 0; padding: 16px 32px; } @media screen and (max-width: 480px) { .category-links { padding: 16px 12px; } } .category-links > h2 { position: relative; } .category-links > h2:before, .category-links > h2:after { border-top: 1px solid #7f7f7f; display: block; height: 1px; content: " "; width: 30%; position: absolute; left: 0; top: 12px; } @media screen and (max-width: 1024px) { .category-links > h2:before, .category-links > h2:after { border: none; } } .category-links > h2:after { right: 0; left: auto; } .category-links .link-block { background: #ffffff; box-shadow: 2px 2px 3px #7f7f7f; margin: 20px 0 40px 0; padding: 24px 32px; } @media screen and (max-width: 480px) { .category-links .link-block { padding: 24px 12px; } } .category-links .links-list { overflow: hidden; } .category-links .links-list ul { display: flex; justify-content: space-between; max-width: 730px; overflow: hidden; } .category-links .links-list img { max-width: 180px; } /* Achievements */ .diamonds-treasured { margin-top: 60px; } .achievements img { margin: 40px 0; } /* Vashi Blog */ .prod-listing .category-products #category-pages .blog-latest { display: none; } .blog-latest { background: #f2f2f2; margin-top: 60px; padding: 2em; } .blog-latest .first-row { font-style: italic; font-weight: 700; } .blog-latest .blogpost-content p { display: inline; } .blog-latest .col-md-4 { border-right: 2px solid #7f7f7f; } @media screen and (max-width: 1024px) { .blog-latest .col-md-4 { border: none; } } .blog-latest .category-landing-page p { margin-bottom: 20px; } .blog-latest .blog-image { margin-bottom: 40px; } .blog-latest .read-more { font-weight: 700; } @media screen and (max-width: 1024px) { .blog-latest .item { text-align: center; } } /* Framework */ .prod-listing > .row { margin: 0; } /* Hero */ .category-hero { min-height: 150px; position: relative; } @media screen and (max-width: 1024px) { .category-hero { min-height: 0; margin-top: 40px; } } @media screen and (max-width: 480px) { .category-hero { min-height: 150px; } } .category-hero-image { bottom: 0; left: 0; opacity: 1; position: absolute; right: 0; align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (max-width: 480px) { .category-hero-image { display: block; } } .category-hero-description { position: relative; left: 0; margin: 0 auto; right: 0; } .category-hero-description h1 { margin: 0; font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; letter-spacing: 0; font-size: 76px; line-height: 76px; } .products-grid .btn-cart { margin: 8px 0; } .products-grid .add-to-links { padding: 4px 0; width: 100%; } .products-grid .add-to-links li { margin: 8px 0; text-transform: uppercase; } .products-grid .product-image img { padding: 4px; width: 70%; } @media screen and (max-width: 768px) { .products-grid .product-image img { width: auto; } } @media screen and (max-width: 768px) { .products-grid .promotional { padding-top: 20px; } } .products-grid .pricebox-price, .products-grid .price-box, .products-grid .regular-price .price, .products-grid .product-price { color: #ff9000; } .products-grid .product-name, .products-grid .price-box, .products-grid .actions { margin: 0 auto; max-width: 340px; } @media screen and (max-width: 768px) { .products-grid .product-image { margin-bottom: 0; } } .products-grid .grid-item { float: left; margin-bottom: 20px; min-height: 297px; } @media screen and (max-width: 768px) { .products-grid .grid-item { min-height: 0; height: auto; margin-bottom: auto; } } .products-grid .grid-item-lower-feature img { width: 90%; } @media screen and (max-width: 768px) { .products-grid .grid-item-lower-feature img { width: auto; } } @media screen and (max-width: 768px) { .products-grid .grid-item--double-length { height: auto; margin-top: 136px; } } .products-grid .grid-item--height2 { height: 328px; } @media screen and (max-width: 768px) { .products-grid .grid-item--height2 { margin-bottom: 150px; margin-top: 100px; width: 100%; height: 390px; padding: 0; } } @media screen and (max-width: 1024px) { .products-grid .grid-item--height2 { height: 369px; } } .products-grid .priority-one { margin-bottom: 120px; } @media screen and (max-width: 768px) { .products-grid .priority-one { margin-bottom: auto; } } .products-grid .priority-one img { width: 80%; } @media screen and (max-width: 768px) { .products-grid .priority-one img { width: auto; } } .products-grid .priority-two { top: -100px; } @media screen and (max-width: 768px) { .products-grid .priority-two { top: auto; } } .products-grid .priority-two img { width: 100%; } @media screen and (max-width: 768px) { .products-grid .priority-two img { width: auto; } } .products-grid .priority-three { margin-top: -140px; margin-bottom: 143px; } @media screen and (max-width: 768px) { .products-grid .priority-three { margin-top: 0; margin-bottom: 0; } } .products-grid .priority-three img { width: 70%; } @media screen and (max-width: 768px) { .products-grid .priority-three img { width: auto; } } .products-grid .product-info-box { z-index: 1; } .products-grid .priority-highest { top: -140px; } .products-grid .priority-highest.not-ring { top: -330px; } @media screen and (max-width: 768px) { .products-grid .priority-highest.not-ring { top: auto; } } @media screen and (max-width: 768px) { .products-grid .priority-highest { top: auto; } } .products-grid .price-box .price { width: 100%; color: #000000; } @media (max-width: 769px) { .category-hero-description h1 { font-size: 56px; line-height: 56px; } } .expert-advice #body { background-color: #f2f2f2; padding-bottom: 80px; } .expert-advice .expertAdviceHeader { background-color: #000000; padding: 40px 0 20px; width: 100%; } @media screen and (max-width: 768px) { .expert-advice .expertAdviceHeader { display: none; } } .expert-advice .expertAdviceHeader .mainHeading { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; font-size: 120px; line-height: 120px; color: #ffffff; text-align: center; } .expert-advice .expertAdviceHeader .mainHeading span { font-size: 50px; line-height: 50px; display: inherit; } .expert-advice .block.block-layered-nav { margin: 0; box-shadow: none; } .expert-advice .block.block-layered-nav .navHead { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; text-align: left; font-size: 30px; line-height: 30px; color: #000000; margin-bottom: 40px; } .expert-advice .block.block-layered-nav h2 { padding: 0; background-color: transparent; margin-bottom: 0; position: relative; } .expert-advice .block { border: none; background-color: transparent; border-radius: 4px; } .expert-advice .expertAdviceSubMenu { background-color: #000000; width: 100%; margin: 0 0 100px; } @media screen and (max-width: 480px) { .expert-advice .expertAdviceSubMenu { margin-bottom: 50px; } } .expert-advice .expertAdviceSubMenu .expertAdviceSubMenuItem { font-size: 0.85em; line-height: 1.4em; letter-spacing: 1px; text-transform: uppercase; color: #7f7f7f; float: left; min-width: 65px; color: #ffffff; margin: 0 20px 0 0; text-align: center; padding: 15px 0 15px; border-bottom: 4px solid #000000; opacity: 0.3; } .expert-advice .expertAdviceSubMenu .expertAdviceSubMenuItem:hover, .expert-advice .expertAdviceSubMenu .expertAdviceSubMenuItem.active { border-color: #ffffff; } .expert-advice .expertAdviceSubMenu .expertAdviceSubMenuItem.active { opacity: 1; } @media screen and (max-width: 768px) { .expert-advice.cms-glossary .expertAdviceSubMenu { margin-bottom: 0; } } .expert-advice .item { background-color: #ffffff; padding: 0 50px 0 0; margin-bottom: 30px; min-height: 150px; font-family: 'Lato', sans-serif; } @media screen and (max-width: 768px) { .expert-advice .item { padding: 0; float: left; min-height: 150px; } } .expert-advice .item .card-info a { text-decoration: none; } .expert-advice .item .card-info a:hover { text-decoration: underline; } .expert-advice .item .card-info h2 { font-family: 'Lato', sans-serif; font-size: 20px; max-width: 100%; line-height: 32px; margin: 10px 0 20px; } @media screen and (max-width: 768px) { .expert-advice .item .card-info { width: 100%; float: left; padding: 40px 40px 0 40px; } } .expert-advice .item.col-md-12 .smallGrey { margin-top: 90px; } @media screen and (max-width: 768px) { .expert-advice .item.col-md-12 .smallGrey { margin-top: 0px; } } .expert-advice .item.col-md-6 { padding: 40px 40px 0 40px; width: 48%; } .expert-advice .item.col-md-6 .card-info { padding: 0; } @media screen and (max-width: 768px) { .expert-advice .item.col-md-6 { width: 100%; } } .expert-advice .item h2 { text-align: left; text-transform: none; margin: 10px 0 20px 0; font-size: 20px; } .expert-advice .item h2:hover { text-decoration: none; } .expert-advice .item a.link { margin: 0 18px 0 0; float: left; } .expert-advice .item img { float: left; margin-right: 60px; width: 295px; } @media screen and (max-width: 768px) { .expert-advice .item img { display: block; margin: 50px auto 0 auto; float: none; } } @media screen and (max-width: 480px) { .expert-advice .item img { margin-top: 0; width: 100%; } } .expert-advice #gc-nav { border-right: 1px solid #dbdbdb; border-radius: 0; } .expert-advice #gc-nav a { text-decoration: none; } .expert-advice #gc-nav a:hover { color: #000000; opacity: 1; } .expert-advice .expert-advice-content h1 { font-family: 'AkkordeonSix', sans-serif; text-align: left; font-size: 100px; margin-bottom: 50px; max-width: 650px; line-height: 0.9em; } .expert-advice .expert-advice-content h2, .expert-advice .expert-advice-content h3 { font-family: 'AkkordeonSix', sans-serif; text-align: left; font-size: 50px; max-width: 650px; line-height: 0.9em; margin: 50px 0 10px; } .expert-advice .expert-advice-content p { max-width: 650px; margin-bottom: 20px; } .expert-advice .expert-advice-content p img { margin-top: 20px; margin-bottom: 20px; } .expert-advice .expert-advice-content a { text-decoration: underline; } .expert-advice .expert-advice-content .page-title { display: block !important; padding: 0; margin: 0; border: none; } .expert-advice .expert-advice-content ul { max-width: 650px; } .about-finance { padding: 15px; } .about-finance h4 { text-align: left; font-size: 1.5em; line-height: 30px; color: #000000; opacity: 1; } .about-finance div { margin-bottom: 20px; } .finance-section h1 { font-family: 'AkkordeonSix', sans-serif; font-size: 100px; margin-bottom: 50px; line-height: 0.9em; } .finance-section h2, .finance-section h3 { font-family: 'AkkordeonSix', sans-serif; text-align: left; font-size: 50px; line-height: 0.9em; margin: 50px 0 10px; } .cms-page-view .block-layered-nav ul.accordion { margin: 0; border: none; } .cms-page-view .block-layered-nav ul.accordion li h4 { position: relative; padding: 0; border: none; cursor: pointer; font-size: .9em; font-weight: normal; text-transform: none; text-align: left; margin-bottom: 10px !important; color: #7f7f7f !important; } #faq-accordion li h4 { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; text-align: left; font-size: 30px; line-height: 30px; color: #000000; opacity: 1; margin: 50px 0 20px; padding: 0; } #faq-accordion li h4.first { margin-top: 0; } ul.accordion#faq-accordion li div.accordion-content h3 { text-align: left; text-transform: none; margin: 0; font-size: 15px; line-height: 22px; letter-spacing: 0.2px; font-family: 'Lato', sans-serif; font-weight: 400; } .accordion-outer { background-color: #ffffff; padding: 20px 30px; margin-bottom: 10px; position: relative; } .accordion-outer ul { margin-top: 10px; font-weight: 300; } .accordion-outer ul li { margin-bottom: 10px; } .accordion-outer .plusMinusIcon { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/plus.svg') center center no-repeat; width: 12px; height: 12px; position: absolute; top: 28px; right: 30px; } ul.accordion li div.accordion-content { display: block; margin: 0px; padding: 0; } ul.accordion li div.accordion-content p { margin-top: 0; font-weight: 300; font-size: 15px; line-height: 28px; margin: 20px 0 0; letter-spacing: 0.2px; } .cms-page-view ul.accordion li h4 a { font-weight: 400; text-decoration: none; } .cms-page-view .block-layered-nav ul.accordion li h4::after { display: none; } .glossary-outer h2 { text-align: left; background-color: #000000; width: 110px; color: #ffffff; font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; font-size: 100px; line-height: 100px; margin: 0; padding: 10px 15px; } @media screen and (max-width: 768px) { .glossary-outer h2 { display: none; } } .glossary-outer h4, .glossary-outer .glossary-index li { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; text-align: left; font-size: 30px; line-height: 30px; color: #000000; opacity: 1; } .glossary-outer .col-md-4 { min-height: 300px; } @media screen and (max-width: 768px) { .glossary-outer .col-md-4 { min-height: 0; margin-bottom: 50px; } } .glossary-outer > a, .glossary-outer > a:hover, .glossary-outer > a:link, .glossary-outer > a:active { text-decoration: none; } .glossary-outer #glossary-index-wrapper { opacity: 0.05; margin-bottom: 40px; padding: 0 0 38px; } .glossary-outer #glossary-index-wrapper.visible { opacity: 1; transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; } @media screen and (max-width: 768px) { .glossary-outer #glossary-index-wrapper { background-color: #ffffff; width: 100%; overflow: scroll; padding: 11px 0 14px 0; } } .glossary-outer .glossary-index { text-align: justify; margin: 0; } @media screen and (max-width: 768px) { .glossary-outer .glossary-index { min-width: 800px; padding-top: 5px; } } .glossary-outer .glossary-index li { font-family: 'Lato', sans-serif; font-size: 24px; text-transform: capitalize; display: inline-block; opacity: 0.2; cursor: pointer; transition: all 0.2s ease-in-out; } .glossary-outer .glossary-index li:hover { transform: scale(1.5); } .glossary-outer .glossary-index .selected { opacity: 1; font-size: 4em; padding: 0 44.9px; } .glossary-outer .glossary-index:after { display: inline-block; width: 100%; content: ' '; text-decoration: none; } .glossary-outer div[id^='content-'] { display: none; } .glossary-outer div[id^='content-'].active { display: block; } .boxTitleLarge { color: #000000; text-align: left; } .boxTitle { color: #000000; font-size: 15px; line-height: 22px; text-align: left; text-transform: none; font-weight: 700; margin: 0; } .shapePicker .col-md-1, .shapePicker .col-xs-1 { padding: 0; } .vgc2 { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/gc2.jpg') no-repeat right bottom transparent; height: 250px; padding: 25px 35px; } .vgc3 { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/bguides.jpg') no-repeat right bottom transparent; height: 250px; padding: 25px 35px; } .vgc5 { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/metals.jpg') no-repeat center bottom transparent; height: 250px; padding: 25px 35px; } .vgc6 { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/gifts.jpg') no-repeat center bottom transparent; height: 250px; padding: 25px 35px; } .vgc7 { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/care.jpg') no-repeat center bottom transparent; height: 250px; padding: 25px 35px; } .vgc8 { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/gc/choose.jpg') no-repeat center bottom transparent; height: 250px; padding: 25px 35px; } #whybuy .row { margin-top: 0; } .list-override .arrow-list { margin-left: 5px; } .guidanceshape a { display: block; height: 161px; width: 210px; } #storeAddress, #personalServiceCard { margin: 100px 0; } .boutiqueBox { padding: 10px 0 30px; } .boutiqueAccordion { margin: 60px 0 120px; } .accordionOuter { border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 30px; } .accordionOuter:last-child { border: 1px solid #e5e5e5; } .accordionTitle { font-weight: 700; cursor: pointer; } .accordionContent { margin-top: 20px; } .mapOverlay { background: transparent; position: relative; width: 100%; height: 400px; top: 400px; margin-top: -400px; } .cms-page-view .block-layered-nav ul.accordion li div.accordion-content { padding: 0 0 15px; } @media (max-width: 991px) { .cms-terms-and-conditions .expert-advice h1, .cms-finance .expert-advice h1 { margin-top: 50px; } } @media (max-width: 769px) { .expert-advice #gc-nav { border: none; } .expert-advice .expert-advice-content h1 { font-size: 60px; margin: 30px 0 50px; } .expert-advice .item .card-info, .expert-advice .item.col-md-6 { padding: 20px 20px 0 20px; } } .category-engagement-rings .hero, .category-wedding-rings .hero, .category-jewellery .hero, .category-engagement-rings .note-msg, .category-wedding-rings .note-msg, .category-jewellery .note-msg, .category-engagement-rings .blog-latest, .category-wedding-rings .blog-latest, .category-jewellery .blog-latest { display: none; } .category-engagement-rings .footer-full-width, .category-wedding-rings .footer-full-width, .category-jewellery .footer-full-width { background: #ffffff; } .landing h2 { font-size: 26px; text-align: left; } @media screen and (max-width: 768px) { .landing h2 { text-align: center; } } .landing a { font-weight: 700; text-decoration: underline; } .landing a.btn { font-weight: 400; text-decoration: inherit; } .landing section { align-items: center; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; min-height: 640px; padding: 110px 70px; } @media screen and (max-width: 1024px) { .landing section { min-height: 100%; } } @media screen and (max-width: 768px) { .landing section { justify-content: center; min-height: 470px; padding: 110px 15px; text-align: center; } } .landing section.slider { display: block; padding: 60px 0 110px 0; } @media screen and (max-width: 1024px) { .landing section.slider { padding-top: 10px; } } .landing section.handmade { color: #ffffff; background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/products/bg-handmade.jpg'); padding-left: 180px; } @media screen and (max-width: 1024px) { .landing section.handmade { padding-left: 70px; } } @media screen and (max-width: 768px) { .landing section.handmade { padding-left: 15px; } } .landing section.handmade a { margin: 20px 0; } .landing section.reject { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/products/bg-reject.jpg'); padding-right: 295px; } @media screen and (max-width: 1024px) { .landing section.reject { background-position: 65% 45%; padding-right: 15px; } } .landing section.instagram { background: #ffffff; display: block; } .landing section.book { background-color: #f2f2f2; min-height: 145px; padding: 10px 0; position: relative; } .landing section.book .ring-bg { background-image: url('https://www.vashi.ie/skin/frontend/default/vashi/images/products/bg-book.png'); bottom: 3px; display: block; height: 178px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 397px; } @media screen and (max-width: 480px) { .landing section.book .ring-bg { width: 320px; } } @media screen and (max-width: 768px) { .landing section.book { align-items: flex-start; min-height: 305px; padding-top: 70px; } } @media screen and (max-width: 768px) { .landing section .flex-center { display: flex; } } .landing .bx-wrapper li { opacity: 0.3; max-width: 390px; } @media screen and (max-width: 1024px) { .landing .bx-wrapper li { max-width: 300px; } } @media screen and (max-width: 768px) { .landing .bx-wrapper li { max-width: 100%; opacity: 1; } } .landing .bx-wrapper li.active-slide { opacity: 1; } .landing .bx-wrapper img { margin: 0 auto; } @media (max-width: 350px) { .catalog-product-view div.ui-dialog.ui-widget { padding: 0 !important; } } .catalog-product-view hr { margin: 20px 0; } #productDetails { padding: 80px 0; } #productDetails h3 { font-size: 2em; letter-spacing: 1.7px; font-weight: 400; text-align: left; margin-bottom: 40px; } #productDetails .description { margin-top: 10px; } #productDetails .product-side-background-ring { position: absolute; right: 0; z-index: -1; overflow: hidden; } #productDetails .product-side-background-ring img { position: relative; right: -150px; } @media screen and (max-width: 1024px) { #productDetails .product-side-background-ring { opacity: 0.5; } } @media screen and (max-width: 768px) { #productDetails .product-side-background-ring { display: none; } } table.data-specs { width: 100%; } .productName { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; margin-bottom: 10px; font-size: 50px; line-height: 76px; } .productPage .title { margin-bottom: 10px; } .productPage table.data-specs td { padding: 7px; padding-left: 0; } .productPage table.data-specs a { text-decoration: none !important; cursor: pointer; } .productPage table.data-specs a:link, .productPage table.data-specs a:hover, .productPage table.data-specs a:active { text-decoration: none; cursor: default; } .productPage .full-details { background-color: transparent; background-image: none; } .productPage .full-details .tab-content ul { background-color: transparent; } #body.productPage article { margin-top: 10px; } .productPage ul.details_thumbs li a img:hover, .productPage ul.details_thumbs li a.active img { border: 1px solid #000000 !important; } .productPage .nav-dot-wrapper { display: none; } @media screen and (max-width: 768px) { .productPage .nav-dot-wrapper { display: block; margin-top: 5px; position: relative; left: 0; right: 0; text-align: center; } } .productPage .nav-dot-wrapper .nav-dot { height: 12px; width: 12px; display: inline-block; margin: 0 5px; background-color: #cacaca; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .productPage .nav-dot-wrapper .nav-dot.active, .productPage .nav-dot-wrapper .nav-dot.first, .productPage .nav-dot-wrapper .nav-dot:hover { background-color: #000000; } .productPage .more-views { padding-left: 0; } .product-add-to-block { padding: 0; margin: 0 0 30px 0; } #product-media-load .details_thumbs { width: 95px; } #product-media-load .details_thumbs a:hover { border: none !important; } #thumbs .thumbs-next, #thumbs .thumbs-prev { display: none !important; } #product_info { padding-bottom: 0; } #product_info .description { text-align: left; } #engraving-terms ul { padding: 0; } #engraving-terms li { padding-bottom: 10px; } .product_info_details { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/madeinlondon.png') top right no-repeat; background-size: 60px 61px; } .product_info_details .option-wrapper { display: inline-block; width: 49%; } .product_info_details .option-wrapper.isSelected { width: 100%; } .product_info_details .option-wrapper .select-option { padding: 10px; } .product_info_details .product-options dt { float: none!important; } .product_info_details .input-box { background: #fff url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/chevron.svg') no-repeat; background-position: 90% center; min-width: 140px; } @media screen and (max-width: 480px) { .product_info_details .input-box { min-width: 135px; } } .product_info_details .input-box select, .product_info_details .input-box .dk-selected { padding: 0 30px 0 7px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0; text-overflow: ''; cursor: pointer; background-color: transparent; background-image: none; min-width: 100%; border-radius: 0; } .product_info_details .input-box select::-ms-expand, .product_info_details .input-box .dk-selected::-ms-expand { display: none; } .product_info_details .input-box .dk-selected { padding: 10px 34px 10px 14px !important; font-size: 13px; } .product_info_details .input-box .dk-selected::before, .product_info_details .input-box .dk-selected::after { display: none; } .product_info_details .input-box .dk-select-multi:focus .dk-select-options { background-color: #000000; color: #ffffff; border-radius: 0; max-height: 20em; } .product_info_details .input-box .dk-select-open-down .dk-select-options { border-color: #000000; border-radius: 0; } .product_info_details .input-box .dk-select-open-down .dk-select-options .dk-option-highlight { background-color: #000000; color: #ffffff; } .product_info_details .options-label-link { cursor: pointer; } .product_info_details .options-label-link a:hover { text-decoration: none; } .dk-select-options .dk-option-highlight, .dk-option-selected { background-color: #000000; color: #ffffff; } .dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options { border-color: #e5e5e5 !important; border-radius: 0px; } #product-options-wrapper .input-box { background-image: none !important; } .price-box .price, .regular-price .price { font-weight: 700; color: #000000; float: left; font-size: 15px; } .product-options, .product-pricing, .tier-prices, .well, .advanced-search-summary, .product-options, .product-pricing, .tier-prices, .cart .totals, .checkout-agreements .agreement-content, .multiple-checkout .box, .checkout-multishipping-shipping .box-sp-methods { padding: 0px; background-color: #ffffff; border: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .more-views ul li img { border: solid 1px #e5e5e5; margin-bottom: 10px; width: 66px; } #madeToOrder { padding: 200px 0; background-repeat: no-repeat; background-size: contain; background-position: right bottom; background-color: #000000; margin-top: 50px; } #madeToOrder h3 { font-size: 2em; letter-spacing: 1.7px; font-weight: 400; text-align: left; color: #ffffff; } #madeToOrder p { color: #ffffff !important; } #madeToOrder a { color: #ffffff; } .viewingButton { min-width: 100%; margin: 0; } .addToCartBtn { min-width: 100%; margin: 10px 0 0; font-size: 15px; text-align: center; display: block; } .addToCartBtn span { color: #000000; } .addToCartBtn:hover span { color: #ffffff; } .returnsNote, .insuredNote, .resizingNote, .orderNote { margin-bottom: 15px; padding-left: 40px; min-height: 22px; } .returnsNote { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/returns.svg') left center no-repeat; background-position: 2px; padding-top: 2px; } .insuredNote { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/insured.svg') left center no-repeat; background-position: 3px 0; padding-top: 1px; } .resizingNote { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/resizing.svg') left center no-repeat; background-position: 5px 0; } .orderNote { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/delivery.svg') left center no-repeat; background-position: 0 1px; } .remaining-delivery-time { color: #000000; } #ethicallySourced { padding: 100px 0; } #ethicallySourced h3 { font-size: 2em; letter-spacing: 1.7px; font-weight: 400; text-align: left; } .ethicallySourcedBg { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/placeholder-wings@2x.png') center center no-repeat; min-height: 437px; min-width: 320px; background-size: contain; } .ethicallySourcedText { margin: 10% 0; } #perfectPair { background-color: #f8f8f8; padding: 100px 0; display: none; } #perfectPair h3 { font-size: 2em; letter-spacing: 1.7px; font-weight: 400; text-align: left; } .perfectPairBg { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/placeholder-perfectPairBg@2x.png') center center no-repeat; min-height: 477px; min-width: 320px; background-size: contain; } .perfectPairThumbs { margin: 40px 0 10px; } .perfectPairThumbs img { float: left; margin: 0 10px 10px 0; } #recentlyCreated { padding: 120px 0 220px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/placeholder-rings@2x.png') bottom center no-repeat; background-size: contain; } #recentlyCreated h3 { font-size: 2em; letter-spacing: 1.7px; font-weight: 400; text-align: left; text-align: center; } #chatToTeam { padding: 30px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } @media screen and (max-width: 480px) { #chatToTeam .link { display: inline-block; } } .paymentOptions { color: #7f7f7f; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .sizeGuide { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 25px 0; margin-bottom: 30px; } .sizeGuideTitle { float: left; } .sizeGuideLink { float: left; } .productHeartSocial { margin: 0 auto; width: 130px; } .productFavourite { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/circle-heart.svg') center center no-repeat; height: 60px; width: 60px; cursor: pointer; float: left; } .productFavourite.liked { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/likedheart.svg') center center no-repeat; } .productFavourite.superliked { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/superlikedheart.svg') center center no-repeat; } .productSocial { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/circle-share.svg') center center no-repeat; height: 60px; width: 60px; cursor: pointer; float: right; } .productSocialToolTip { background-color: #ffffff; position: absolute; z-index: 10; width: 210px; text-align: center; padding: 20px 0; box-shadow: 0 10px 44px 0 rgba(0, 0, 0, 0.12); margin: 0 auto; bottom: 77px; left: 70px; right: 0; width: 165px; } .productSocialToolTip .facebookButton { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/facebook-icon.svg') center center no-repeat; width: 15px; height: 20px; cursor: pointer; float: left; margin: 0 15px 0 30px; } .productSocialToolTip .pinterestButton { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/pinterest-icon.svg') center center no-repeat; width: 15px; height: 20px; cursor: pointer; float: left; margin: 0 15px; } .productSocialToolTip .emailButton { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/email-icon.svg') center center no-repeat; width: 15px; height: 15px; cursor: pointer; float: left; margin: 2px 30px 0 15px; } #mobileSocial { display: none; } @media screen and (max-width: 768px) { #mobileSocial { display: block; margin: 35px 0 27px; } } .productFavouriteToolTip { background-color: #ffffff; position: absolute; z-index: 10; width: 210px; text-align: center; padding: 20px 0; box-shadow: 0 10px 44px 0 rgba(0, 0, 0, 0.12); margin: 0 auto; bottom: 77px; left: -70px; right: 0; } .productFavouriteToolTip.loggedIn { width: 140px; } .productFavouriteToolTip .superLikedHeart { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/superlike.svg') no-repeat center center; width: 36px; height: 34px; display: inline-block; margin: 0 10px 0 0; cursor: pointer; } .productFavouriteToolTip .liked { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/likedheart.svg') no-repeat center center; width: 36px; height: 34px; display: inline-block; margin: 0 10px 0 0; cursor: pointer; } .productFavouriteToolTip .brokenHeart { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/brokenheart.svg') no-repeat center center; width: 22px; height: 32px; display: inline-block; margin: 0 0 0 10px; cursor: pointer; } .productToolTipArrow { width: 100%; height: 16px; position: absolute; bottom: -11px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/header/arrowdown.svg') no-repeat bottom center; z-index: 11; } .supportingLinks a { margin-bottom: 22px; cursor: pointer; display: inline-block; } .visitBoutique { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/diamond.svg') left center no-repeat; border-bottom: 1px solid #e5e5e5; padding: 0 0 40px 80px; margin: 0 0 36px; } .visitBoutique a { border-color: #000000; } .trusted-shops { width: 100%; margin: 0 0 90px; } .trusted-shops .trusted-details { clear: none; float: left; margin-left: 10px; } .trusted-shops .trusted-details a:hover { text-decoration: none; } .trusted-shops .trusted-details span { color: #000000; } .trusted-shops-inner { width: 100%; margin: 0 0 0 40px; } .goldStar { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/gold-star.svg') center center no-repeat; width: 10px; height: 9px; float: left; margin-top: 5px; } .price-disclaimer { display: none; } .description-content { margin-bottom: 30px; } .mediaImages { display: none; } .financeButton { font-size: 10px; border: 1px solid #e5e5e5; float: left; width: 137px; color: #7f7f7f; margin: 5px 0 0 10px; padding: 2px 6px; } .financeButton a { text-decoration: none; } .availability.out-of-stock span { color: #ff9000; } .inifinate-wrapper { overflow: hidden; width: 100vw; position: relative; margin-left: -50.5vw; left: 50%; } .inifinate-wrapper #moments { height: 152px; width: 10000%; } @media screen and (max-width: 768px) { .inifinate-wrapper #moments { height: 120px; } } .inifinate-wrapper #moments ul.neklo-inst-list li { width: 154px; margin: 0 3.1px; } @media screen and (max-width: 768px) { .inifinate-wrapper #moments ul.neklo-inst-list li { width: 120px; } } .inifinate-wrapper #moments ul.neklo-inst-list li:nth-child(1) { margin-left: 0; } .inifinate-wrapper #moments ul.neklo-inst-list li:nth-last-child { margin-right: 0; } @media (max-width: 992px) { .ethicallySourcedText { margin: 15% 0 0 0; padding: 0 0 0 50px; } } @media (max-width: 769px) { #madeToOrder { padding: 70px 0 280px; background-position: right bottom; background-size: 600px auto; text-align: center; } #madeToOrder h3 { text-align: center; } .trusted-shops-inner { margin: 0 0 0 30px; } #productDetails { background-image: none; padding: 40px 0 45px; } .productFavouriteToolTip { bottom: 77px; } .visitBoutique { background-position: right center; padding: 30px 120px 30px 0; margin: 30px 0 30px; border-top: 1px solid #e5e5e5; } #ethicallySourced { padding: 0 0 70px; text-align: center; } #ethicallySourced h3 { text-align: center; } .ethicallySourcedBg { min-height: 250px; min-width: inherit; margin: 30px 40px; } .ethicallySourcedText { margin: 0; padding: 0 20px; } #perfectPair { padding: 70px 0 0; text-align: center; } #perfectPair h3 { text-align: center; } .mediaImages { display: block; } #recentlyCreated { padding: 70px 0 120px; } .product_info_details { background-image: none; } .more-views { display: none; } table.data-specs td:not(.smallGrey) { text-align: right; } .desktopMediaImages { display: none; } .productName { margin: 60px 0 10px; width: 100%; text-align: center; font-size: 56px; line-height: 56px; } .productPage .title { text-align: center; } .price-box .price, .regular-price .price { float: none; } .product-add-to-block .price-box { float: left; margin-left: 10px; } .perfectPairThumbs img { float: none; } .product-add-to-block .productFavouriteToolTip { display: block; } .mobilePriceCenter { width: 210px; margin: 0 auto; } } .moodboard-authorize-message { margin: 7em 0 3em; } .moodboard-wrapper { background: #f9f9f9; /* Ajax loader */ } .moodboard-wrapper .content-layout { padding-bottom: 60px; padding-top: 100px; position: relative; } @media screen and (max-width: 1024px) { .moodboard-wrapper .content-layout { padding: 30em 2em 0 2em; } } @media screen and (max-width: 768px) { .moodboard-wrapper .content-layout { padding-top: 6em; } } @media screen and (max-width: 480px) { .moodboard-wrapper .content-layout { padding: 12em 1em; } } .moodboard-wrapper .my-account .container { margin: 0 auto; width: 100%; } .moodboard-wrapper #body { margin: 0; padding: 0; } .moodboard-wrapper .desktop-header { background: #ffffff; } @media screen and (max-width: 1024px) { .moodboard-wrapper .desktop-header > .nav-base { display: none; } } .moodboard-wrapper #header { position: relative; } .moodboard-wrapper #top-bar { background: #ffffff; } .moodboard-wrapper .moodboard-nav { background: #000000; position: relative; z-index: 90; } @media screen and (max-width: 1024px) { .moodboard-wrapper .moodboard-nav { bottom: 15px; text-align: center; visibility: visible; } } @media screen and (max-width: 768px) { .moodboard-wrapper .moodboard-nav { bottom: 45px; text-align: center; visibility: visible; } } @media screen and (max-width: 480px) { .moodboard-wrapper .moodboard-nav { bottom: 0; top: 60px; } } .moodboard-wrapper .moodboard-nav .mood-bg { min-height: 280px; } @media screen and (max-width: 768px) { .moodboard-wrapper .moodboard-nav .mood-bg { display: none; } } .moodboard-wrapper .moodboard-nav .mood-bg h1 { color: #ffffff; } .moodboard-wrapper .moodboard-nav .menu { height: 65px; margin-bottom: 0; } .moodboard-wrapper .moodboard-nav li { cursor: pointer; display: inline-block; padding: 10px 15px 10px 15px; } @media screen and (max-width: 480px) { .moodboard-wrapper .moodboard-nav li { padding-left: 4px; padding-right: 4px; } } .moodboard-wrapper .moodboard-nav li h4 { color: #ffffff; opacity: 1; text-align: left; } @media screen and (max-width: 480px) { .moodboard-wrapper .moodboard-nav li h4 { font-size: 10px; } } .moodboard-wrapper .moodboard-nav li:hover { border-bottom: 5px solid #f9f9f9; } .moodboard-wrapper #body h1, .moodboard-wrapper h1 { float: none; font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; font-size: 50px; letter-spacing: 0; line-height: 46px; } @media screen and (max-width: 480px) { .moodboard-wrapper #body h1, .moodboard-wrapper h1 { font-size: 40px; margin-top: 20px; } } .moodboard-wrapper input[type="text"] { box-shadow: none; width: 100%; } .moodboard-wrapper input[type="text"] + textarea { margin: 20px 0; } .moodboard-wrapper input[type="radio"] { box-shadow: none; } .moodboard-wrapper input[type="file"] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .moodboard-wrapper input[type="file"] + label { align-items: center; background: #000000; border: 1px solid #000000; color: #ffffff; cursor: pointer; display: inline-flex; font-size: inherit; font-weight: 400; height: 53px; justify-content: center; letter-spacing: 0.8px; min-width: 220px; text-transform: uppercase; } .moodboard-wrapper textarea { border: 1px solid #7f7f7f; border-radius: 0; min-height: 100px; } .moodboard-wrapper div > img { margin-bottom: 0; } .moodboard-wrapper label { font-weight: normal; } .moodboard-wrapper legend { border: none; font-size: 12px; font-weight: 400; line-height: 20px; margin: 20px 0 10px 0; opacity: 0.5; text-align: center; text-transform: uppercase; } .moodboard-wrapper .flex-between.btn-group .btn { margin-left: 0; margin-right: 0; } @media screen and (max-width: 480px) { .moodboard-wrapper .flex-between { display: block; text-align: center; } } .moodboard-wrapper .alPopup { z-index: 1060; /* higher than modal 1050 */ } .moodboard-wrapper .alPopup .loading-mask .loader { background: transparent; border: none; } .moodboard-wrapper .display-size { display: block; font-size: 120px; line-height: 120px; } .moodboard-wrapper .page-title { border: none; } .moodboard-wrapper .page-title h1 { text-align: left; } .moodboard-wrapper .breadcrumb { display: none; } .moodboard-wrapper .messages { height: 50px; left: 0; margin: 0; position: absolute; right: 0; top: 25px; width: 100%; } .moodboard-wrapper .messages .success-msg, .moodboard-wrapper .messages .error-msg { background: transparent; border: none; margin: 0; padding: 0; text-align: center; } .moodboard-wrapper .messages .success-msg ul, .moodboard-wrapper .messages .error-msg ul { background: #ffffff; padding: 10px; } .moodboard-wrapper .messages .success-msg ul:before, .moodboard-wrapper .messages .error-msg ul:before { content: ""; } .moodboard-wrapper .messages .success-msg span, .moodboard-wrapper .messages .error-msg span { font-size: 11px; font-weight: 700; text-transform: uppercase; } .moodboard-wrapper .bx-controls-direction a { height: 50px; opacity: 0.5; width: 50px; } .moodboard-wrapper .bx-controls-direction a:hover { background-position: 0 0; opacity: 1; } .moodboard-wrapper .bx-controls-direction .bx-prev { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/carousel-left.svg') scroll 0 0 no-repeat; left: -30px; } .moodboard-wrapper .bx-controls-direction .bx-next { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/icons/carousel-right.svg') scroll 0 0 no-repeat; right: -20px; } .moodboard-wrapper .share-wishlist { top: 0; left: 0; position: absolute; right: 0; padding: 18px 0; width: 100%; } .moodboard-wrapper .share-wishlist a { font-weight: 700; text-decoration: underline; } .moodboard-wrapper .first-image { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/moodboard/empty-inspiration.png') scroll center top no-repeat; } .moodboard-wrapper .first-image .container { margin: 0 auto; max-width: 620px; padding-bottom: 160px; } .moodboard-wrapper .first-image .upload-image { margin: 30px auto; position: static; text-align: center; } .moodboard-wrapper .first-image .upload-image .upload-bg { float: none; margin: 0 auto; height: 100px; width: 100px; } .moodboard-wrapper .first-image .upload-image .dropdown-menu { left: 0; margin: 0 auto; right: 0; top: 120px; } .moodboard-wrapper .first-image .photo { margin: 30px 1%; } .moodboard-wrapper .first-image .photo img { margin-bottom: 8px; } .moodboard-wrapper .mboard-gallery .grid { margin: 0 auto; } .moodboard-wrapper .mboard-gallery .stamp { position: absolute; } .moodboard-wrapper .mboard-gallery .stamp.stamp1 { left: 25%; top: 0; width: 545px; height: 315px; } @media screen and (max-width: 768px) { .moodboard-wrapper .mboard-gallery .stamp.stamp1 { height: 470px; left: 0; width: 100%; } } .moodboard-wrapper .mboard-gallery .placeholder.top { align-items: center; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/moodboard/pholder-top.png') scroll 0 0 no-repeat; display: flex; height: 350px; } @media screen and (max-width: 768px) { .moodboard-wrapper .mboard-gallery .placeholder.top { align-items: flex-start; background-color: #ffffff; background-position: center 140px; height: 470px; justify-content: center; margin-bottom: 4em; max-width: 100%; padding: 90px; text-align: center; } } @media screen and (max-width: 480px) { .moodboard-wrapper .mboard-gallery .placeholder.top { background-position: center 160px; padding: 60px 20px; } } .moodboard-wrapper .mboard-gallery .placeholder.bottom { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/moodboard/pholder-bottom.png') scroll center 20px no-repeat; height: 400px; padding: 12em 1em 1em 1em; margin: 0 auto; max-width: 300px; } .moodboard-wrapper .contentWrapper { margin: 0 auto; position: relative; } .moodboard-wrapper .contentWrapper .grid-item { margin-bottom: 30px; padding: 0; width: 280px; } @media screen and (max-width: 480px) { .moodboard-wrapper .contentWrapper .grid-item { width: 100%; } } .moodboard-wrapper .contentWrapper .item-container { background: #ffffff; border-radius: 1px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.06); margin: 0 auto; padding: 0; position: relative; text-align: center; } .moodboard-wrapper .contentWrapper .image-details { padding: 15px; } .moodboard-wrapper .imageActions { background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.33) 55%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.33) 55%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.33) 55%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); display: flex; justify-content: flex-end; padding: 10px 6px 6px 6px; position: absolute; right: 0; top: 0; width: 100%; } .moodboard-wrapper .imageActions a { margin: 0 2px; } .moodboard-wrapper .imageActions a:hover { text-decoration: none; } .moodboard-wrapper .imageActions .dropdown .dropdown-menu { border: none; border-radius: 1px; right: 10px; left: auto; } .moodboard-wrapper .imageActions .dropdown .dropdown-toggle svg { height: 30px; width: 30px; } .moodboard-wrapper .imageActions .form-control { margin-bottom: 25px; } .moodboard-wrapper .imageEditHide svg { height: 25px; width: 25px; } .moodboard-wrapper .imageDisplay { align-items: center; border-bottom: 1px solid #f2f2f2; display: flex; justify-content: center; } .moodboard-wrapper .upload-image { bottom: -50px; margin: 0 auto; max-width: 1440px; position: absolute; right: 50px; width: 280px; z-index: 100; } .moodboard-wrapper .upload-image .upload-bg { border: none; float: right; } .moodboard-wrapper .upload-image .dropdown-menu { border: none; bottom: auto; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); left: auto; max-width: 335px; right: 0; top: 90px; width: 100%; } .moodboard-wrapper .upload-image .dropdown-menu ul { position: relative; } .moodboard-wrapper .upload-image .dropdown-menu li { cursor: pointer; display: list-item; padding: 17px 15px; border-bottom: 1px solid #f2f2f2; } .moodboard-wrapper .upload-image .dropdown-menu li:last-child { border: none; } .moodboard-wrapper .upload-image .dropdown-item > input[type="radio"] { height: 90%; left: 0; position: absolute; right: 0; top: 0; visibility: hidden; width: 100%; } .moodboard-wrapper .upload-image .dropdown-item .icon { display: inline-block; height: 16px; margin-right: 20px; vertical-align: middle; } .moodboard-wrapper .upload-error { padding-bottom: 40px; } .moodboard-wrapper .upload-error .btn { margin: 40px 0; } .moodboard-wrapper .modal .modal-header { padding: 0; } .moodboard-wrapper .modal .modal-title { padding: 17px 0; } .moodboard-wrapper .modal .modal-content { border-radius: 1px; } .moodboard-wrapper .modal .modal-body { margin: 40px auto 20px auto; max-width: 470px; padding: 0; } @media screen and (max-width: 768px) { .moodboard-wrapper .modal .modal-body { padding: 0 2em; } } .moodboard-wrapper .modal .modal-footer { border: none; padding: 40px 0 80px 0; text-align: center; } .moodboard-wrapper .modal .btn { margin: 0 4px; min-width: 218px; } @media screen and (max-width: 768px) { .moodboard-wrapper .modal .btn { min-width: 150px; } } @media screen and (max-width: 480px) { .moodboard-wrapper .modal .btn { min-width: 130px; } } .moodboard-wrapper .modal .close { position: relative; right: 10px; top: 10px; z-index: 20; } .moodboard-wrapper .modal input[type="radio"] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .moodboard-wrapper .modal input[type="radio"] + label { align-items: center; background: #000000; border: 1px solid #000000; color: #ffffff; cursor: pointer; display: inline-flex; font-size: inherit; font-weight: 400; height: 53px; justify-content: center; letter-spacing: 0.8px; min-width: 220px; text-transform: uppercase; } .moodboard-wrapper .modal input[type="radio"]:checked + label { background: #ffffff; color: #000000; } .moodboard-wrapper .modal input[type="submit"] { display: block; margin: 0 auto; text-align: center; width: 170px; } .moodboard-wrapper .modal small { display: block; } .moodboard-wrapper #addEditNote .modal-dialog { height: 100%; max-height: 750px; max-width: 1070px; width: 100%; } @media screen and (max-width: 480px) { .moodboard-wrapper #addEditNote .modal-dialog { margin: 0; } } .moodboard-wrapper #addEditNote .modal-body { max-width: 100%; padding: 0 60px 60px 60px; } @media screen and (max-width: 480px) { .moodboard-wrapper #addEditNote .modal-body { padding: 0; } } .moodboard-wrapper #addEditNote .col-md-6 { min-height: 390px; } @media screen and (max-width: 480px) { .moodboard-wrapper #addEditNote .col-md-6 { min-height: 0; } } .moodboard-wrapper #uploadSocialModal .modal-dialog { max-width: 635px; width: 100%; } .moodboard-wrapper #uploadSocialModal .modal-footer { padding-top: 65px; } .moodboard-wrapper #uploadSocialModal .google-content fieldset { cursor: pointer; min-height: 200px; opacity: 0.9; text-align: center; } .moodboard-wrapper #uploadSocialModal .google-content fieldset:hover { opacity: 1; } .moodboard-wrapper #uploadSocialModal .google-content fieldset.saved-photo { cursor: not-allowed; opacity: 0.5; } .moodboard-wrapper #uploadSocialModal .google-content .itemIcon { height: 130px; margin: 0 auto; position: relative; } .moodboard-wrapper #uploadSocialModal .google-content .itemIcon img { height: 100%; object-fit: cover; width: 100%; } .moodboard-wrapper #uploadSocialModal .google-content .itemIcon .icon { position: absolute; right: 4px; top: 4px; } .moodboard-wrapper #uploadSocialModal .google-content .itemTitle { min-height: 50px; padding: 10px; } .moodboard-wrapper #uploadSocialModal .select-img { visibility: hidden; } .moodboard-wrapper #uploadSocialModal .item.selected .select-img { visibility: visible; } .moodboard-wrapper #uploadSocialModal #social-legend { max-width: 410px; } .moodboard-wrapper #uploadSocialModal #social-to-albums { text-align: center; } .moodboard-wrapper #uploadSocialModal #social-content { align-items: center; display: flex; justify-content: center; margin: 0 auto; min-height: 395px; text-align: center; } .moodboard-wrapper #uploadSocialModal #social-content.basic-gallery { align-items: flex-start; } .moodboard-wrapper #uploadSocialModal #social-content.basic-gallery .group { margin: 8px; } .moodboard-wrapper #uploadSocialModal #social-upload { display: none; } .moodboard-wrapper #uploadSocialModal .bx-controls { padding-top: 15px; } .moodboard-wrapper #uploadSocialModal .bx-controls-direction { bottom: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 100px; } .moodboard-wrapper #uploadSocialModal .bx-controls-direction a { height: 60px; width: 60px; } .moodboard-wrapper #uploadSocialModal .bx-controls-direction a:hover { background-position: 0 0; } .moodboard-wrapper.wishlist-index-index .upload-image.mboard, .moodboard-wrapper.wishlist-shared-index .upload-image.mboard { display: none; } .moodboard-wrapper.wishlist-index-index .messages, .moodboard-wrapper.wishlist-shared-index .messages { top: 50px; } .moodboard-wrapper.wishlist-index-index .empty, .moodboard-wrapper.wishlist-shared-index .empty { align-items: center; background: rgba(255, 255, 255, 0.9); display: flex; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; top: 0; } .moodboard-wrapper.wishlist-index-index .empty .first-image, .moodboard-wrapper.wishlist-shared-index .empty .first-image { background: transparent; } .moodboard-wrapper.wishlist-index-index .share-wishlist p, .moodboard-wrapper.wishlist-shared-index .share-wishlist p { color: #7f7f7f; } .moodboard-wrapper.wishlist-index-index .share-wishlist a, .moodboard-wrapper.wishlist-shared-index .share-wishlist a { color: #000000; } .moodboard-wrapper.wishlist-index-index .option-label, .moodboard-wrapper.wishlist-shared-index .option-label, .moodboard-wrapper.wishlist-index-index .option-value, .moodboard-wrapper.wishlist-shared-index .option-value { display: inline-block; } .moodboard-wrapper.wishlist-index-index .my-wishlist, .moodboard-wrapper.wishlist-shared-index .my-wishlist { min-height: 500px; } .moodboard-wrapper.wishlist-index-index .wishlist-slider, .moodboard-wrapper.wishlist-shared-index .wishlist-slider { display: block; margin: 0 auto; } .moodboard-wrapper.wishlist-index-index .wishlist-slider #item_related_, .moodboard-wrapper.wishlist-shared-index .wishlist-slider #item_related_ { display: none!important; width: 0!important; } .moodboard-wrapper.wishlist-index-index .bx-viewport, .moodboard-wrapper.wishlist-shared-index .bx-viewport { background: transparent; border: none; } .moodboard-wrapper.wishlist-index-index .bx-controls-direction a, .moodboard-wrapper.wishlist-shared-index .bx-controls-direction a { height: 70px; width: 70px; } @media screen and (max-width: 480px) { .moodboard-wrapper.wishlist-index-index .bx-controls-direction a, .moodboard-wrapper.wishlist-shared-index .bx-controls-direction a { top: 38%; } } .moodboard-wrapper.wishlist-index-index .bx-controls-direction .bx-prev, .moodboard-wrapper.wishlist-shared-index .bx-controls-direction .bx-prev { left: 0; } .moodboard-wrapper.wishlist-index-index .bx-controls-direction .bx-next, .moodboard-wrapper.wishlist-shared-index .bx-controls-direction .bx-next { right: 0; } .moodboard-wrapper.wishlist-index-index .item-wrapper, .moodboard-wrapper.wishlist-shared-index .item-wrapper { background: #ffffff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.03); max-width: 415px; padding: 40px 0 40px 0; position: relative; } @media screen and (max-width: 768px) { .moodboard-wrapper.wishlist-index-index .item-wrapper, .moodboard-wrapper.wishlist-shared-index .item-wrapper { max-width: 100%; } } .moodboard-wrapper.wishlist-index-index .item-wrapper .item-name, .moodboard-wrapper.wishlist-shared-index .item-wrapper .item-name { color: #7f7f7f; display: block; font-size: 11px; margin: 0 auto; max-width: 65%; text-transform: uppercase; } .moodboard-wrapper.wishlist-index-index .item-wrapper .item-actions, .moodboard-wrapper.wishlist-shared-index .item-wrapper .item-actions { cursor: pointer; position: absolute; right: 20px; top: 20px; width: 50px; z-index: 100; } .moodboard-wrapper.wishlist-index-index .item-wrapper .item-actions.compare, .moodboard-wrapper.wishlist-shared-index .item-wrapper .item-actions.compare { left: 20px; right: auto; } .moodboard-wrapper.wishlist-index-index .item-wrapper .item-actions.compare .active.rmv, .moodboard-wrapper.wishlist-shared-index .item-wrapper .item-actions.compare .active.rmv { left: 0; position: absolute; top: 0; } .moodboard-wrapper.wishlist-index-index .item-wrapper .product-name, .moodboard-wrapper.wishlist-shared-index .item-wrapper .product-name { font-size: 12px; } .moodboard-wrapper.wishlist-index-index .item-wrapper .compare-options, .moodboard-wrapper.wishlist-shared-index .item-wrapper .compare-options { position: relative; } .moodboard-wrapper.wishlist-index-index .item-wrapper .button-group, .moodboard-wrapper.wishlist-shared-index .item-wrapper .button-group { margin-top: 40px; } .moodboard-wrapper.wishlist-index-index .item-wrapper .btn, .moodboard-wrapper.wishlist-shared-index .item-wrapper .btn { min-width: 160px; } .moodboard-wrapper.wishlist-index-index .item-wrapper .add-to-cart-alt, .moodboard-wrapper.wishlist-shared-index .item-wrapper .add-to-cart-alt { display: none; } .moodboard-wrapper.wishlist-index-index .price-box .price, .moodboard-wrapper.wishlist-shared-index .price-box .price { float: none; font-size: inherit; } .moodboard-wrapper.wishlist-index-index .availability span, .moodboard-wrapper.wishlist-shared-index .availability span { text-transform: uppercase; } .moodboard-wrapper.wishlist-index-index .ring-options, .moodboard-wrapper.wishlist-shared-index .ring-options { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; max-width: 150px; } .moodboard-wrapper.wishlist-index-index .ring-options a, .moodboard-wrapper.wishlist-shared-index .ring-options a { font-weight: 700; text-decoration: underline; } @media screen and (max-width: 768px) { .moodboard-wrapper.wishlist-index-index .compare-selection, .moodboard-wrapper.wishlist-shared-index .compare-selection { display: flex; } } .moodboard-wrapper.wishlist-index-index .compare-selection .btn, .moodboard-wrapper.wishlist-shared-index .compare-selection .btn { min-width: 220px; } .moodboard-wrapper.wishlist-index-index .superlike a, .moodboard-wrapper.wishlist-shared-index .superlike a { display: block; height: 30px; } .moodboard-wrapper.wishlist-index-index .superlike .dropdown-menu, .moodboard-wrapper.wishlist-shared-index .superlike .dropdown-menu { border: none; box-shadow: 0 10px 44px 0 rgba(0, 0, 0, 0.12); min-width: 100px; padding: 15px; text-align: center; } .moodboard-wrapper.wishlist-index-index .superlike .dropdown-menu a, .moodboard-wrapper.wishlist-shared-index .superlike .dropdown-menu a { display: inline-block; vertical-align: middle; } .moodboard-wrapper.wishlist-index-index .select-fave, .moodboard-wrapper.wishlist-shared-index .select-fave { left: 20px; position: absolute; top: 20px; } .moodboard-wrapper.wishlist-index-index .notes-modal .modal-body, .moodboard-wrapper.wishlist-shared-index .notes-modal .modal-body { margin-bottom: 0; max-width: 420px; padding-bottom: 80px; } .moodboard-wrapper.wishlist-index-index .notes-modal .item-wrapper, .moodboard-wrapper.wishlist-shared-index .notes-modal .item-wrapper { background: transparent; box-shadow: none; max-width: 100%; } .moodboard-wrapper.wishlist-index-index .notes-modal .notes-area, .moodboard-wrapper.wishlist-shared-index .notes-modal .notes-area { margin: 0 auto; position: relative; text-align: center; } .moodboard-wrapper.wishlist-index-index .notes-modal .notes-area .new-note-form, .moodboard-wrapper.wishlist-shared-index .notes-modal .notes-area .new-note-form { position: relative; } .moodboard-wrapper.wishlist-index-index .notes-modal .notes-area .moodboard-message, .moodboard-wrapper.wishlist-shared-index .notes-modal .notes-area .moodboard-message { margin: 1em 0; } .moodboard-wrapper.wishlist-index-index .notes-modal .notes-area .response, .moodboard-wrapper.wishlist-shared-index .notes-modal .notes-area .response { max-height: 245px; overflow-y: scroll; } .moodboard-wrapper.wishlist-index-index .notes-modal .notes-area .add-note, .moodboard-wrapper.wishlist-shared-index .notes-modal .notes-area .add-note { margin-top: 20px; max-height: 200px; } .moodboard-wrapper.wishlist-index-index .notes-modal .notes-area .btn, .moodboard-wrapper.wishlist-shared-index .notes-modal .notes-area .btn { margin: 0 auto; max-width: 371px; width: 100%; } .moodboard-wrapper.wishlist-index-index .notes-modal textarea, .moodboard-wrapper.wishlist-shared-index .notes-modal textarea { background: #f7f7f7; border: none; box-shadow: none; height: 130px; margin: 0 auto; max-width: 370px; padding: 24px; width: 100%; } .moodboard-wrapper.wishlist-index-index .modal, .moodboard-wrapper.wishlist-shared-index .modal { z-index: 9999; } .moodboard-wrapper.wishlist-index-index #shareWishlistModal h4, .moodboard-wrapper.wishlist-shared-index #shareWishlistModal h4 { text-align: left; } .moodboard-wrapper.wishlist-index-index #shareWishlistModal #email_address, .moodboard-wrapper.wishlist-shared-index #shareWishlistModal #email_address { background: transparent; } .moodboard-wrapper.wishlist-index-index #shareWishlistModal .form-buttons, .moodboard-wrapper.wishlist-shared-index #shareWishlistModal .form-buttons { max-width: 410px; width: 100%; } .moodboard-wrapper.wishlist-index-index #shareWishlistModal .modal-footer, .moodboard-wrapper.wishlist-shared-index #shareWishlistModal .modal-footer { padding: 0 0 80px 0; } .moodboard-wrapper.wishlist-index-index #shareWishlistModal .modal-footer .btn, .moodboard-wrapper.wishlist-shared-index #shareWishlistModal .modal-footer .btn { margin: 0; width: 100%; } .moodboard-wrapper.wishlist-index-index .modal.email.sent img, .moodboard-wrapper.wishlist-shared-index .modal.email.sent img { display: block; margin: 2em auto; } .moodboard-wrapper.catalog-product-compare-index .upload-image { display: none; } .moodboard-wrapper.catalog-product-compare-index h1 { margin: 0; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper { margin-top: 40px; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper > tbody + tbody { border: none; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper > tbody > tr { /* make table behave like design */ } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper > tbody > tr > td { background: white; border-left: 30px solid #f9f9f9; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.03); border-right: 30px solid #f9f9f9; } @media screen and (max-width: 480px) { .moodboard-wrapper.catalog-product-compare-index .compare-wrapper > tbody > tr > td { border-width: 4px; } } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper > tbody > tr > td:first-child { border-left: none; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper > tbody > tr > td:nth-child(2) { border-right: none; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper td { border: none; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper td .price { float: none; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper .price-container { margin-top: 50px; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper .specs h3 { display: none; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper .data-specs td { display: block; text-align: center; width: 100%; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper .data-specs td:first-child { margin-top: 20px; padding: 0; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper .add-to-row .btn-group { padding: 40px 0; } .moodboard-wrapper.catalog-product-compare-index .compare-wrapper .add-to-row .details-link, .moodboard-wrapper.catalog-product-compare-index .compare-wrapper .add-to-row .add-to-links { display: none; } .moodboard-wrapper.moodboard-index-angel .upload-image.mboard { display: none; } .moodboard-wrapper.moodboard-index-angel .content-layout { background: #ffffff; } @media screen and (max-width: 768px) { .moodboard-wrapper.moodboard-index-angel .content-layout { padding-top: 6em; } } @media screen and (max-width: 480px) { .moodboard-wrapper.moodboard-index-angel .content-layout { padding: 12em 0 7em 0; } } .moodboard-wrapper.moodboard-index-angel .empty .btn { min-width: 205px; } .moodboard-wrapper.moodboard-index-angel .empty .placeholder { border: 1px dashed #7f7f7f; margin: 60px auto 130px auto; min-height: 500px; max-width: 410px; width: 100%; } @media screen and (max-width: 768px) { .moodboard-wrapper.moodboard-index-angel .empty .placeholder { display: flex; } } .moodboard-wrapper.moodboard-index-angel .empty .placeholder .btn { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); border: none; } .moodboard-wrapper.moodboard-index-angel .angel-info { align-items: center; display: flex; justify-content: center; } @media screen and (max-width: 768px) { .moodboard-wrapper.moodboard-index-angel .angel-info { display: block; text-align: center; } } .moodboard-wrapper.moodboard-index-angel .ga-photo img { -webkit-clip-path: polygon(0% 0%, 100% 0%, 71% 100%, 0% 99%); clip-path: polygon(0% 0%, 100% 0%, 71% 100%, 0% 99%); max-height: 445px; max-width: 630px; object-fit: cover; width: 100%; } .moodboard-wrapper.moodboard-index-angel .ga-info .btn { margin-left: 0; margin-right: 0; } .moodboard-wrapper.moodboard-index-angel .ga-bio { max-width: 350px; } @media screen and (max-width: 768px) { .moodboard-wrapper.moodboard-index-angel .ga-bio { margin: 2em 0; max-width: 100%; } } .moodboard-wrapper.moodboard-index-angel .ga-bio h1, .moodboard-wrapper.moodboard-index-angel .ga-bio h4 { text-align: left; } @media screen and (max-width: 768px) { .moodboard-wrapper.moodboard-index-angel .ga-bio h1, .moodboard-wrapper.moodboard-index-angel .ga-bio h4 { text-align: center; } } .moodboard-wrapper.moodboard-index-angel .contact-ga { max-width: 490px; } @media screen and (max-width: 768px) { .moodboard-wrapper.moodboard-index-angel .contact-ga { display: block; } } .moodboard-wrapper.moodboard-index-angel .contact-ga .btn { margin: 15px 0; min-width: 205px; } @media screen and (max-width: 768px) { .moodboard-wrapper.moodboard-index-angel .contact-ga .btn { margin: 5px 0; min-width: 100%; } } .moodboard-wrapper.moodboard-index-angel .contact-ga .dropdown-menu { margin: 0 auto; padding: 10px 0 25px 0; right: 0; text-align: center; } .moodboard-wrapper.moodboard-index-angel .ga-pick { background: #f9f9f9; margin-top: 100px; } @media screen and (max-width: 480px) { .moodboard-wrapper.moodboard-index-angel .ga-pick { margin-top: 0; } } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection { margin: 60px 0; min-height: 560px; position: relative; } @media screen and (max-width: 768px) { .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection { min-height: 450px; } } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .swipe-options { display: flex; justify-content: space-between; left: 0; position: absolute; right: 0; top: 0; } @media screen and (max-width: 480px) { .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .swipe-options { margin: 1em 2em; top: -60px; } } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection a.reject, .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection a.accept { align-items: center; display: flex; justify-content: center; min-height: 425px; min-width: 300px; } @media screen and (max-width: 768px) { .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection a.reject, .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection a.accept { min-width: 165px; } } @media screen and (max-width: 480px) { .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection a.reject, .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection a.accept { min-height: auto; min-width: auto; } } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .item-wrapper { align-items: center; background: #ffffff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.06); display: flex; flex-wrap: wrap; height: 100%; justify-content: center; left: 0; margin: 0 auto; max-height: 400px; max-width: 410px; position: absolute; right: 0; right: 46px; top: 14px; width: 100%; z-index: 70; } @media screen and (max-width: 768px) { .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .item-wrapper { margin-top: 6em; } } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .item-wrapper:first-child { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); bottom: 0; left: 0; right: 0; top: 0; z-index: 75; } @media screen and (max-width: 480px) { .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .item-wrapper:first-child { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; } } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .item-wrapper:nth-child(2) { -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -o-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); left: 0; right: 91px; top: 0; z-index: 100; } @media screen and (max-width: 480px) { .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .item-wrapper:nth-child(2) { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; max-width: 330px; right: 0; top: 20px; } } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .item-wrapper:nth-child(3) { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); top: 14px; right: 46px; z-index: 99; } @media screen and (max-width: 480px) { .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .item-wrapper:nth-child(3) { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; max-width: 320px; right: 0; top: 40px; } } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .item-content { max-width: 350px; } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .item-content img { max-height: 280px; } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .ring-info h4 { margin: 0 auto; max-width: 80%; } .moodboard-wrapper.moodboard-index-angel .ga-pick .ga-collection .ring-info a { font-weight: 700; text-decoration: underline; } .filterMenu { border-top: 1px solid #e5e5e5; padding: 20px 0; width: 100%; position: relative; } .filterMenu .filterMenuInner { padding: 0 15px; } .filterMenu .filterSetting, .filterMenu .filterDiamond, .filterMenu .filterMetal, .filterMenu .filterPrice, .filterMenu .filterGemType { color: #000000; display: inline-block; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 1px; margin-left: 40px; cursor: pointer; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/filters/triangledown.svg') center right no-repeat; padding: 0 12px 0 0; background-size: 7px; } .filterMenu .smallGrey { display: inline-block; font-size: 11px; } #filters .gan-attribute { width: 100%; margin: 0 0 10px; } #filters .gan-attribute .ttip-container { border: 1px solid #e5e5e5; height: 50px; font-size: 10px; letter-spacing: 1px; cursor: pointer; width: 100%; } #filters .gan-attribute .ttip-container .table, #filters .gan-attribute .ttip-container .data-table, #filters .gan-attribute .ttip-container .availability-only-details, #filters .gan-attribute .ttip-container .cart .totals table { background-color: #ffffff; } #filters .gan-attribute .ttip-container .table div, #filters .gan-attribute .ttip-container .data-table div, #filters .gan-attribute .ttip-container .availability-only-details div, #filters .gan-attribute .ttip-container .cart .totals table div { margin: 0; max-height: 50px; } #filters .gan-attribute .ttip-container .table div span, #filters .gan-attribute .ttip-container .data-table div span, #filters .gan-attribute .ttip-container .availability-only-details div span, #filters .gan-attribute .ttip-container .cart .totals table div span { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/chevronRight.svg') right center no-repeat; width: 70%; display: block; text-align: right; float: right; padding: 0 35px 0 0; font-size: 10px; letter-spacing: 1px; color: #7f7f7f; background-size: 6px; background-position: 94% center; } #filters .gan-attribute .ttip-container .table div .filter-name, #filters .gan-attribute .ttip-container .data-table div .filter-name, #filters .gan-attribute .ttip-container .availability-only-details div .filter-name, #filters .gan-attribute .ttip-container .cart .totals table div .filter-name { float: left; width: 30%; font-size: 10px; letter-spacing: 1px; color: #000000; text-align: left; padding: 0 0 0 15px; font-weight: 600; text-transform: uppercase; } #filters .filter-select { display: none; } #filters .filter-content .container-option { padding: 5px; } #filters .filter-content .container-option .selection a img { opacity: 0.4; } #filters .filter-content .container-option .selected { border-color: #000000 !important; opacity: 1; } #filters .filter-content .container-option .selected a { color: #000000 !important; } #filters .filter-content .container-option .selected a img { opacity: 1; } #filters .filterOuter { padding: 30px 0 60px; min-height: 255px; } .category-top-filters.col-md-12 { padding-left: 0px; padding-right: 0px; } .category-top-filters { background-color: #ffffff; } .mobileFilteringOuter { padding: 0 25px; } .mobileFiltering { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/magGlass.svg') no-repeat; background-position: 15px center; height: 50px; border: 1px solid #e5e5e5; display: table-cell; vertical-align: middle; width: 10%; padding: 0 15px 0 45px; cursor: pointer; font-size: 10px; letter-spacing: 1px; color: #000000; text-align: left; font-weight: 600; text-transform: uppercase; } .mobileFiltering span { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/category/middot.svg') left center no-repeat; background-size: 4px; color: #7f7f7f; padding-left: 14px; margin-left: 7px; } .applyFilterSection { display: none; } .applyFilterSection .applyFilterClear { width: 48.5%; background-color: #ffffff; color: #000000; text-align: center; border: 1px solid #000000; float: left; text-transform: uppercase; padding: 15px 0; font-size: 11px; letter-spacing: 0.5px; cursor: pointer; } .applyFilterSection .applyFilter { width: 48.5%; background-color: #000000; text-align: center; border: 1px solid #000000; float: right; color: #ffffff; text-transform: uppercase; padding: 15px 0; font-size: 11px; letter-spacing: 0.5px; cursor: pointer; } #narrow-by-list-left .gan-track { left: -20px; } #narrow-by-list-left .gan-track .ui-slider-range { background-color: #000; height: 3px; top: 25px; position: relative; } #narrow-by-list-left .gan-track .ui-slider-range:before, #narrow-by-list-left .gan-track .ui-slider-range:after { display: none; } .ui-slider .ui-slider-handle-left, .ui-slider .ui-slider-handle-right { background-image: none !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; background-color: #fff !important; height: 40px !important; margin-top: 10px !important; width: 40px !important; border: 1px solid #000 !important; } .ui-slider .ui-slider-handle-left { margin-left: 0px; } .ui-slider .ui-slider-handle-right { margin-left: 0px; } .gan-track-grey { background: #EEECE7; width: 100%; height: 3px; position: relative; top: -3px; } .gan-track-values > input { display: none; } .gan-track-values .value-min { position: absolute; float: none; top: -62px; left: 15px; font-size: 12px; color: #CCC; } .ui-state-focus { margin: 0 !important; } @media (min-width: 769px) { .mobileFiltering { display: none; } } @media (max-width: 769px) { #advancednavigation-filter-content-price-left .filterOuter .col-md-4 { padding-top: 50%; } .filterMenu { display: none; } .category-top-filters > #block-layered-nav-left { display: none; background-color: #ffffff; padding: 0; position: relative; top: -50px; } #filters { height: 80vh; margin: 0 25px; } #filters .filterOuter { width: 100%; position: fixed; left: 0; top: 60px; text-align: center; height: 100vh; background: #ffffff; z-index: 20; padding: 0 10px 150px; } #filters .filterInner { height: 100%; width: 100%; overflow: scroll; } #filters .filter-content .container-option { float: left; width: 50%; } #filters .filter-content .container-option .selection { width: 100%; } .applyFilterSection { display: block; position: fixed; width: 100%; padding: 15px; bottom: 0; z-index: 20; background: #ffffff; left: 0; } #narrow-by-list-left .gan-track-values { margin: 0 auto !important; width: 100% !important; } body.mob .gan-track-values { width: 100%; } #advancednavigation-filter-content-price-left .filterOuter { padding: 0 30px; } } /* * Copyright (c) 2017. Diamond Manufacturers ltd */ .product_info_details { background: none; } #plain-wedding-rings .product-add-to-block h2 { text-align: left!important; } #plain-wedding-rings .price-box { height: 20px; } #plain-wedding-rings .price-box .regular-price .price { float: none; font-size: 22px; } #plain-wedding-rings div.row { padding: 15px 0; border-bottom: none; } #plain-wedding-rings #chatToTeam { border: none; } #plain-wedding-rings dt.select-option { border: 1px solid #eee; } #plain-wedding-rings ul.accordion { border: none; } #plain-wedding-rings ul.accordion h4 { border: none; padding: 0; } #plain-wedding-rings .sizeGuide { border-top: none; } #plain-wedding-rings .product-options dd { border: none; } #plain-wedding-rings div.filter-back { z-index: 999; } #plain-wedding-rings .dk-selected { background: none; border-radius: 0; } #plain-wedding-rings div.input-box input[type=text] { width: 100% !important; } #plain-wedding-rings div.socialShare { z-index: 90; } #plain-wedding-rings div#thumbs.mediaImages { display: none; } .product_info_details input[type=text] { border: none !important; } .product_info_details .dk-selected { border: none !important; } .product_info_details .option-wrapper { width: 100%; margin-top: 1em; } .product_info_details .option-wrapper.single-line-option { width: 100%; margin-top: 1.5em; } .product_info_details .option-wrapper.single-line-option .input-box { width: 100%; } .product_info_details .option-wrapper .gender-selection { border: none!important; } .product_info_details .option-wrapper .gender-option { display: inline-block; width: 49%; border: 1px solid #e5e5e5; text-align: center; } .product_info_details .option-wrapper .gender-option.female { float: right; } .product_info_details .option-wrapper .gender-option.active { background-color: #e5e5e5; } @media (min-width: 769px) { .product_info_details .option-wrapper { display: inline-block; width: calc(50% - 7px); float: left; padding: 0; } .product_info_details .option-wrapper.single-line-option { width: 100%; } .product_info_details .option-wrapper.single-line-option .options-label { display: inline-block; width: calc(50% - 7px); float: left; } .product_info_details .option-wrapper.single-line-option .options-value { display: inline-block; width: calc(50% - 7px); float: right; } .product_info_details .option-wrapper:nth-child(even) { float: right; } .product_info_details .option-wrapper.ring-sizes select { display: none!important; } } .product_info_details .option-wrapper.isSelected { width: 100%; } .product_info_details .option-wrapper .select-option { padding: 10px; } .product_info_details .option-wrapper .options-value { border: 1px solid #e5e5e5; } .product_info_details .option-wrapper .option-title { margin-bottom: 1em; } .product_info_details .option-wrapper .options-label { margin-bottom: 5px; } .product_info_details .option-wrapper .options-label .options-label-title { display: inline-block; } .product_info_details .optionIsOpen .option-wrapper { display: none; } .product_info_details .optionIsOpen .option-wrapper.isSelected { display: initial; } .product_info_details .options-label-title { font-weight: normal; } .product_info_details .options-label-link { display: inline-block; text-transform: uppercase; font-size: 0.85em; font-weight: bold; border-bottom: 1px solid black; } .product_info_details .dk-select-options { max-height: 12em; } .normal-product-page .ring-sizes { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 30px 0; margin-bottom: 30px; } .normal-product-page .ring-sizes .options-label { display: inline-block; margin-top: 14px; width: auto!important; } .normal-product-page .ring-sizes .options-label-title { margin-right: 10px; } @media (min-width: 769px) { .normal-product-page .ring-sizes .options-value { width: 150px !important; } } .plain-wedding-rings .options-label-title { font-weight: bold; float: none; } .plain-wedding-rings .options-label-link { display: inline-block; margin-top: 0.5em; float: none; } @media (min-width: 769px) { .plain-wedding-rings .ring-sizes { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 0; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .homepage .slick-list { padding-bottom: 10px !important; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: inline-block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url('https://www.vashi.ie/skin/frontend/default/vashi/css/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('https://www.vashi.ie/skin/frontend/default/vashi/css/fonts/slick.eot'); src: url('https://www.vashi.ie/skin/frontend/default/vashi/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('https://www.vashi.ie/skin/frontend/default/vashi/css/fonts/slick.woff') format('woff'), url('https://www.vashi.ie/skin/frontend/default/vashi/css/fonts/slick.ttf') format('truetype'), url('https://www.vashi.ie/skin/frontend/default/vashi/css/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 40px; } .slick-dots { position: absolute; bottom: -35px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 8px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 8px; height: 8px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #efefef; border-radius: 5px; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before .slick-dots li button, .slick-dots li button:focus:before .slick-dots li button { background: black; } .slick-dots li.slick-active button { background: black; } .slide { position: relative; } .section-black .slick-dots li button { background: #777; } .section-black .slick-dots li button:hover:before button, .section-black .slick-dots li button:focus:before button { background: white; } .section-black .slick-dots li.slick-active button { background: white; } .slider .nav-button { display: inline-block; width: 4em; height: 4em; } .slider .nav { stroke: white; fill: black; } .slider .nav-arrow { stroke: black; fill: black; } .section-black .slider .nav { stroke: black; fill: white; } .section-black .slider .nav-arrow { stroke: white; fill: white; } *::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } /* Old shadow dom for play button */ *::-webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } .video-player-wrapper { /* New shadow dom for play button */ /* This one works! */ } .video-player-wrapper *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } .video-player-wrapper .video-container { width: 960px; height: 540px; background: #000; position: relative; } .video-player-wrapper .play-container { position: absolute; bottom: 20px; left: 80px; } .video-player-wrapper .mute-container { position: absolute; bottom: 20px; left: 20px; } .video-player-wrapper .circle { stroke: #ffffff; stroke-dasharray: 650; stroke-dashoffset: 650; -webkit-transition: all 0.5s ease-in-out; opacity: 0.3; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .video-player-wrapper .fade-in { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; } .video-player-wrapper .video-button { display: inline-block; -webkit-transition: stroke-dashoffset 0.5s ease; } .video-player-wrapper .video-button:hover .circle { stroke-dashoffset: 0; opacity: 1; } .video-player-wrapper .sound { position: relative; cursor: pointer; display: inline-block; } .video-player-wrapper .sound--icon { color: #fff; width: 75%; height: 100%; line-height: 100%; display: block; margin: auto; } .video-player-wrapper .sound--wave { position: absolute; border: 2px solid transparent; border-right: 2px solid #fff; border-radius: 50%; -webkit-transition: all 200ms; transition: all 200ms; margin: auto; top: -2px; bottom: 0; left: 3px; right: 0; } .video-player-wrapper .sound--wave_one { width: 40%; height: 40%; } .video-player-wrapper .sound--wave_two { width: 60%; height: 60%; } .video-player-wrapper .sound-mute .sound--wave { border-radius: 0; width: 50%; height: 50%; border-width: 0 4px 0 0; } .video-player-wrapper .sound-mute .sound--wave_one { -webkit-transform: rotate(45deg) translate3d(0, -20%, 0) scale(0.5); transform: rotate(45deg) translate3d(0, -20%, 0) scale(0.5); } .video-player-wrapper .sound-mute .sound--wave_two { -webkit-transform: rotate(-45deg) translate3d(0, 20%, 0) scale(0.5); transform: rotate(-45deg) translate3d(0, 20%, 0) scale(0.5); } /* --------------------------------------------------------------------------- Video Controls --------------------------------------------------------------------------- */ .video-player-wrapper { user-select: none; overflow: hidden; position: relative; background: black; width: 100%; height: 200px; padding-bottom: 100%; /* on desktop we hide/show some controls on mouse over */ } .video-player-wrapper.isPaused .video-control-wrapper-volume { display: none !important; } .video-player-wrapper.isPaused .video-control-pause { display: none !important; } .video-player-wrapper.isPaused .video-control-pause { display: none; } .video-player-wrapper.isMobile .slider-wrapper { display: none !important; } @media (max-width: 499px) { .video-player-wrapper { padding-bottom: 100% !important; } } @media (min-width: 500px) { .video-player-wrapper { height: auto; overflow: hidden; padding-bottom: 43% !important; } } .video-player-wrapper .video-controls-center { display: block; position: absolute; width: 300px; top: 65%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .video-player-wrapper .video-controls-center .video-control-wrapper { width: 9em; height: 9em; } .video-player-wrapper .video-controls-center .video-control-wrapper.animate .video-control-halo { width: 6em; } .video-player-wrapper .video-controls-center .video-control-wrapper.animate .video-control-pause { opacity: 0.2; } .video-player-wrapper .video-controls-center .video-control-wrapper .video-control img { vertical-align: middle; } .video-player-wrapper .video-controls-center .video-playmessage.animate { opacity: 0; } .video-player-wrapper .video-controls-center .video-control { opacity: 0.5; display: inline-block; position: absolute; top: 50%; left: 50%; width: 8em; height: 8em; cursor: pointer; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .video-player-wrapper .video-controls-center .video-control.video-control-pause { width: 5em; height: 5em; } .video-player-wrapper .video-controls-center .video-control-halo { -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; pointer-events: none; } .video-player-wrapper .video-controls-center .video-control-pause { transition: all 500ms ease; } .video-player-wrapper .video-controls-center .video-playmessage { position: absolute; background: white; color: black; opacity: 0.6; padding: 0.5em 2em; border-radius: 2em; min-width: 22em; text-align: center; text-transform: capitalize; margin-top: -20em; cursor: pointer; } .video-player-wrapper .video-controls-center .video-playmessage:hover { opacity: 0.8; transition: none; } @media (max-width: 991px) { .video-player-wrapper .show-mouseover { display: none; } .video-player-wrapper .show-mobile { display: inline-block; } } @media (min-width: 992px) { .video-player-wrapper .show-mouseover { display: none; } .video-player-wrapper:hover .show-mouseover { display: inline-block; } } .video-player { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .video-splash { display: none; position: absolute; top: 0; left: 0; width: 100%; } .video-controls { position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; } @media (min-width: 992px) { } .video-controls .video-control { opacity: 0.5; display: inline-block; width: 3em; height: 3em; cursor: pointer; vertical-align: bottom; margin: 5px 0 5px 5px; background: white; border-radius: 5em; } .video-controls .video-control img { vertical-align: bottom; } @media (min-width: 992px) { .video-controls .video-control { width: 4em; height: 4em; } } .video-controls .video-control-wrapper-volume { display: inline-block; vertical-align: bottom; } .video-controls .video-control-wrapper-volume.control-mute .video-control-mute { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/buttons/video-unmute.svg'); background-size: cover; } .video-controls .video-control-wrapper-volume.control-unmute .video-control-mute { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/buttons/video-mute.svg'); background-size: cover; } .video-controls .video-control-wrapper-volume.control-unmute .slider-wrapper { display: none; } .video-controls .slider-wrapper { display: none; width: 20px; height: 150px; padding: 0; background: white; padding: 20px; border-radius: 19px; margin: 5px; margin-left: 12px; } .video-controls .slider-wrapper input { width: 120px; height: 20px; margin: 0; transform-origin: 53px 63px; transform: rotate(-90deg); } .desktop-header .navbar { border: none; } .desktop-header .level0 .sub-menu { height: 0px; padding: 0; overflow: hidden; } .desktop-header .level0 .sub-menu .container { opacity: 0.3; margin-left: 50px; } .desktop-header .level0.isVisible .sub-menu { height: 300px; z-index: 110; padding: 2em; } .desktop-header .level0.isVisible .sub-menu .container { transition: 500ms all ease; opacity: 1; margin-left: 0; } .navbar-nav { width: 100%; } .navbar-nav > li { display: inline-block; } .navbar-nav > li a { padding: 10px 15px 10px 15px; font-weight: 700; display: inline-block; } .navbar-nav > li h4 { color: #ffffff; font-size: 0.85em; opacity: 1; letter-spacing: 1px; } .navbar-nav > li h4:hover { color: #ffffff; } .navbar-nav .parent a h4 { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/chevronWhite.svg') right center no-repeat; background-size: 7px 5px; background-position: right 8px; padding: 0 12px 0 0; } .navbar-nav .sub-menu { left: 0; top: 60px; background: #000000; color: #ffffff; margin: 0 auto; padding: 2em; position: absolute; width: 100%; border-bottom: 1px solid #444; } .navbar-nav .sub-menu p { text-align: center; margin-top: 20px; } .navbar-nav #world-of-vashi { text-align: center; } @media screen and (max-width: 768px) { .navbar-nav #world-of-vashi { text-align: left; } } .navbar-nav #world-of-vashi h5 { text-align: center; } .navbar-nav #world-of-vashi img { display: inline-block; } .openUntil { font-size: 11px; float: right !important; margin-top: 24px; font-weight: 600; } .navBookViewing { background-color: #f47b00; text-align: center; color: #ffffff; float: right !important; margin: 10px 0 0 15px; padding: 9px 15px; cursor: pointer; font-size: 12px; letter-spacing: 0.7px; } @media (min-width: 1199px) and (max-width: 1330px) { .openUntil { visibility: hidden; } } @media (min-width: 1024px) and (max-width: 1199px) { .openUntil, .navBookViewing { visibility: hidden; } } .slide-menu { left: 0px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); padding-top: 60px; top: 0; box-sizing: border-box; overflow-x: hidden; background: #000000; width: 100%; height: 100%; position: fixed; z-index: 100; } .slide-menu .first-level-item a { padding: 12px 0 12px 28px; color: #ffffff; display: block; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } .slide-menu .first-level-item .greyMenu { color: #7f7f7f; padding: 12px 0 12px 28px; display: block; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } .slide-menu .first-level-menu { width: 100%; position: absolute; left: 0; -moz-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; -webkit-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; text-align: left; margin: 20px 0 0; padding: 0 0 90px; } .slide-menu .second-level-menu { width: 100%; padding: 0 0 0 28px; } .slide-menu .second-level-menu a { color: #7f7f7f; } .slide-menu .mobileNavTop { position: absolute; top: 0; width: 100%; border-bottom: 1px solid #262626; height: 60px; } .slide-menu .mobileNavTop .mobileUserPanel { float: right; color: #ffffff; margin: 20px 30px 0 0; letter-spacing: 0.2px; } .slide-menu .mobileNavTop .mobileUserPanel a { color: #fff; } .slide-menu .mobileNavTop .mobileStoreSwitcher { float: right; color: #ffffff; margin: 20px 20px 0 0; height: 20px; display: none; } .slide-menu .mobileNavTop .mobileStoreSwitcher img { display: none; width: 20px; height: 20px; margin-bottom: 0; margin-top: -3px; } .slide-menu .mobileNavTop .mobileStoreSwitcher fieldset { float: right; margin-left: 10px; color: #ffffff; } .slide-menu .mobileNavTop .mobileCloseButton { width: 15px; height: 15px; background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/header/whiteClose.svg') no-repeat center center; margin: 22px 0 0 25px; float: left; cursor: pointer; } .mobileNavFooter { position: absolute; bottom: 0; background-color: #181818; width: 100%; } .mobileNavFooter .smallGrey { float: left; margin: 20px 0 0 20px; font-size: 0.75em; } .mobileNavFooter .navBookViewing { margin: 10px 10px 10px 15px; } .mobileFilterBackButton { position: absolute; top: 0; left: 0; background: #ffffff url('https://www.vashi.ie/skin/frontend/default/vashi/images/product/backArrow.svg') center center no-repeat; width: 20px; height: 60px; z-index: 100; padding: 0 33px; display: none; } @media (max-width: 769px) { .ui-selectmenu-button span.ui-selectmenu-text { color: #ffffff; } } .header-checkout { background: black; } .wrapper-stages-checkout { background: black; } .stages-checkout { padding-top: 30px; padding-bottom: 15px; } .header-checkout { color: white; padding: 15px 0; line-height: initial; } .header-checkout .shopping { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; font-size: 50px; line-height: 1em; margin-top: 44px; } .header-checkout .basket { font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; font-size: 120px; line-height: 1em; margin-top: -10px; } .ck-step { text-transform: uppercase; color: #7f7f7f; font-size: 0.8em; } .ck-step.active { color: white; } section.stages-checkout { background: black; } @media screen and (max-width: 1024px) { .stages-checkout { padding-top: 0; padding-bottom: 0; } section.wrapper-stages-checkout { visibility: visible; position: fixed; z-index: 90; width: 100%; top: 60px; height: 60px; } .ck-step { /* display: inline-block;*/ padding: 20px 0px; position: relative; } .ck-step:after { content: ''; background: transparent; display: block; width: 40px; height: 40px; position: absolute; transform: rotate(45deg); box-shadow: 1px -1px 0 #7f7f7f; top: 12px; right: 0; } .ck-step.last:after { display: none; } span.hiddenstep { display: none; } } .sprite-container { opacity: 0; position: relative; overflow: hidden; } .sprite-container:after { padding-top: 56.25%; /* 16:9 ratio */ display: block; content: ''; } .sprite-container .word-img { position: absolute; width: 100%; height: 100%; opacity: 0; } .sprite-container .text-overlay { opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); } .sprite-container .text-overlay img { width: 100%; } .perspective-container { position: relative; overflow: hidden; } .perspective-container .perspective-img { position: absolute; } .vashi-banner { width: 100%; cursor: pointer; } .vashi-banner .vashi-banner-inner { height: 100%; position: relative; } .vashi-banner .content { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); text-align: center; margin: 0 3em 0 1em; } .vashi-banner .close-button { position: absolute; right: 15px; cursor: pointer; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .vashi-banner .close-button img { height: 25px; width: 25px; margin: 0; } @media (min-width: 992px) { .vashi-banner .content { margin: 0; } .vashi-banner .close-button { display: inline-block; } .vashi-banner .close-button img { height: 15px; width: 15px; } } .allow-cookies-banner { position: fixed; bottom: 0px; z-index: 200; background-color: #eee; height: 75px; } @media (min-width: 992px) { .allow-cookies-banner { height: 50px; } } .category-engagement-rings .breadcrumb-wrapper, .category-wedding-rings .breadcrumb-wrapper, .category-jewellery .breadcrumb-wrapper { background: black; } .category-engagement-rings .breadcrumb-wrapper a, .category-wedding-rings .breadcrumb-wrapper a, .category-jewellery .breadcrumb-wrapper a { color: white !important; } .category-engagement-rings .breadcrumbs, .category-wedding-rings .breadcrumbs, .category-jewellery .breadcrumbs { maring-bottom: 0; } .catalog-category-view #body { padding-left: 0; padding-right: 0; background: url('/skin/frontend/default/vashi/images/products/diamonds-header.svg') no-repeat; } @media screen and (max-width: 768px) { .catalog-category-view #body { background-size: 125%; background-position: -76px 70px; } } @media screen and (max-width: 480px) { .catalog-category-view #body { background: url('/skin/frontend/default/vashi/images/products/diamond-header-mobile.jpg') no-repeat; background-position: 0 52px; background-size: 100%; } } .catalog-category-view.category-wedding-rings #body, .catalog-category-view.category-engagement-rings #body, .catalog-category-view.category-jewellery #body { background: none; } .catalog-category-view.category-wedding-rings .mobileFiltering, .catalog-category-view.category-engagement-rings .mobileFiltering, .catalog-category-view.category-jewellery .mobileFiltering { display: none; } body[class*='categorypath-create-your-own-'] #body { background: none; } .category-landing-page { overflow: hidden; } .category-landing-page .cms-section { margin-top: 10rem; } .category-landing-page .cms-category-header { height: 475px; } .category-landing-page .text-block .para { font-size: 15px; margin-top: 1.5rem; } @media (min-width: 992px) { .category-landing-page .cms-category-header { height: 450px; } } .category-landing-page .cms-category-header .text-block { margin-top: 10rem; } .category-landing-page .cms-category-header .buttons { margin-top: 3rem; } .category-landing-page .text-center .image { width: 100%; display: block; margin: 0 auto; text-align: center; } .category-landing-page .text-center .image img { display: inline-block; } .category-landing-page .slider.slick-dotted { margin-bottom: 0; padding-bottom: 40px; } .category-landing-page .slider .nav-buttons { position: absolute; left: 0px ; bottom: 4rem; user-select: none; width: 100%; text-align: center; } @media (min-width: 992px) { .category-landing-page .slider .nav-buttons { text-align: left; } } .category-landing-page .slider .nav-button { display: inline-block; width: 5rem; height: 5rem; cursor: pointer; } .category-landing-page .slider .nav-button + .nav-button { margin-left: 2rem; } .category-landing-page .slider .nav-button .image { height: 100%; width: 100%; } .category-landing-page .slider .slick-dots { bottom: 0; left: 0; } @media (min-width: 992px) { .category-landing-page .slider .slick-dots { text-align: left; } } .category-landing-page .slider .text-block { padding-bottom: 175px; } @media (min-width: 992px) { .category-landing-page .slider .text-block { padding-bottom: 150px; } } .background-css { background-position: center; background-repeat: no-repeat; } .background-love { background-position: center; background-repeat: no-repeat; background-image: url('/skin/frontend/default/vashi/images/backgrounds/love.png'); } @media (max-width: 768px) { .background-love { background-position-y: 2em; background-size: 150%; } } .background-yes { background-position: center; background-repeat: no-repeat; background-image: url('/skin/frontend/default/vashi/images/backgrounds/yes.jpg'); } @media (max-width: 768px) { .background-yes { background-position-y: 2em; } } #headerimagesSlider { text-align: center; } #headerimages { cursor: pointer; } #headerimages .inner .caption { padding-bottom: 3rem; } #headerimages .slide { width: 250px; } #headerimages a { text-decoration: none; } #brand-messages .toptitle { font-family: lato; font-size: 2em; line-height: 1.5em; } @media (min-width: 992px) { #brand-messages .slider { text-align: left; } } #iconoptionsSlider .text-wrapper { text-align: center; } @media (max-width: 991px) { #iconoptionsSlider .slide { margin-top: 3rem; } } .category-hero-image { display: none; } .onestepcheckout-index-index .sticky-banner, .checkout-cart-index .sticky-banner { display: none; } .cart dl { margin-bottom: 0; } .cart dt { font-weight: normal; } .cart .input-text { width: 100% !important; } .cart .button { margin: 0 !important; } .cart .basket-header { margin-bottom: 130px; overflow: hidden; } .cart .your-basket { padding-top: 20px; } .cart .cart-section { margin-top: 40px; } @media (min-width: 992px) { .cart .total-pod { margin-top: -150px; } } .cart .product-row { padding-top: 30px; } .cart .product-row .product-col { padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .cart .product-row .mobile-label { margin-bottom: 10px; } .cart .product-row .cart-product-links { padding-top: 10px; } .cart .product-row .cart-edit-cyo { padding-left: 20px; } .cart .promo-code-input { width: 190px; height: 48px; display: inline-block; } .cart .promo-code-input .input-text { height: 100%; } .cart .promo-code-button { width: 135px; height: 48px; display: inline-block; } .cart .promo-code-button .promo-button { height: 100%; border: none; } .cart .cart-delivery { background: #f8f8f8; text-align: center; padding: 20px; left: 0; margin-left: 15px; margin-top: 16px; } .cart .cart-select-country { padding: 20px; padding-left: 0; text-align: center; } .cart .cart-select-country h5 { text-align: center; padding-bottom: 10px; } .cart .cart-select-country select { padding: 0 10px; } .cart .free-delivery-wrapping { border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; } .cart .free-wrapping { padding: 16px; } .cart .free-delivery, .cart .free-wrapping { text-align: center; } @media (max-width: 992px) { .cart .cart-select-country, .cart .cart-select-country h5, .cart .free-wrapping, .cart .free-delivery { text-align: center; } .cart .cart-delivery { margin-left: 0; } } .cart .item-options { font-size: 0.75em; } .cart .item-options dt { display: none; } .cart .product-name { line-height: 22px; } .cart .total-pod { margin-left: 15px; } .cart .total-pod .inner { padding: 0 30px; } .cart .total-pod .cards { margin-bottom: 10px; } .cart .total-pod .cart-totals-items { padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .cart .total-pod .cart-totals-items .cart-totals-item { margin-top: 24px; } .cart .total-pod .price, .cart .total-pod .grandtotal { float: right; } .cart .total-pod .grand-total { margin-top: 24px; color: black; } .cart .total-pod .shopping-logos { margin-top: 10px; } .cart .total-pod .secure-shopping .inline-image { height: 32px; } .cart .checkout-types { margin-top: 30px; } .cart .shopping-logos { text-align: center; } @media (max-width: 991px) { .cart .input-text { margin: 0 !important; } .cart .your-basket { padding-top: 39px; text-align: left; } .cart .product-row-header { display: none; } .cart .product-row { margin-left: -15px; margin-right: -15px; } .cart .product-price-quantity { margin-top: 32px; } .cart .total-pod { border: none!important; padding: 0!important; margin-left: 0; } .cart .total-pod .inner { padding: 0; } .cart .total-pod-summary, .cart .grand-total { display: none; } .cart .promo-code-input { float: left; width: 59%; } .cart .promo-code-title { margin-bottom: 16px; text-align: left; } .cart .promo-code-button { width: 39%; float: right; } .cart .shopping-logos { margin-top: 58px; } } @media (min-width: 992px) { .cart .mobile-label { display: none; } } .cart .page-title .checkout-types li { margin: 0 0 5px; } .cart .page-title .checkout-types li:last-child { margin-bottom: 0; } .cart .title-buttons .checkout-types { float: right; margin-bottom: 0; } .cart .checkout-types .paypal-or { margin: 0 8px; } .cart .totals .checkout-types .paypal-or { clear: both; display: block; padding: 8px 55px 0 0; font-size: 12px; } .cart > form { margin-bottom: 20px; } @media (max-width: 769px) { .cart > form { width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 15px; border: 1px solid #ddd; } } .cart-table { margin-bottom: 0; } .cart-table .qty { width: auto; text-align: center; } .cart-table .btn-continue { float: left; } .cart .cart-collaterals { margin-left: -15px; margin-right: -15px; } .cart .cart-collaterals .col2-set { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .cart .cart-collaterals .col2-set { float: left; width: 66.66666667%; } } @media (min-width: 769px) { .cart .cart-collaterals .totals { margin-right: 15px; float: right; width: 33.33333333%; } } .cart .crosssell, .cart .discount, .cart .shipping { border-color: #ddd; } .cart .crosssell > h2, .cart .discount > h2, .cart .shipping > h2 { border-color: #ddd; background-color: #f5f5f5; color: #333333; font-weight: 500; } .cart .crosssell #crosssell-products-list { margin-bottom: 0; padding: 15px; } .cart .crosssell li.item { padding: 10px 0; border-bottom: 1px solid #eeeeee; } .cart .crosssell li.item:first-child { padding-top: 0; } .cart .crosssell li.item:last-child { padding-bottom: 0; border-bottom: 0; } .cart .crosssell .product-image { float: left; } .cart .crosssell .product-details { margin-left: 100px; } .cart .crosssell .add-to-links .separator { display: none; } .cart .crosssell .link-compare { font-weight: normal; } @media (max-width: 992px) { .cart .crosssell { display: none; } } .cart .discount .discount-form { padding: 15px; } .cart .shipping .shipping-form { padding: 15px; } .cart .totals .checkout-types { margin-bottom: 0; text-align: right; } .cart .totals .checkout-types li { margin-bottom: 5px; } .cart .totals .checkout-types li:last-child { margin-bottom: 0; } .truncated { position: relative; cursor: help; } .truncated .dots { cursor: inherit; color: inherit; } .truncated .dots:hover { text-decoration: none; } .truncated_full_value { top: 20px; } .truncated_full_value dl { margin: 0; } .truncated_full_value dd { margin-left: 0; } .truncated_full_value dd + dt { border-radius: 0; border-top: 1px solid #ebebeb; } .truncated_full_value.show { display: block; } .basket h1 { padding-top: 35px; } .basket .basket-table td, .basket .basket-table th { text-align: center; } .basket .basket-table td.basket-desc, .basket .basket-table th.basket-desc { text-align: left; } .basket .basket-table td.basket-price, .basket .basket-table th.basket-price, .basket .basket-table td.basket-t-price, .basket .basket-table th.basket-t-price { text-align: right; } .basket .promo-pod .del-country { margin: 40px 0; } .basket .promo-pod #voucher { margin: 40px 0 0; } .basket .promo-pod #voucher input { width: 100%; } .basket .promo-pod #voucher .button { margin: 10px 0; width: 100%; } .basket .paypal-logo { text-align: right; } .basket .gift-wrapping { border-bottom: solid 1px #000; padding: 20px 0; } #body.basket .mod { background: #ffede3; min-height: inherit; margin: 40px 0; padding: 3%; text-align: center; } .onestepcheckout-summary .summary-qty { text-align: center !important; } #body.checkout table.onestepcheckout-summary td { border-color: #e5e5e5; padding: 15px 0 25px; } @media (max-width: 769px) { .onestepcheckout-summary { width: 100%; } } select { -webkit-appearance: none; border-radius: 0; } .checkout-border { border: 1px solid #e5e5e5; } .sp-methods { margin: 0 0 8px; } .sp-methods dt { padding-top: 10px; } .sp-methods dt:first-child { padding-top: 0; } .sp-methods dd { padding: 10px 0; border-bottom: 1px solid #eeeeee; } .sp-methods dd:last-child { padding-bottom: 0; border-bottom: 0; } .sp-methods dd ul { margin-bottom: 0; } .sp-methods dd li { margin: 5px 0; } .sp-methods .radio { float: left; margin-top: 3px; margin-right: 6px; } .sp-methods label { margin-bottom: 0; } .sp-methods .form-list { padding-left: 20px; } .sp-methods select.month { width: 154px; margin-right: 10px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 50px !important; } .sp-methods .checkmo-list li { margin: 0 0 5px; } .sp-methods .checkmo-list label { width: 135px; padding-right: 10px; text-align: right; } .sp-methods .checkmo-list address { float: left; } .sp-methods .centinel-logos a { margin-right: 3px; } .sp-methods .centinel-logos img { vertical-align: middle; } .sp-methods .release-amounts { margin: 0.5em 0; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } .please-wait { float: right; margin-right: 10px; font-size: 12px; color: #777777; } .please-wait img { vertical-align: middle; margin-right: 10px; } .cvv-what-is-this { line-height: 34px; font-size: 12px; cursor: help; margin-left: 10px; } .tool-tip { display: block; } .tool-tip .btn-close { padding: 9px 14px; } .tool-tip .btn-close a { float: right; font-size: 0; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .tool-tip .btn-close a:after { font-size: 14px; font-weight: bold; font-family: FontAwesome; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; } .tool-tip .btn-close a:hover, .tool-tip .btn-close a:focus { text-decoration: none; opacity: 0.5; filter: alpha(opacity=50); } .gift-messages h3 { font-size: 14px; font-weight: bold; } .gift-messages p.control .checkbox { float: left; margin-top: 4px; margin-right: 6px; } .gift-messages p.control label { margin-bottom: 0; } .gift-messages-form { position: relative; } .gift-messages-form label { float: none !important; position: static !important; } .gift-messages-form h4 { padding-top: 10px; border-top: 1px solid #eeeeee; font-size: 14px; font-weight: bold; } .gift-messages-form h4:first-child { padding-top: 0; border-top: 0; } .gift-messages-form p > .checkbox { float: left; margin-top: 4px; margin-right: 6px; } .gift-messages-form p > label { margin-bottom: 0; } .gift-messages-form .whole-order { margin: 0 0 25px; } .gift-messages-form .item { margin: 0 0 10px; border-bottom: 1px solid #eeeeee; } .gift-messages-form .item:last-child { border-bottom: 0; } .gift-messages-form .item .product-img-box { float: left; width: 75px; } .gift-messages-form .item .product-image { margin: 0 0 7px; } .gift-messages-form .item .number { margin: 0; text-align: center; } .gift-messages-form .item .details { margin-left: 90px; } .gift-messages-form .item .details .product-name { margin: 0 0 10px; } .gift-message-row .btn-close { float: right; font-size: 0; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .gift-message-row .btn-close:after { font-size: 14px; font-weight: bold; font-family: FontAwesome; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; } .gift-message-row .btn-close:hover, .gift-message-row .btn-close:focus { text-decoration: none; opacity: 0.5; filter: alpha(opacity=50); } .checkout-agreements li { margin-bottom: 20px; } .checkout-agreements li:last-child { margin-bottom: 0; } .checkout-agreements .agreement-content { margin-bottom: 0; overflow: auto; height: 240px; } .checkout-agreements .agree { margin: 0; padding: 10px; } .checkout-agreements .agree input.checkbox { float: left; margin-top: 4px; margin-right: 6px; } .opc .checkout-agreements { padding: 5px 30px; } .centinel .authentication { background-color: #fff; border: 1px solid #ddd; } .centinel .authentication iframe { width: 99%; height: 400px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .opc .centinel { padding: 10px 30px; } .info-set { margin: 0 0 25px; padding: 20px; } .info-set h2 { font-size: 18px; } .info-set h3, .info-set h4 { font-size: 14px; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight: normal; } .info-set .divider { margin: 0 -20px; padding: 25px 0; position: relative; } .info-set .box { margin: 0 0 15px; } .info-set .data-table .item-options { margin: 5px 0 0; } .block-progress dl { margin: 0; } .block-progress dt { font-weight: bold; margin: 0 0 6px; padding: 7px 15px; background-color: #f5f5f5; border: solid #ddd; border-width: 1px 0; } .block-progress dt:first-child { border-top: 0; } .block-progress dd { padding: 8px 13px; margin: 0 0 6px; } .block-progress dt.complete { margin: 0; } .block-progress p { margin: 0; } .block-progress .cards-list dt { background: none; border: 0 none; color: inherit; font-size: 12px; margin: 5px 0; padding: 0; } .block-progress .cards-list dd { border: 0 none; margin: 0; padding: 0; } .block-progress .cards-list .info-table th { font-weight: normal; } .block-progress address { margin-bottom: 0; } .block-progress p + table { margin-left: 10px; } @media (max-width: 769px) { .block-progress { display: none; } } .opc .buttons-set { margin-top: 10px; } .opc .buttons-set p.required { margin: 0; padding: 0 0 10px; } .opc .buttons-set .back-link small { display: none; } .opc .buttons-set .buttons-set.disabled button.button { display: none; } .opc .buttons-set .ul { list-style: disc outside; padding-left: 18px; } .opc { position: relative; } .opc .step-title { padding: 10px 15px; border: solid #ddd; border-width: 0 1px 1px; background-color: #f5f5f5; color: #333333; } .opc .step-title .number, .opc .step-title h2, .opc .step-title a { line-height: 20px; } .opc .step-title .number, .opc .step-title h2 { float: left; } .opc .step-title .number { display: block; background: #fff; padding: 0 6px; margin-right: 10px; } .opc .step-title h2 { margin: 0; font-size: 16px; } .opc .step-title a { display: none; float: right; } .opc .section:first-child .step-title { border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-width: 1px; } .opc .section:last-child .step-title { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .opc .section:last-child.active .step-title { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .opc .section:last-child.active .step { padding-bottom: 10px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .opc .step { padding: 15px; border: solid #ddd; border-width: 0 1px 1px; } .opc .step .tool-tip { right: 30px; } .opc .allow .step-title a { display: block; } .opc .active .step-title a { display: none; } @media (min-width: 992px) { .checkout-progress li { float: left; width: 20%; margin-bottom: 0; border-left-width: 0; text-align: center; } .checkout-progress li:first-child, .checkout-progress li:last-child { border-radius: 0; } .checkout-progress li:first-child { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .checkout-progress li:last-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } } @media (max-width: 992px) { .multiple-checkout { width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 15px; border: 1px solid #ddd; } } .multiple-checkout h2 { margin-top: 0; font-size: 18px; } .multiple-checkout h3, .multiple-checkout h4 { margin-top: 0; font-size: 14px; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight: normal; } .multiple-checkout .data-table .product-name { line-height: 34px; } .multiple-checkout .data-table select { width: auto; } .multiple-checkout .data-table .item-options { margin-top: 10px; } .multiple-checkout .gift-messages { margin: 15px 0 0; } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 20px; } .multiple-checkout .box .box-title h3 { margin-top: 0; } .multiple-checkout .box address { margin-bottom: 0; } .multiple-checkout .place-order .please-wait { float: right; padding: 27px 7px 0 0; } .multiple-checkout .place-order .grand-total { text-align: right; } .multiple-checkout .place-order .grand-total big { font-size: 18px; font-weight: 500; } .multiple-checkout .place-order .grand-total .price { color: #337ab7; } #multiship-addresses-table .qty { width: auto; text-align: center; } .checkout-multishipping-billing .multiple-checkout { position: relative; } .payment-methods { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .payment-methods .child-box { margin: 30px 0; } body.onestepcheckout-index-index .onestepcheckout-index-index { border-radius: 0; border: 1px solid; } body.onestepcheckout-index-index .checkout-info, body.onestepcheckout-index-index .haveaccount { margin: 25px 0; } body.onestepcheckout-index-index .delivery-info { background: #f8f8f8; padding: 25px; } body.onestepcheckout-index-index .delivery-info img { float: left; padding: 0 10px 50px 0; } body.onestepcheckout-index-index article.strap { display: block; text-align: center; } body.onestepcheckout-index-index .returning { /*text-align: center; margin: 0 auto; border-top: 1px solid @border-color; border-bottom: 1px solid @border-color;*/ } body.onestepcheckout-index-index .returning h4 { font-size: 1.1em; line-height: 53px; margin: 40px 0; } body.onestepcheckout-index-index .btn.facebook { background-color: #3664A2; border: 1px solid #3664A2; } body.onestepcheckout-index-index .billing { padding-top: 3%; } body.onestepcheckout-index-index .form-list label { display: block; /*float: left;*/ } body.onestepcheckout-index-index .fields .form-group { /* width: 50%; float: left; min-height: 50px;*/ } body.onestepcheckout-index-index .address-detail { padding: 0; min-height: 50px; } body.onestepcheckout-index-index .btop { border-top: solid 1px #e5e5e5; padding-top: 20px; display: block; clear: both; } body.onestepcheckout-index-index .checkoutpod h3 { text-align: left; } body.onestepcheckout-index-index .div[role=main] { padding-right: 3%; } body.onestepcheckout-index-index .onestepcheckout-comments { padding-bottom: 35px; border-bottom: solid 1px #e5e5e5; } body.onestepcheckout-index-index .onestepcheckout-place-order-wrapper { border-top: solid 1px #e5e5e5; padding-top: 20px; } body.onestepcheckout-index-index .onestepcheckout-place-order-wrapper .cards { margin: 20px 0; } body.onestepcheckout-index-index #onestepcheckout-place-order { width: 100%; background: #000000; color: white; margin: 40px 0 0 0; } .udetails .meanbee-postcode-element .button { height: 42px; margin: 0; background-color: #000000; color: #ffffff; } body.checkout-onepage-success .sticky-banner { display: none; } body.checkout-onepage-success .wrapper-stages-checkout { margin-bottom: 60px; } body.checkout-onepage-success #survey_result { clear: left; padding: 20px 15px; } body.checkout-onepage-success h1 { font-size: 50px; font-family: 'AkkordeonSix', sans-serif; text-transform: uppercase; text-align: left; line-height: 50px; } body.checkout-onepage-success fieldset { padding: 1px; } body.checkout-onepage-success label { font-weight: normal; } body.checkout-onepage-success .input-radio { margin: 0 5px; } body.checkout-onepage-success button { margin-left: 0px; margin-right: 0px; } body.checkout-header aside { position: sticky; top: 20px; } body.checkout-header .total-pod { border: 1px solid #e5e5e5; } body.checkout-header .grandtotal .price { font-size: 24px; } body.checkout-header .btn-proceed-checkout, body.checkout-header .apply-code { background: #000000; color: white; width: 100%; } body.checkout-header input#coupon_code { margin: 10px 0; } body.checkout-header article.strap { display: none; } body.checkout-header .alert-success, body.checkout-header .success-msg, body.checkout-header .messages li.success-msg ul { background-color: #f8f8f8; border-color: #f8f8f8; } body.checkout-header .icon { display: inline-block; } body.checkout-header .cont { margin: 15px 0; } body.checkout-header input[type="text"], body.checkout-header input[type="tel"], body.checkout-header input[type="email"], body.checkout-header input[type="select"] { min-width: auto; width: 100%; } @media screen and (max-width: 1024px) { body.checkout-header select { min-width: 120px; } body.checkout-header .delivery-info p { display: none; } body.checkout-header .delivery-info img { padding: 0 10px; margin-bottom: 10px; } body.checkout-header button { min-width: auto; } body.checkout-header .productName { margin-top: 0px; } body.checkout-header #body { margin-top: 0px !important; } body.checkout-header section.header-checkout { display: none; } } body.checkout-header table.onestepcheckout-totals tr { border: none; } body.checkout-cart-index aside { position: sticky; top: 20px; } body.checkout-cart-index .total-pod { border: 1px solid #e5e5e5; } body.checkout-cart-index .grandtotal .price { font-size: 24px; } body.checkout-cart-index .btn-proceed-checkout, body.checkout-cart-index .apply-code { background: #000000; color: white; width: 100%; } body.checkout-cart-index input#coupon_code { margin: 10px 0; } body.checkout-cart-index article.strap { display: none; } body.checkout-cart-index .alert-success, body.checkout-cart-index .success-msg, body.checkout-cart-index .messages li.success-msg ul { background-color: #f8f8f8; border-color: #f8f8f8; } body.checkout-cart-index .icon { display: inline-block; } body.checkout-cart-index .cont { margin: 15px 0; } body.checkout-cart-index input[type="text"], body.checkout-cart-index input[type="tel"], body.checkout-cart-index input[type="email"], body.checkout-cart-index input[type="select"] { min-width: auto; width: 100%; } @media screen and (max-width: 1024px) { body.checkout-cart-index select { min-width: 120px; } body.checkout-cart-index .delivery-info p { display: none; } body.checkout-cart-index .delivery-info img { padding: 0 10px; margin-bottom: 10px; } body.checkout-cart-index button { min-width: auto; } body.checkout-cart-index .productName { margin-top: 0px; } body.checkout-cart-index #body { margin-top: 0px !important; } body.checkout-cart-index section.header-checkout { display: none; } } body.checkout-cart-index table.onestepcheckout-totals tr { border: none; } @media screen and (max-width: 1024px) { body.checkout-cart-index #body { margin-top: 120px !important; } } body div.onestepcheckout-summary { padding: 25px 25px 10px 25px; border: 1px solid #e5e5e5; } #gift-message-whole-message { border: 1px solid #7f7f7f; border-radius: 0; } body.cms-in-the-press { background: #f9f9f9; } body.cms-in-the-press #header { background: #fff; } .press-page #body { padding: 0; } .press-page h1 { font-family: 'AkkordeonSix', sans-serif; font-size: 76px; margin-top: 30px; } .press-page .footerPressLogos { display: none; } .press-page .press-gallery { margin-top: 50px; } .press-page .press-gallery .grid-item { display: none; margin-bottom: 30px; } @media screen and (max-width: 480px) { .press-page .press-gallery .grid-item { width: 100%; } } .press-page .press-gallery .grid-item.promo .press-article { justify-content: flex-start; padding: 0; } @media screen and (max-width: 480px) { .press-page .press-gallery .grid-item.promo .press-article:nth-child(2) { margin-bottom: 0; } } .press-page .press-gallery .grid-item.promo .summary { margin-left: 40px; padding-right: 10px; } @media screen and (max-width: 1024px) { .press-page .press-gallery .grid-item.promo .summary { margin-left: 0; padding-left: 18px; } } .press-page .press-gallery .load-more { display: block; margin: 0 auto; text-align: center; } .press-page .press-article { align-items: center; background: #fff; display: inline-flex; justify-content: center; padding: 16% 8%; width: 100%; } .press-page .press-article h3 { font-size: 20px; font-weight: 400; letter-spacing: 0; line-height: 1.3; margin-top: 0; text-align: left; text-transform: none; } @media screen and (max-width: 1024px) { .press-page .press-article h3 { font-size: 18px; } } @media screen and (max-width: 480px) { .press-page .press-article h3 { font-size: 16px; } } .press-page .press-article p { font-size: 13px; line-height: 18px; } @media screen and (max-width: 1024px) { .press-page .press-article p { max-height: 40px; overflow: hidden; } } @media screen and (max-width: 480px) { .press-page .press-article p { font-size: 11px; } } .press-page .press-article a { display: inline-block; font-size: 14px; font-weight: 600; margin-top: 22px; text-decoration: underline; } @media screen and (max-width: 768px) { .press-page .press-article a { font-size: 13px; margin-top: 12px; } } .press-page .press-article .image-wrapper { max-width: 295px; width: 100%; } .press-page .press-article .summary { max-width: 290px; max-height: 200px; } .press-page .featured { background: #000; color: #dbdbdb; margin-top: 130px; padding: 60px 0; } .press-page .featured .featured-carousel { margin: 0 auto; padding: 50px 0; } @media screen and (max-width: 768px) { .press-page .featured .featured-carousel { padding: 0; } } .press-page .featured p { font-size: 13px; } @media screen and (max-width: 768px) { .press-page .featured p { margin-top: 30px; } } .press-page .featured .bx-wrapper { position: relative; } .press-page .featured .bx-controls-direction { left: -50%; margin: 0 auto; position: absolute; right: -50%; top: 9px; width: 200%; } .press-page .featured .bx-prev { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/buttons/nav-arrowLeft-black.svg') scroll 0 0 no-repeat; float: left; font-size: 0; height: 50px; width: 50px; } .press-page .featured .bx-next { background: url('https://www.vashi.ie/skin/frontend/default/vashi/images/buttons/nav-arrowRight-black.svg') scroll 0 0 no-repeat; float: right; font-size: 0; height: 50px; width: 50px; } .press-page .article > .container { position: relative; } .press-page .article h1 { font-size: 100px; line-height: 90px; margin: 0 0 20px 0; text-align: left; } @media screen and (max-width: 480px) { .press-page .article h1 { font-size: 60px; line-height: 0.97; } } .press-page .article small { color: #7f7f7f; display: block; margin-bottom: 45px; text-transform: uppercase; } @media screen and (max-width: 480px) { .press-page .article small { margin-bottom: 20px; } } .press-page .article small .published-by { color: #000; } .press-page .article .article-content { max-width: 700px; } .press-page .article .article-content .copy { padding: 0 30px; } .press-page .article .article-content .rel-image { margin: 45px 0; } .press-page .article .article-content p { line-height: 28px; letter-spacing: 0.2px; margin-bottom: 28px; } .press-page .article .featured { background: #f9f9f9; color: #000; padding: 60px 0 130px 0; } .press-page .article .featured h4 { color: #7f7f7f; } .press-page .article .featured .container { padding-top: 50px; } @media screen and (max-width: 480px) { .press-page .article .featured .grid-item { margin-bottom: 30px; width: 100%; } } .press-page .article .social { border: 1px solid #ddd; float: right; height: 200px; left: -100px; max-width: 90px; padding: 20px 20px; position: absolute; top: 0; } @media screen and (max-width: 768px) { .press-page .article .social { display: flex; float: none; height: auto; justify-content: space-between; margin-bottom: 30px; max-width: 40%; position: static; width: 100%; } } @media screen and (max-width: 480px) { .press-page .article .social { max-width: 100%; } } .press-page .article .social .social-wrapper { align-items: center; display: flex; flex-wrap: wrap; height: 90%; justify-content: space-between; margin: 0 auto; max-width: 30px; } @media screen and (max-width: 768px) { .press-page .article .social .social-wrapper { height: auto; max-width: 100%; margin: 0; } } .press-page .article .social h4 { margin: 0; } .press-page .article .social a { color: #000; display: block; font-size: 22px; margin: 0; padding: 0 8px; } .press-page .article .social a:hover { text-decoration: none; } .product-compare .product-image { display: inline-block; width: 450px; } .customer-account-login .al-authorization { padding-top: 20px; } .customer-account-login .al-authorization .input-box { width: 100%; display: block; margin-bottom: 23px; } .customer-account-login .al-authorization .input-box input { width: 100%; } .customer-account-login .col-md-2 { padding-left: 0; padding-bottom: 20px; line-height: 36px; margin: 0; } .customer-account-login .buttons-set { text-align: left; margin: 0; } .customer-account-login .buttons-set a { clear: both; } .customer-account-login .facebook { color: #fff; background: #3664A2; } .customer-account-login .new-users .buttons-set { border: 0; padding-top: 20px; } .customer-account-login .remember-me-box { padding-left: 20px; } .customer-account-login .remember-me-box label { padding: 0 10px; } .al-authorization-container-overlap .Canvas { width: 570px !important; margin: 50px auto !important; left: 0 !important; right: 0; position: absolute !important; } .al-authorization-container-overlap .Canvas .Wrapper { padding: 40px; } .al-authorization-container-overlap .Canvas .Wrapper .al-authorizationform-register .form-group, .al-authorization-container-overlap .Canvas .Wrapper .al-authorizationform-register .form-list li { margin-bottom: 0px; } .al-authorization-container-overlap .Canvas .Wrapper .al-authorizationform-register LABEL { float: left !important; text-align: left; } .al-authorization-container-overlap .Canvas .Wrapper .al-authorization .Frame H2 { width: 100% !important; } .al-authorization-container-overlap .Canvas .Wrapper .customer-account-login .al-authorization { padding: 0; } .al-authorization-container-overlap .Canvas .Wrapper .col-md-4, .al-authorization-container-overlap .Canvas .Wrapper .col-md-6, .al-authorization-container-overlap .Canvas .Wrapper .col-md-8 { width: 100%; padding: 0; } .al-authorization-container-overlap .Canvas .Wrapper .buttons-set button.button { float: left; margin-left: 0px; background: #000000; color: #ffffff; width: 100%; margin: 40px 0 0; } .al-authorization-container-overlap .Canvas .Wrapper .buttons-set p.required { display: none; } .link-tip { font-size: 0.7em; position: relative; top: -2px; } .pass-change { margin-top: 35px; } .btn-edit { margin-top: 10px; } h2.legend { padding-bottom: 25px; margin-top: 35px; } @media screen and (max-width: 1024px) { .customer-account-login.touch-device #body { width: 100%; } } @media screen and (max-width: 670px) { .customer-account-login.mob #body { width: 100%; } .customer-account-login.mob #login-form label { display: block; } } @media (max-width: 769px) { .al-authorization-container-overlap .Canvas { width: 100% !important; margin: 0px auto !important; } } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { /*-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc;*/ border: 5px solid #fff; left: -5px; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .Shadowed { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); } .Shaddy { -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } /* Authorization container - Overlap */ .al-authorization-container-overlap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 250; } .al-authorization-container-overlap .Shadow { position: fixed; width: 100%; height: 100%; background-color: black; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .al-authorization-container-overlap .Canvas { position: fixed; left: 0; top: 0; width: 360px; margin: 10px 0;} .al-authorization-container-overlap .Canvas .Wrapper { padding: 2.5em; background: #fff; } .al-authorization-container-overlap .Canvas .Wrapper .form-list {text-align: center;} .al-authorization-container-overlap .Canvas .Wrapper .form-list li[style='display: none;'] + li{ display: none; } .al-authorization-container-overlap .Close { text-align: right; padding: 12px; position: absolute; width: 100px; right: 0; top: 0; } .al-authorization-container-overlap .Canvas .Wrapper input { padding: 7px 3px;} .al-authorization-container-overlap .Canvas .Wrapper .formP{ margin-bottom: 10px; } .al-authorization-container-overlap .al-authorizationform-register .buttons-set { margin-top: 1em; } /* Authorization container - Customer Account Login */ .account-login .al-authorizationform-login .buttons-set { border: none; background: none; padding: 0; } .account-login .content { min-height: 345px; } /* Authorization container - Checkout Onepage Index */ #checkout-step-login .al-authorization .messages { height: auto; bottom: auto; top: -165px; } #checkout-step-login P.loader { padding: 15px 30px; margin: 0 0 0 -105px; } /* Authorization form */ .al-authorization { position: relative; } .al-authorization .messages { clear: both; } .al-authorization .messages LI { margin-bottom: 0 !important; } .al-authorization .Window { overflow: hidden; } .al-authorization .Frame H2 { width: 270px; } .al-authorization .checkout-agreements .agree { padding: 0; } .al-authorization .checkout-agreements .agree label em{position: static; float: none;} .al-authorization .checkout-agreements LI { margin: 0; } .al-authorization .agreement-content { position: absolute; width: 100%; height: auto; left: 105%; } /* Authorization form shape - Login */ .al-authorizationform-login { } /* Authorization form shape - Register */ .al-authorizationform-register { } .al-authorizationform-register LABEL { float: none; } .al-authorizationform-register LABEL.an-data { float: left; } /* Authorization form shape - Recovery */ .al-authorizationform-recovery { } /* Authorization form shape - Extra */ .al-authorizationform-extra { } .al-authorizationform-extra LABEL { float: none; } /* Authorization form elements */ .al-socialnets { text-align: left; padding: 30px 0 0; list-style-type: none; } .al-socialnets div{ float: left; clear: both; margin-bottom: 10px;} .al-socialnets UL { display: inline-block; } .al-socialnets UL LI { float: left; clear: both; margin-bottom: 5px; } .al-socialnets .ThumbnailImage { cursor: pointer; } /* Progress bar */ .alPopup { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 200; } .alPopup .Shadow { position: fixed; width: 100%; height: 100%; background-color: black; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } .alPopup .loading-mask { background: url('https://www.vashi.ie/skin/frontend/default/vashi/ajaxlogin/blank.gif') repeat; position: absolute; color: #d85909; font-size: 1.1em; font-weight: bold; text-align: center; opacity: 0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .alPopup .loading-mask .loader { position:fixed; top:45%; left:50%; width:150px; margin-left:-105px; padding:15px 30px; background:#fff4e9; border:2px solid #f1af73; color:#d85909; font-weight:bold; text-align:center; } /* Agreement popup */ .alAgreementPopup {position: absolute; z-index: 250;} .alAgreementPopup .Canvas { position: fixed; left: 0; top: 0; width: 800px; height: 600px; background: #FAF7EE; } .alAgreementPopup .Content, .alAgreementPopup .Title { padding: 12px; } .alAgreementPopup .Content { overflow: auto; height: 480px; } .alAgreementPopup .Toolbar { bottom: 0; padding-bottom: 12px; position: absolute; width: 100%; } .alAgreementPopup .buttons-set { text-align: center; margin: 0;} .alAgreementPopup .buttons-set .button { float: none; } /* Date of birth form field styles */ .form-list {text-align: left;} .form-list .ajaxlogin-customer-dob .dob-month, .form-list .ajaxlogin-customer-dob .dob-day, .form-list .ajaxlogin-customer-dob .dob-year { float:left; width:85px; } .form-list .ajaxlogin-customer-dob input.input-text { display:block; width:74px; } .form-list .ajaxlogin-customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .ajaxlogin-customer-dob .dob-day, .form-list .ajaxlogin-customer-dob .dob-month { width:60px; } .form-list .ajaxlogin-customer-dob .dob-day input.input-text, .form-list .ajaxlogin-customer-dob .dob-month input.input-text { width:46px; } .form-list .ajaxlogin-customer-dob .dob-year { width:140px; } .form-list .ajaxlogin-customer-dob .dob-year input.input-text { width:134px; } .form-list .ajaxlogin-customer-dob-extra .dob-month, .form-list .ajaxlogin-customer-dob-extra .dob-day, .form-list .ajaxlogin-customer-dob-extra .dob-year { float:left; width:85px; } .form-list .ajaxlogin-customer-dob-extra input.input-text { display:block; width:74px; } .form-list .ajaxlogin-customer-dob-extra label { font-size:10px; font-weight:normal; color:#888; } .form-list .ajaxlogin-customer-dob-extra .dob-day, .form-list .ajaxlogin-customer-dob-extra .dob-month { width:60px; } .form-list .ajaxlogin-customer-dob-extra .dob-day input.input-text, .form-list .ajaxlogin-customer-dob-extra .dob-month input.input-text { width:46px; } .form-list .ajaxlogin-customer-dob-extra .dob-year { width:140px; } .form-list .ajaxlogin-customer-dob-extra .dob-year input.input-text { width:134px; } #login-form .f-left { float: left; } .buttons-set .back-link { display: block !important; } .alProgressBar .loader img { display: inline; } /* Facebook/Gmail login - ajaxlogin */ .al-socialnets .button:first-child::before{ content: 'Sign in with Facebook'; } .al-socialnets .button:nth-child(2)::before{ content: 'Sign in with Google'; } #network-register-form .button{ min-width: 230px; }