/* !Common Styles */ /*! * Custom styles: v1.0.0 * Author: CSR * Date: 09/14 */ /* ----------------- RESET CSS ----------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} form {margin-top:0;margin-bottom:0;} object {outline:none;} html {overflow:scroll;} img {-ms-interpolation-mode: bicubic;} a {outline-style:none;} textarea {resize:vertical;} textarea, input {outline:none;} *{padding:0;margin:0;} .clearboth {clear:both;height:0;font-size:1px;line-height:0px;} .habla_expanded_div div:nth-child(2) {} a#hblink99 {display:none!important;color:#FFF!important;} .group:before, .group:after {content:"";display:table;} .group:after {clear: both;} .group {zoom: 1; /* For IE 6/7 (trigger hasLayout) */} /* ----------------- PRODUCT OPTIONS ----------------- */ #productMagic360 > span > a,#productMagic360 > div > a {display:none!important;visibility:hidden!important;} .btn-info-01 {display:block;float:right;margin:2px 8px 0px 0px;} .btn-info-01 img {width:20px;height:20px;} .info-box {padding:20px;} #prescription {display:none;} .options {display:none;} .options {margin-top:10px;} .option_set {margin-bottom:15px;} .option_set div {clear:both;} .option_set input {float:left;} .option_set label {float:left;line-height:15px;padding:8px 0px 0px 0px;margin-left:10px;} .option_set .info {float:right;} .option_title {font-family:'open_sansbold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;color:#000;text-transform:uppercase;margin:0px 0px 7px 0px;padding:0px 0px 5px 0px;border-bottom:1px solid #CCC;} .option_title a {float:right;color:#093;} #option_required_for,#option_lens_material,#option_lens_coating,#option_transition {display:none;} #product_detail > .options div label.return+span {display:block;margin-top:0px;margin-bottom:10px;text-align:left;} .prescription {margin:0px 0px 10px 0px;} .prescription td {padding:5px 2px 5px 2px;background:#EBEBEC;border-top:1px solid #FFF;border-right:1px solid #FFF;text-align:center;} .prescription .title {font-family:'open_sansbold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;color:#000;text-transform:uppercase;text-indent:10px;} .prescription .title.main-title {background:#093;color:#FFF;} .prescription .sub-title {} .prescription select {display:block;background:#FFF;border:1px solid #ccc;padding:2px 10px 2px 10px;} .prescription select {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:13px;margin:0 auto;} #frame-dimensions {margin:20px 0 30px 0;text-align:center;} #frame-dimensions .frame-title {background:#EEE;padding:7px 0 7px 0;text-transform:uppercase;margin:0 0 2% 0;} #frame-dimensions .frame-box {width:48.5%;border:1px solid #DDD;margin:0 0 2% 0;padding:7px 0 10px 0;} #frame-dimensions .frame-box.left {float:left;} #frame-dimensions .frame-box.right {float:right;} #frame-dimensions .frame-box img {width:100px;height:50px;} .frame-dimensions td {text-align:center;padding:5px 0 5px 0;background:#FFF;border-right:2px solid #FFF;border-bottom:2px solid #FFF;} .frame-dimensions td img {width:100px;height:50px;} .frame-dimensions .title {background:#FFF;padding:7px 0 7px 0;border:1px solid #CCC;} .frame-dimensions .main-title {background:#EEE;padding:7px 0 7px 0;text-transform:uppercase;} label.error {display:block!important;float:none!important;margin:0px;padding:0px;} #option_transition #remove {display:none;margin-right:10px;} #related-products {} #related-products .related-title {background:#EEE;padding:7px 0 7px 0;text-transform:uppercase;margin:0 0 2% 0;text-align:center;} #related-products .latest_product {text-align:left;float:none;border:1px solid #DDD;margin:0 0 10px 0;} #related-products .latest_product h3 {font-size:15px;padding:5px 0 10px 0;} #related-products .latest_product .inner {padding:10px 10px 10px 10px;} /*#related-products .latest_product:last-child {border-bottom:none;}*/ #related-products .latest_product .image {float:left;border:none;height:auto;width:25%;} #related-products .latest_product .content {margin-left:27%;} /* ----------------- HIDE /SHOW PRODUCT OPTIONS ----------------- */ /*#custom-options {display:block;} #options-total {display:block;}*/ #custom-options {display:none;} #options-total {display:none;} /* ----------------- ATTRIBUTE SELECTOR ----------------- */ #filterBox.refineSearch {margin-bottom:0px!important;} .refineSearch {clear:both;margin-bottom:40px!important;} .refineSearch h5 {background:#FFF!important;border-top:0px solid #CCC!important;border-bottom:1px solid #CCC!important;font-size:14px!important;padding:8px 0px 5px 0px!important;} .refineSearch h5 span.arrow {display:none!important;} .li_clearOptions {text-align:right;min-height:30px;padding:0px 2px 0px 0px;} ul#buttontop1 {display:none;} ul#buttontop2 {display:none;} ul#buttontop3 {display:none;} ul#buttontop4 {display:none;} ul#buttontop5 {display:none;} #mcs2_container {display:none;} /* ----------------- START CSS ----------------- */ html {margin:0px;padding:0px;} body {font-family:'open_sansregular','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal!important;font-size:13px;color:#595960;background:#FFF;text-align:left;font-style:normal!important;overflow-x:hidden!important;} img {border: none;} /* !Begin Section Wrappers - Use these to customise specific sections*/ .account_wrapper {} .category_wrapper {} .checkout_wrapper {} .document_wrapper {} .download_wrapper {} .gateway_wrapper {} .giftcertificate_wrapper {} .home_wrapper {} .login_wrapper {} .order_wrapper {} .product_wrapper {} .register_wrapper {} .saleitems_wrapper {} /* !End Section Wrappers */ .home_wrapper .container #breadcrumb {display:none;} .home_wrapper #navigation {display:none;} .home_wrapper #banner-wrapper {display:block;} .product_wrapper #sidebar_left {display:none;} .product_wrapper .mid-row {background:none;} .product_wrapper #page_content {float:none;width:auto;} /* ----------------- GENERAL & TYPOGRAPHY ----------------- */ .display-none {display:none;} .hidden {visibility:hidden;display:none;} h1,h2,h3,h4,h5,h6 {font-family:Georgia,Times,"Times New Roman",serif;font-weight:normal;font-style:italic;line-height:normal;color:#000;} h1 {font-size:24px;padding:0px 0px 10px 0px;} h2 {font-size:18px;padding:0px 0px 10px 0px;} h3 {font-size:18px;padding:10px 0px 10px 0px;} h4 {font-size:14px;padding:0px 0px 10px 0px;} h5 {font-size:14px;padding:0px 0px 10px 0px;} h6 {font-size:14px;padding:0px 0px 10px 0px;} p {padding:0px 0px 10px 0px;} a {text-decoration:none;color:#000000;font-weight:normal;} a:hover {text-decoration:underline;} strong {font-family:'open_sansbold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;} .green {color:#093;} /* ----------------- HEADER AND MAIN NAV ----------------- */ #top-bar {width:100%;background:#EBEBEB url(../img/top-bar-bg.jpg) left bottom repeat-x;height:34px;line-height:34px;color:#666;font-size:12px;/*text-align:right;*/} #top-bar a {color:#666;text-transform:uppercase;} #top-contact {float:right;} #top-contact .tel {float:left;} #top-contact .eml {float:left;text-transform:none;margin:0px 25px 0px 0px;} #top-contact img.icon-tel {float:left;width:11px;height:16px;margin:8px 7px 0px 0px;} #top-contact img.icon-eml {float:left;width:16px;height:16px;margin:8px 7px 0px 25px;} #header {clear:both;height:110px;} #header img.logo {width:372px;height:auto;margin:35px 0px 0px 2px;} #quick_search {float:right;padding:40px 0px 0px 0px;text-align:left;} #quick_search .search-input {float:right;width:160px;padding:5px 5px 5px 10px;font-size:12px;border:1px solid #D9D9DA;background:#FFFFFF;color:#D9D9DA;text-trsansform:normal;} #quick_search .search-input:focus {color:#333;} #quick_search .search-btn {float:right;width:90px;padding:5px 0px 5px 0px;font-size:12px;border:0px solid #D9D9DA;background:#D9D9DA;color:#FFFFFF;text-transform:uppercase;margin-left:10px;} #quick_search .search-btn:hover {cursor:pointer;color:#666;} #quick_search .search-adv {clear:both;padding:6px 0px 0px 12px;color:#CCC;} #quick_search a {font-size:12px;color:#CCC;} #nav {clear:both;height:36px;border-top:1px solid #B2B2B6;border-bottom:1px solid #B2B2B6;} #nav .desktop {display:block;} #nav .mobile {display:none;} #nav ul {height:36px;margin:0px 0px 0px 0px;padding:0px 0px 0px 2px;} #nav li {list-style:none;float:left;margin:0px;padding:0px;font-family:'open_sansbold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;text-transform:uppercase;font-size:13px;line-height:36px;position:relative;} #nav li a {display:block;color:#333;text-decoration:none;padding:0px 30px 0px 0px;} #nav li a:hover {color:#999;text-decoration:none;} #nav .left-menu {float:left;} #nav #basket_summary {float:right;color:#999;} #nav ul#basket_summary {padding:0px 2px 0px 0px;} #nav #basket_summary li.cart-items {font-family:'open_sansregular','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;padding-top:1px;color:#093;} #nav #basket_summary li.view_basket {padding:0px 0px 0px 23px;} #nav #basket_summary li a {padding:0px 0px 0px 0px;} #nav #basket_summary li.view_basket img {width:16px;height:14px;margin:0px 7px -1px 0px;} #nav ul ul {display:none;position:absolute;left:-10px;top:36px;height:auto;background:#FFF;border:1px solid #CCC;border-top:1px solid #FFF;padding-bottom:10px;z-index:12000;min-width:150px;} #nav ul ul li {padding-left:10px;float:none;font-family:'open_sansregular','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;text-transform:none;} a#drop-menu {display:none;} #breadcrumb {display:inline-block;padding:8px 0px 0px 0px;} #breadcrumb ul {padding:0px 0px 0px 2px;margin:0px;} #breadcrumb li {float:left;list-style:none outside;margin:0px;padding-right:10px;} #breadcrumb li a {background:url(../images/menu_top_closed.png) no-repeat right;padding-right:15px;} #breadcrumb li:last-child a {background:none!important;} #session {float:right;font-family:'open_sansbold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal!important;} .sort_select {} /*#cta-boxes {margin:10px 0 10px 0;} #cta-boxes img {width:180px;height:auto;margin:0 10px 0 0;} #cta-boxes img.last {margin:0;}*/ #cta-boxes {margin:20px 0 20px 0;} #cta-boxes img {width:940px;height:auto;} /* ----------------- BANNER ----------------- */ #banner-wrapper {display:none;clear:both;width:100%;height:340px;background:#FFF;margin:10px 0px 0px 0px;padding:0px;text-align:center;overflow:hidden!important;position:relative;} #banner {overflow:hidden!important;margin:0 auto;text-align:center;position:absolute;left:50%;margin-left:-1000px;} #banner img {display:none;margin:0 auto;} #banner img.first {display:block;} /* ----------------- MAIN STRUCTURE ----------------- */ .container {clear:both;margin:0px auto;width:940px;} #page_wrapper {clear:both;margin:0px auto;width:940px;} #page_content {float:right;width:660px;min-height:300px;line-height:140%;} .mid-row {background:url(../img/line-vert-01.jpg) 240px 0px repeat-y;margin:30px 0px 40px 0px;} .social-sharing {min-height:50px;} /* ----------------- LEFT COLUMN ----------------- */ #sidebar_left {float:left;min-height:300px;width:200px;padding:0px;} #sidebar_left #navigation {margin-bottom: 10px;} #sidebar_left #sale_products {padding-bottom: 20px;margin:0px 0px 20px 0px;} #navigation {} #navigation h3 {margin:0px;padding:0px 0px 10px 0px;} #menu {list-style: none outside !important;margin: 0px;margin-top: 1px;} #menu ul {display: none;list-style:none outside!important;} #menu li {min-height:20px;border-bottom: 1px dotted #959595;text-transform:uppercase;} #menu li > a {display:block;line-height:20px;text-indent:0px;} #menu > li > a {text-indent:0px!important;height:38px;line-height:38px;} #menu > li > a.menu_closed, #menu > li > a.menu_open {background: no-repeat 0px;} #menu > li > ul {padding-left: 15px;} #menu li:first-child {border-top: none;} #menu li:last-child {border-bottom: none;} #menu li ul {padding-bottom: 15px;} #menu li li {min-height:20px;border-bottom:none;text-transform:none;} #mailing_list {padding: 0px 0px 0px 0px;} #mailing_list h3 {padding:0px 0px 10px 0px;} #mailing_list p {padding:0px 0px 5px 0px;line-height:135%;} #mailing_list p.input {} #mailing_list input.textbox {margin:5px 0px 5px 0px;width:180px!important;} #sale_products {} #sale_products h3 {} #sale_products ol {list-style: decimal outside;margin-left: 15px;} #sale_products ol a {color: #646464;} #sale_products ol > li {padding: 7px 0px;} #sale_products .saving {color: #093;display: block;font-weight: bold;text-indent: 0px;} #sale_products ol > li:last-child, #popular_products ol > li:last-child {border-bottom: none;} .SaleProduct {margin-bottom:10px;} .SaleProduct .helper {display:inline-block;height:100%;vertical-align:middle;} .SaleProduct .image {float:left;width:60px;height:40px;padding:0px;white-space:nowrap;border:1px solid #CCC;overflow:hidden;text-align:center;} .SaleProduct img {width:95%;height:auto;vertical-align:middle;} .SaleProduct .text {margin-left:70px;} /* ----------------- HOME ----------------- */ .latest_product {float:left;/*height:300px;*/margin:30px 20px 0px 0px;padding:0px;text-align:center;/*border-bottom:1px solid #CCC;background-color:#ECECEC;*/} /*#rdsn_latest_products .latest_product:nth-child(3n) {margin:30px 0px 0px 0px;}*/ .latest_product .image {width:198px;height:140px;padding:0px;white-space:nowrap;border:1px solid #CCC;} .latest_product .helper {display:inline-block;height:100%;vertical-align:middle;} .latest_product .image img {width:100%;height:auto;vertical-align: middle;} .latest_product .info {text-align:center;padding:10px 0 10px 0;} .latest_product .title {} .latest_product .price {} .latest_product .actions {} /* ----------------- SITE DOCS ----------------- */ #sitedoc {line-height:155%;} #sitedoc h2,#sitedoc h3,#sitedoc h4,#sitedoc h5,#sitedoc h6 {font-family:'open_sansbold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;} #sitedoc h2,#sitedoc h3 {font-size:16px;} #sitedoc p {} #sitedoc a {text-decoration:underline;} #sitedoc ul{margin:3px 0px 7px 14px;padding:0px;} #sitedoc ol{margin:3px 0px 7px 14px;padding:0px;} #sitedoc li{margin:0px;padding:0px 0px 7px 0px;line-height:150%;} #sitedoc strong {color:#333;} #sitedoc img {max-width:100%;height:auto;} .embed-container { position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto;margin:5px 0px 25px 0px;} .embed-container iframe,.embed-container object,.embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;} /* ----------------- FORMS ----------------- */ input[type="text"],input[type="password"],input.submit,.button_buy,#product_detail select.textbox {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} input[type="text"],input[type="password"] {width:200px;border:1px solid #CCC;font-size:12px;color:#959595;padding:5px 5px 5px 10px;} .textbox_medium {width: 100px !important;} .textbox_small {width: 50px !important;} .button_buy {font-size:12px;font-weight:bold;background:#093;border:1px solid #093;color:#FFF;padding:4px 15px 4px 15px;} .button_buy:hover {cursor:pointer;background:#999;border:1px solid #999;} input.submit {font-size:12px;font-weight:bold;background:#CCC;border:1px solid #CCC;color:#FFF;padding:5px 15px 5px 15px;} input.submit:hover {cursor:pointer;background:#999;border:1px solid #999;} .button_submit {font-size:12px;font-weight:bold;background:#CCC;border:1px solid #CCC;color:#FFF;padding:5px 15px 5px 15px;} .button_submit:hover {cursor:pointer;background:#999;border:1px solid #999;text-decoration:none;} .button_submit.checkout {background:#093;border:1px solid #093;} .button_submit.checkout:hover {background:#3C3;border:1px solid #3C3;} /* ----------------- PRODUCT ----------------- */ #prod-left-col {float:left;width:450px;} #prod-right-col {float:right;width:450px;} #prod-left-col .social-sharing {min-height:50px;margin-top:20px;} #prod-right-col p.rating {margin-top: 5px;padding-top: 5px;text-align: left;} #prod-right-col #price {text-align: left;font-size:16px;font-weight:bold;margin-bottom:10px;} #prod-right-col .cost_total {font-weight:bold;font-size:18px;margin-bottom:20px;} #shipping-info {margin-bottom:40px;} #shipping-info ul {margin-left:20px;} #mid-col {float:left;width:450px;} #gallery {/*float:left;width:320px;*//*height:400px;*/} #gallery .helper {display:inline-block;height:100%;vertical-align:middle;} /*#gallery .image {float:left;width:320px;height:220px;}*/ #gallery .image {width:auto;margin-bottom:30px;} #gallery .image img {width:100%;height:auto;vertical-align: middle;} #gallery_select {text-align:left;width:320px;display:none;} #gallery_select > a {margin-bottom:2px;} #product_detail {float:right;width:450px;min-height:350px;} /*#product_detail p.rating {margin-top: 5px;padding-top: 5px;text-align: left;} #product_detail #price {text-align: left;font-size:16px;font-weight:bold;margin-bottom:12px;} #product_detail .cost_total {font-weight:bold;font-size:18px;margin-bottom:20px;}*/ #mid-col p.rating {margin-top: 5px;padding-top: 5px;text-align: left;} #mid-col #price {text-align: left;font-size:16px;font-weight:bold;margin-bottom:12px;} #mid-col .cost_total {font-weight:bold;font-size:18px;margin-bottom:20px;} ul.product-features {clear:both;margin-bottom:25px;margin-left:4px!important;overflow:visible!important;} ul.product-features li {list-style:none;padding-left:20px;background:url(../img/tick-green-01.jpg) 0px 2px no-repeat;color:#000;} ul.fast-delivery {clear:both;margin-bottom:25px;margin-left:4px!important;overflow:visible!important;} ul.fast-delivery li {list-style:none;padding-left:20px;background:url(../img/icon-delivery.jpg) 0px 2px no-repeat;color:#093;} #cboxOverlay {opacity:1!important;} #cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight {background:none!important;} #cboxContent {border:1px solid #CCC;padding:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} #cboxClose {margin:0px 10px 10px 0px;} .vat-notice {display:none;font-size:14px;font-weight:normal;} /*#product_detail p.rating-info {font-size: 10px;text-align: left;border-bottom: 1px solid #C8C8C8;padding-bottom: 8px;margin-bottom: 8px;} #product_detail > .bulk_discount {font-size: 10px;font-weight: bold;margin-bottom: 5px;} #product_detail .add_to_basket {margin-bottom: 22px;text-align: left;height: 33px;line-height: 33px;text-indent: 7px;} #product_detail input.textbox {width: 180px !important;} #product_detail select.textbox {width:300px;height:30px;border:1px solid #CCC;background:#FFF;}*/ #mid-col p.rating-info {font-size: 10px;text-align: left;border-bottom: 1px solid #C8C8C8;padding-bottom: 8px;margin-bottom: 8px;} #mid-col > .bulk_discount {font-size: 10px;font-weight: bold;margin-bottom: 5px;} #mid-col .add_to_basket {margin-bottom: 22px;text-align: left;height: 33px;line-height: 33px;text-indent: 7px;} #mid-col input.textbox {width: 180px !important;} #pmid-col select.textbox {width:300px;height:30px;border:1px solid #CCC;background:#FFF;} #product_detail #share_link { font-size: 12px; font-weight: normal; margin-right: 3px; padding-top: 4px; text-align: right; line-height: 20px; } .control {float:right;width:65%;color:#626262;height:20px;margin:-32px 0px 30px 0px; padding:0px;background-color:#FFF;border:none;} .control.bottom {margin:10px 0px 0px 0px;} .pagination {float:right;line-height: 22px;text-align: right;} .pagination strong {border: 1px solid #C8C8BE;padding: 3px;background-color: #FFF;} .pagination a {border: 1px solid #C8C8BE;padding: 3px;background-color: #FFF;} .paginate {text-align: right;} /* ----------------- CHECKOUT ----------------- */ #checkout p {padding:5px 0px 5px 0px;} .discounts {margin-top: 10px;min-height: 40px;text-align: right;} .discounts .code_input {float:right;text-align:right;width:300px;} .discounts span.price {color:#CC0000;font-weight:bold;width:75px;} .customer-unconfirmed {clear:both;text-align:right;} p.continue-shopping {padding:0px 0px 10px 0px!important;} .continue-shopping a {} /* ----------------- FOOTER ----------------- */ #footer-wrapper {clear:both;width:100%;padding:30px 0px 25px 0px;background:#EBEBEB url(../img/footer-bg.jpg) repeat-x;} #footer {} #footer .footer-nav {float:left;width:220px;margin:0px 20px 0px 0px;} #footer .footer-nav.no-margin {margin:0px 0px 0px 0px;} #footer .footer-nav .title {font-family:Georgia,Times,"Times New Roman",serif;font-weight:normal;font-style:italic;font-size:16px;color:#000;padding:0px 0px 10px 0px;} #footer .footer-nav ul {list-style:none;} #footer .footer-nav li {padding:0px 0px 6px 0px;} #footer .footer-nav li a {font-size:12px;color:#666;} #footer-text {float:left;font-size:11px;color:#999;margin:22px 0px 0px 0px;} #footer-logos {float:right;text-align:right;margin:20px 0px 100px 0px;} #footer-logos img {width:380px;height:32px;} #footer .social-icons {margin:10px 0px 0px 0px;} #footer .social-icons img {width:30px;height:30px;margin:0px 7px 0px 0px;} /*#sidebar_right { float: right; min-height: 900px; width: 283px; padding: 10px; background-color: #ECECEC; } #sidebar_right #featured_product, #sidebar_right #language_currency { background: url(../images/separator_sidebar_right.png) no-repeat bottom; padding-bottom: 20px; margin-bottom: 20px; }*/ #language_currency { line-height: 30px; } #announcement { margin-bottom: 18px; padding-bottom: 18px; } #documents { clear: both; font-size: 10px; padding: 30px 0px 5px 0px; } #documents a { padding: 4px 4px; } #documents a:hover { padding: 4px 3px; } #documents ul > li { display: inline-block; } #documents ul>li+li:before { padding-left:2px; content: '| '; } #skin_selector { float: right; } #skin_selector input[type="submit"] { display: none !important; } div.social_wrapper { padding: 5px 0 5px 0; } #featured_product {} #featured_product p.image { margin: 5px auto; height:116px; margin-bottom:5px; padding:8px; width:116px; } #featured_product p.title { margin-bottom:20px; } #popular_products, #featured_product {} #popular_products h3, #featured_product h3 { margin: 2px 1px 0px 1px; line-height: 27px; text-indent: 7px; } #popular_products ol { list-style: decimal outside; margin-left: 25px; } #popular_products ol > li { border-bottom: 1px dotted #959595; padding: 7px 0px; } li > p { display: inline; } #category_image { padding: 0px !important; margin: 0px !important; } #subcategories > div.subcategory { display: inline-block; height: 120px; text-align: center; vertical-align: top; width: 80px; } div.category_product {height:auto;margin:10px 0px 10px 0px;border-bottom: 1px solid #C4C8C8;} div.category_product h3 {padding-top:5px;font-size:18px;} div.category_product h3 a {} div.category_product .image {float:left;width:138px;height:90px;border:1px solid #CCCCCC;background-color:#FFF;padding:0px;white-space:nowrap;overflow:hidden;text-align:center;} div.category_product .helper {display:inline-block;height:100%;vertical-align:middle;} div.category_product .image img {width:90%;height:auto;vertical-align: middle;} div.category_product div.details {margin-top:5px 0px 0px 0px;padding:0px;} div.category_product div.details p.price {color:#000;font-size:14px;font-weight:bold;margin-bottom:10px;text-align:left;} div.category_product div.details .out_of_stock {margin-left:0px;text-align:left;} .button_buy {} p.buy_button { margin-top: 10px; text-align: center; padding: 5px; } p.buy_button input.button_white { float: none !important; display: inline !important; } div.category_product div.summary { margin-left: 168px; } div.category_product div.summary .rating { font-size: 10px; margin: 5px 0px 10px; } .discounts_table { width: 100%; line-height: 30px; } h2+p, h2+div { padding: 0px 0px; } .price_colour, .price_sale { color: #CC0000; } .price_previous { /*text-decoration: line-through;*/ } .price_regular { text-decoration: none; } #product_desc_wrapper {max-height:150px;overflow:hidden;position:relative;} #product_desc_wrapper .prod-desc-grad {display:none;position:absolute;left:0;bottom:0;width:100%;height:100px;z-index:10;} /*a.product-desc-btn {display:none;font-size:12px;font-weight:bold;background:#FFF;color:#CCC;border:2px solid #CCC;padding:6px 0 6px 0;width:80px;text-align:center;position:absolute;left:0;right:0;bottom:20px;z-index:20;margin:0 auto;} a.product-desc-btn:hover {cursor:pointer;background:#EEE;color:#666;border:2px solid #EEE;text-decoration:none;}*/ a.product-desc-btn,a.product-less-btn {display:none;padding:10px 0 10px 0;font-family:'open_sansbold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;} #product_description {clear:both} #product_description ul, #product_description ul {margin-left: 20px;} #product_description p {margin-bottom: 7px;} #reviews {padding: 0px;} #reviews a {text-decoration:underline;} #reviews .review {border-bottom: 1px solid #CDCDCD;margin: 10px 5px; } .review .content {font-style: italic;padding: 10px;} p.author { padding-bottom: 5px; } #reviews .pagination_bottom { padding-bottom: 10px; } #review_read {margin:0px 0px 10px 0px;} #review_write { /*background: url(https://designerframes2u.com/skins/designerframes2u/images/background_info_box.png) repeat-x;*/ padding: 0px; } #review_write fieldset { padding: 0px; } #review_stars { float: right; margin-right: 5px; } #review_write form div, #product_share form div { margin-bottom: 5px; } form div > label.inline { display: inline-block; min-width: 120px; vertical-align: top; } form div > label.return { display: block; } #product_share { background: url(https://designerframes2u.com/skins/designerframes2u/images/background_info_box.png) repeat-x; padding: 5px; } .basket_header { background-color: #CCCCCC; color: #FFF; font-weight: bold; margin-bottom: 5px; padding: 5px; font-size: 12px; } .basket_header > span { float: right; text-align: right; width: 75px; } .basket_product {border-bottom: 1px solid #CDCDCD;margin-bottom: 5px;min-height: 60px;padding: 5px;} .basket_product > p {min-height: 18px;padding: 0px 0px 0px 140px !important;} .basket_product .remove {float: left;height: 60px;margin-right: 3px;margin-top: 3px;width: 10px;} .basket_product .image {float:left;height:60px;margin-right:5px;width:50px;} #delivery_comments { width: 570px; height: 80px; } span.price { float: right; text-align: right; } .basket_product span.price { font-weight: bold; width: 75px; } .subtotals { border-bottom: 1px solid #CDCDCD; text-align: right; padding: 5px; } .subtotals p { margin-bottom: 3px; padding: 0px 5px; } .subtotals span.price { font-weight: bold; width: 75px; } .shipping { border-bottom: 1px solid #CDCDCD; text-align: right; padding: 5px; } .shipping span.price { float: right; width: 75px; } .total { background-color: #CCCCCC; color: #FFF; font-weight: bold; margin: 10px 0px; padding: 5px; text-align: right; } .total span.price { width: 75px; } .basket_actions { height: 31px; margin-bottom: 5px; padding: 5px 0px; text-align: right; } .alternate_checkout { text-align: right; padding: 0px !important; } input.quantity { font-size: 12px; text-align: center; width: 30px !important; } .button_submit, .main #submit { /*, input[type="submit"], input[type="reset"] {*/ } .button_add_basket { border: none; color: #CC0000; cursor: pointer; background-color: #ECECEC; font-family: Georgia, serif; font-size: 15px; text-align: left; } a.button_submit { vertical-align: top; } .button_submit.right, input[type="submit"].right, input[type="reset"].right { float: right; margin-left: 5px; } .button_submit.left, input[type="submit"].left, input[type="reset"].left { float: left; margin-right: 5px; } .checkout-progress { color: #CCCCCC !important; width: 693px; height: 29px; margin-bottom: 10px; } .checkout-progress a { color: inherit !important; text-decoration: none; } .checkout-progress a:hover { text-decoration: none; } .checkout-progress > span {display: inline-block;float: left;line-height: 29px;margin: 0px;padding: 0px;text-indent: 0px;width: 145px;text-transform: uppercase;word-spacing:10px;font-weight: bold;} .checkout-progress > span.current {color: #000 !important;width: 118px;} .checkout-progress > span.next {width: 118px;} .checkout-progress > span.last {width: 118px;} #gateways { margin: 0px auto; width: 300px; } #gateways > p { background-color: #F7F7F7; border-bottom: 1px solid #CDCDCD; padding: 10px 5px; } #gateways > p > input { float: right; } .gateway-selected { background-color: #D1E6EF !important; } #recaptcha_widget { width: 420px; margin: 10px 0px 0px 150px; } .error {display:none;font-weight:bold;color:red;} .required-error {background-color:#FFCECE; !important;} /*#prescription .error {display:none;font-weight:bold;color:red;}*/ #prescription .required-error {background-color:#FFCECE!important;border:1px solid #CC0000!important;} .prescription-err {background-color:#FFCECE!important;border:1px solid #CC0000!important;} label { cursor: pointer; /*vertical-align: top;*/ } fieldset { border: none; border-bottom: 1px solid #CDCDCD; margin-bottom: 10px; padding: 5px; } fieldset > legend { font-weight: bold; } fieldset div { margin: 5px 0px; } fieldset div > label { vertical-align: top; display: inline-block; width: 150px; } fieldset div span textarea { border: 1px solid #CDCDCD; } #myaccount ul { list-style: none inside; } #myaccount ul > li { border-bottom: 1px solid #CDCDCD; margin-bottom: 5px; padding: 5px 3px; } .openid { height: 18px; line-height: 18px; padding: 2px 3px; } .list {} .list > * { padding: 3px; } .list-odd { background-color: #E2ECF5; } .list-even { background-color: #F4F4F6; } .list-hover { background-color: #DAEBF3 !important; } .select_register { margin-bottom: 10px; } optgroup > option { font-style: italic; text-indent: 10px; } .login-toggle { cursor: pointer; } #openid_identifier { background: url(../../../images/icons/openid.png) no-repeat; height: 15px; padding: 1px; text-indent: 17px; width: 250px; } /* tbody > tr { height: 50px; } tbody > tr > td { padding: 2px 3px; } */ #gui_message { margin-bottom: 10px; } #gui_message ul { list-style: disc inside none; } #gui_message .gui_message-error { background-color: #FFCECE; border: 1px solid #CC0000; color: #393939; cursor: hand; font-weight: bold; padding: 3px 4px; } #gui_message .gui_message-notice { background-color: #CDFFDF; border: 1px solid #00FF00; color: #393939; cursor: pointer; font-weight: bold; padding: 3px 4px; } span.actions { float: right; text-align: right; } #receipt > .address > p:first-child { float: left; width: 275px; height: 120px; } .hover_zoom { font-weight: bold; margin-top: 2px; padding: 2px; text-align: center; display: none; background-color: #DAEBF3; color: #4F4F4F; } .dl_unavailable { font-weight: bold; height: 25px; line-height: 16px; } form.cookies-notify { padding: 10px; line-height:200%; position: absolute; top: 5px; left: 5px; border: solid 1px black; background-color: #FFF; color: #000 } form.cookies-notify .retry { color: #CC0000; font-weight: bold; } /* Start Fix for Colorbox Edges */ #cboxTopLeft { background-position:-100px 0 !important; } #cboxBottomLeft { background-position:-100px -29px !important; } #cboxBottomRight { background-position:-129px -29px !important; } #cboxTopRight { background-position: -129px 0 !important; } /* End Fix for Colorbox Edges */ #mobile_switch { text-align:center; } .embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto;z-index:10;} .embed-container iframe,.embed-container object,.embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;border:0;} #btn-refine-search {display:none;} .refine-search {display:block;} input {-webkit-appearance:none;} input[type=checkbox] {-webkit-appearance:checkbox;} input[type=”radio”]{-webkit-appearance:radio;} .chkt-mb {display:inline;} #delivery_comments {margin-bottom:10px;} .address-btns {clear:both;margin-top:20px;} #addressbook input.button_submit {margin-top:-6px;} /* ----------------- responsive ----------------- */ @media (max-width: 960px) { .container {width:auto;padding:0px 20px 0px 20px;} #header img.logo {margin:25px 0px 0px 2px;} #cta-boxes img {width:100%;height:auto;} .mid-row {background:none;} #sidebar_left {width:25%;} #page_content {width:63%;} #footer .footer-nav {float:left;width:45%;margin:0px 0px 30px 0px;} #footer .footer-nav.no-margin {margin:0px 0px 30px 0px;} #footer-logos {text-align:left;float:none;margin:20px 0px 20px 0px;} #footer-text {float:none;margin:0px 0px 40px 0px;} div.category_product {height:auto;margin:10px 0px 10px 0px;} div.category_product div.details {float:right;text-align:right;height:auto;margin-top:10px;padding:0px 0px 10px 0px;width:100px;} .customScrollBox .container {width:auto;padding:0px 0px 0px 0px!important;} #prod-left-col {float:none;width:auto;} #prod-right-col {float:none;width:auto;} #mid-col {float:none;width:auto;} #gallery {height:auto;margin:0px 0px 30px 0px;} #gallery .image {width:100%;height:auto;} #product_detail {float:none;min-height:350px;width:auto;} #prescription {margin:0px 0px 30px 0px;} .checkout-progress {width:auto;} .checkout-progress > span,.checkout-progress > span.next, .checkout-progress > span.current {width:auto;} .checkout-progress > span {margin-right:40px;} h2.tabbed {padding-top:30px!important;} } @media (max-width: 700px) { #header {height:auto;} #header img.logo {width:256px;height:56px;} #quick_search {float:none;padding:10px 0px 20px 0px;} #quick_search .search-input {float:left;} #quick_search .search-btn {float:none;} #cta-boxes {display:none;} #top-contact {float:left;} #top-contact .tel {float:left;} #top-contact .eml {display:none;} #top-contact img.icon-tel {margin:8px 7px 0px 0px;} #top-contact img.icon-eml {display:none;} #nav {position:relative;clear:both;height:36px;border-top:1px solid #B2B2B6;border-bottom:1px solid #B2B2B6;} #nav ul.left-menu.desktop {display:none;} #nav ul.left-menu.mobile {display:none;position:absolute;left:0px;top:37px;width:100%;height:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background:#FFF;float:none;z-index:300;} #nav ul.left-menu.mobile {-webkit-box-shadow:0px 10px 15px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px 10px 15px 0px rgba(0,0,0,0.25);box-shadow:0px 10px 15px 0px rgba(0,0,0,0.25);} #nav ul.left-menu.mobile li {list-style:none;float:none;margin:0px;padding:0px;font-family:'open_sansbold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;text-transform:uppercase;font-size:13px;line-height:36px;position:relative;} #nav ul.left-menu.mobile li {border-bottom:1px solid #CCC;} #nav ul.left-menu.mobile li:last-child {border-bottom:1px solid #FFF;} #nav ul.left-menu.mobile li a {display:block;color:#333;text-decoration:none;padding:0px 20px 0px 20px;} #nav ul.left-menu.mobile li a:hover {color:#999;text-decoration:none;} #nav ul#basket_summary {float:right;color:#999;} #nav ul#basket_summary {padding:0px 0px 0px 0px;} #nav ul#basket_summary li.cart-items {font-family:'open_sansregular','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;color:#093;font-size:11px;} #nav ul#basket_summary li.view_basket {padding:0px 0px 0px 10px;} #nav ul#basket_summary li a {padding:0px 0px 0px 0px;} #nav ul#basket_summary li.view_basket img {width:16px;height:14px;margin:0px 7px -1px 0px;} a#drop-menu {display:block;float:left;margin:0px;padding:0px;width:95px;font-family:'open_sansbold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;text-transform:uppercase;font-size:13px;line-height:36px;} a#drop-menu:hover {color:#999;text-decoration:none;cursor:pointer;} a#drop-menu img {width:15px;height:13px;margin:0px 7px -2px 0px;} #banner-wrapper {display:none;clear:both;width:100%;height:170px;background:#FFF;margin:10px 0px 0px 0px;padding:0px;text-align:center;overflow:hidden!important;position:relative;} #banner {overflow:hidden!important;margin:0 auto;text-align:center;position:absolute;left:50%;margin-left:-500px;} #banner img {display:none;margin:0 auto;width:1000px;height:170px;} #banner img.first {display:block;} #sidebar_left {float:none;width:auto;} #page_content {float:none;width:auto;} #sale_products {display:none;} #mailing_list {display:none;} #sidebar_left {min-height:0px;} .mid-row {margin:15px 0px 40px 0px;} #navigation {display:none;} .li_clearOptions {min-height:0px;} .control {width:auto;} #btn-refine-search {display:block;margin-bottom:20px;text-align:center;padding:10px 0px 10px 0px;/*background:#093;*/} .refine-search {display:none;} .latest_product {float:none;width:100%;} .latest_product .image {width:100%;height:auto;padding:10px 0px 10px 0px;} div.category_product .image {float:none;width:100%;height:auto;padding:10px 0px 10px 0px;margin-bottom:15px;} div.category_product div.details {float:none;width:auto;padding:0px;margin:0px;text-align:left;} div.category_product div.summary {margin-left:0px;} #gallery {margin:0px 0px 15px 0px;} #gallery .image {border:1px solid #CCC;margin-bottom:10px;} #gallery .image img {padding:15px 0px 15px 0px;} #gallery_select {width:auto;} #product_detail .options {margin:10px 0px 30px 0px;} #checkout {clear:both;} p.continue-shopping {padding:10px 0px 10px 0px!important;} .checkout-progress > span {margin-right:10px;} .basket_product .image {float:none;margin-bottom:10px;} .basket_product > p {min-height:18px;padding:0px 0px 0px 0px !important;} .mb-text2 {clear:both;} .button_submit.checkout {/*float:left;*/} .chkt-mb {clear:both;margin:10px 0px 0px 0px;display:block;text-align:right;} .lbl-chkt-mb label {display:none;} .reg-mb-lbls label {display:block;} .cntct-textarea textarea {width:270px!important;} /*.cntct-fields fieldset {width:90%!important;}*/ #delivery_comments {width:90%;margin-bottom:10px;} #footer-logos img {width:100%;height:auto;} #footer .footer-nav {float:none;width:auto;margin:0px 0px 30px 0px;} #footer .footer-nav.no-margin {margin:0px 0px 30px 0px;} #recaptcha_table td {width:auto!important;} #recaptcha_image {width:auto!important;} } @media (max-width: 420px) { #habla_middle_div {margin-left:25px;width:85%!important;} #frame-dimensions {font-size:12px;} } @media (max-width: 355px) { #frame-dimensions {font-size:11px;} }