a {outline: 0 none !important;} a.trigger_info:hover span.info_text_login { display: block; } span.info_text_login { background: #000; color: #fff; padding: 6px 8px; font-family: 'Vollkorn', serif; font-style: italic; width: 246px; display: block; font-size: 14px; font-style: italic; position: absolute; z-index: 9999; text-align: left; margin: 6px 0 0 -101px; display: none; text-transform: none; line-height: 18px; } a#changeCity { cursor: pointer; } a:active, a:visited, a:focus { text-decoration: none !important; } img.pin { width: 13px; } input {border-radius: 0 !important;} .shop-page h1 {font-size: 22px; margin-bottom: 0px; font-family: 'Vollkorn', serif; font-weight: bold; font-style:normal; line-height: 20px;} .shop-page .shop-adress {font-size: 18px; font-family: 'Vollkorn', serif; font-style:normal; margin-top: 10px; cursor: pointer;} .shop-page .shop-details {text-align: center;} .shop-page .shop-details .shopDescription {font-size: 18px; font-family: 'Vollkorn', serif; font-style:normal; color: #000; padding: 0px 5px; margin: 50px 0px; line-height: 25px;} .shop-page .shop-details div {text-align: center; color: #000;} .shop-page #shopContent, .shop-page #shopInformation, .shop-page #shopDirections {width: auto;} .shop-page .sectionTitle {color: #000; text-align: center; border-bottom-color: #777; font-size: 14px; margin-bottom: 30px; padding-bottom: 18px; font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; } .shop-page .similar-container {text-align: center;} .shop-page .similarShop {display: inline-block; width: 270px; margin-bottom: 20px; vertical-align: top;} .shop-page .similarShop.withMargin {margin-right: 1%; margin-left: 1%;} /*.shop-page .similarShop.withMargin:last-child {margin-right: 0;}*/ .shop-page .similarShop .similarShopImage {margin-bottom: 20px; text-align: center;} .shop-page .similarShop .similarShopImage img {max-width: 100%;} .shop-page .similarShop .similarShopText {padding: 0px 3px; text-align: center; font-family: 'Vollkorn', serif; font-style:normal; font-size: 16px;} .shop-page .similarShop .similarShopText a {color: #000;} .shop-page .similarShop .similarShopText span {font-family: 'Vollkorn', serif; font-weight: bold; font-style:normal; font-size: 18px; display: block; line-height: 20px; margin-bottom: 2px;} .shop-page #recommendToFriend {margin-top: 0; float: right;} .shop-page #social {margin: 60px 0px 115px; padding: 0;} .shop-page .social-btn {background: #777; color: #fff; text-transform: uppercase; padding: 6px 20px; /*font-family: "Apercu Medium", Calibri, sans-serif;*/ font-style:normal; font-size: 16px; text-decoration: none !important;} .shop-page .social-btn.save-later-btn {background: #444;} /*.shop-page .social-btn.save-later-btn:visited {text-decoration: underline;}*/ .shop-page #tagLabel {text-align: center; color: #000; font-style:normal;} .shop-page #tagLabel .tagForShop div{text-align: center;} .shop-page #tagLabel .tagForShop.largeTagForShop {height: auto; padding-top: 0; margin-bottom: 10px;} .shop-page #tagLabel .tagForShop.mediumTagForShop {height: auto; padding-top: 5px; margin-bottom: 28px;} .shop-page #tagLabel .tagForShop.smallTagForShop {height: auto; padding-top: 5px;} .shop-page #tagLabel .tagForShop .tagName {border-top: 1px solid;} .shop-page #tagLabel .tagForShop.largeTagForShop .tagExplain {font-size: 18px;} .shop-page #tagLabel .tagForShop.largeTagForShop .tagName {font-size: 26px;} .shop-page #tagLabel .tagForShop.mediumTagForShop .tagExplain {font-size: 16px;} .shop-page #tagLabel .tagForShop.mediumTagForShop .tagName {font-size: 24px;} .shop-page #tagLabel .tagForShop.smallTagForShop .tagExplain {font-size: 12px;} .shop-page #tagLabel .tagForShop.smallTagForShop .tagName {font-size: 20px;} a:hover {color: #000} .shop-page .link-schedule {font-size: 16px; margin-top: 45px; font-family: 'Vollkorn', serif; font-style:italic;} .shop-page .link-schedule span {vertical-align: middle;} .shop-page .link-schedule img {width: 16px;} .shop-page .link-schedule a {text-decoration: underline; font-family: 'Vollkorn', serif; font-weight: bold; font-style:normal; } .shop-page #gallery {margin-bottom: 40px; width: 100%;} .shop-page #photoGallery {width: 100% !important;} .shop-page.printShop {width: auto;} .shop-page.printShop .sans {font-size: 14px; font-family: 'Open Sans';} .shop-page.printShop #printLogo {width: auto;} .shop-page.printShop .shopPrintTags {width: auto; padding: 0; border: 0 none;} .shop-page.printShop .shopPrintTags .tagForShop .tagExplain, .shop-page.printShop .shopPrintTags .tagForShop .tagName {color: inherit;} .nopadding {padding: 0;} .modal-content {position: relative; border-radius: 0;} .modal-header {padding: 0; min-height: 0; border-bottom: 0 none;} .modal-header .close {margin-top: 0; position: absolute; top: 13px; right: 16px; z-index: 1; color: #777; opacity: 1; padding: 1px} #modal-map .modal-header .close {color: #000;} #modal-map #mapDiv {width: 100%; height: auto; /*height: 66.67%;*/} #content, #footer, #footerAbove {width: 100%;} #hipshopsLogo {margin: 30px 0px 20px;} #footerAbove {border-bottom: 0 none; border-top: 1px solid #777; padding-top: 26px; padding-bottom: 0;} .footerLinks:first-child {padding-left: 0;} .footerLinks a {color: #777; font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; font-size: 13px; padding: 5px;} #copyright {color: #777; font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; font-size: 13px; text-align: center; margin-top: 70px; padding-left: 0px; } #modal-map .modal-lg, #modal-login-register.modal-lg {width: 96%; } #subscribe-form {padding-right: 0;} #newsletterTitle {font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; font-size: 13px; color: #777;} #NewsletterNewsEmail {width: 200px; font-size: 14px; line-height: 14px;} .newsletter-submit {font-size: 13px !important; box-shadow: none;} .subscribeErrorMessageTip {margin: -5px 0px 0px;} .modal-backdrop.in {opacity: .3;} .navbar.navbar-default {background: #fff; border: 0 none;} .navbar-default .navbar-nav>li>a { text-transform: uppercase; /*font-family: "Apercu Light", Calibri, sans-serif;*/ font-style:normal; color: #848484; font-size: 14px; line-height: 28px; } .navbar-default .navbar-nav>li>a {color: #777 !important;} .navbar-default .navbar-nav>li>a#changeCity img { margin-top: -4px; } .navbar-default .navbar-nav>li>a#changeCity img.grey { display: inherit !important; } .navbar-default .navbar-nav>li>a#changeCity img.black { display: none !important; } .navbar-default .navbar-nav>li>a#changeCity:hover img.black { display: inherit !important; } .navbar-default .navbar-nav>li>a#changeCity:hover img.grey { display: none !important; } .navbar-default .navbar-nav>li>a#changeCity.hover img.black { display: inherit !important; } .navbar-default .navbar-nav>li>a#changeCity.hover img.grey { display: none !important; } .navbar-default .navbar-nav>li>a#changeCity.hover { color: #000 !important; } .navbar-default .navbar-nav>li>a:hover {color: #000 !important;} .nav.navbar-nav {text-align: center; width: 100%;margin: 0px !important} .admin-menu {font-family: "Apercu Light", Calibri, sans-serif; font-size:14px; font-style:normal; } #modal-save-later .modal-body > .save-later-options {margin: 50px 0px 20px;} #modal-save-later .show-recommend-form {text-transform: uppercase; font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; font-size: 16px; color: #777; display: block; text-decoration: none; letter-spacing: 1px;} #modal-save-later .up-arrow {margin-bottom: 15px; display: none; cursor: pointer;} #modal-save-later .down-arrow {margin-top: 15px; cursor: pointer;} #modal-save-later .save-later-success {padding: 38px 0px 43px;} #modal-save-later #recommendToFriend {border-top: 1px solid #777; margin: 20px 14px 0px; display: none; padding: 48px 0px 0px;} #modal-save-later #recommendShopToFriendForm label {text-align: left; color: #777; font-size: 16px; font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; width: 30%;} #modal-save-later #recommendShopToFriendForm div.input {padding-bottom: 30px;} #modal-save-later input.social-btn {margin-top: 20px;} #modal-save-later #recommendShopToFriendForm input[type=text] {width: 70%; height: auto; font-size: 16px; padding: 5px; font-family: 'Vollkorn', serif; font-style:normal; color: #000; line-height: 1; border-bottom-color: #909090;} #modal-save-later #recommendShopToFriendForm input#ShopShSenderName, #modal-save-later #recommendShopToFriendForm input#ShopShFriendName[type=text] {width: 60%;} #modal-save-later #recommendShopToFriendForm input#ShopShSenderEmail, #modal-save-later #recommendShopToFriendForm input#ShopShFriendEmail[type=text] {width: 50%;} #modal-save-later #recommendShopToFriendForm .errorMessage {font-size: 13px; font-family: "Apercu Medium", Calibri, sans-serif; font-style:normal; } .modal .social-btn {width: 70%; display: inline-block;color: #fff; text-transform: uppercase; padding: 10px 20px; font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; font-size: 14px; background: #444444; border: 0 none; letter-spacing: 1px;} .modal .modal-body .or-text {text-align: center; font-family: 'Vollkorn', serif; font-style:normal; padding: 50px 0px 40px; font-size: 14px; color: #777; position: relative;} .modal .modal-body .or-text > span {background: url('../img/line-bg.png') 50% 57% repeat-x; padding: 0px 20px;} .modal .modal-body .or-text > span span{background: #fff; padding: 0px 4px; font-style: italic;} .save-later-success {color: #777;} .save-later-success i {font-size: 18px;} .save-later-success div {text-align: center; margin-top: 28px;} .save-later-success span {font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; display: block; text-transform: uppercase; padding: 23px 0px 13px; font-size: 16px; text-align: center;} .save-later-success a {font-size: 16px; text-decoration: none; font-family: 'Vollkorn', serif; font-style:italic; display: inline-block; color: #777; position: relative;} .save-later-success a:after {content: ''; width: 102%; position: absolute; left: -2px; bottom: 2px; border-bottom: 1px solid;} #form-recommend-success, #save-btn-success {display: none;} #modal-login-register #loginFormDiv {height: auto;} #modal-login-register h2 {font-size: 14px; color: #777; text-transform: uppercase; font-weight: normal; font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; border-bottom: 1px solid #777; padding-bottom: 10px; margin-bottom: 48px; margin-top: 21px; text-align: center;} #modal-login-register .form-group { margin-bottom: 30px;} #modal-login-register label {font-size: 14px; color: #777; text-transform: uppercase; font-weight: normal; font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; text-align: left; width: 30%;float: left; padding-right: 19px; top: 0; padding-left: 0;} #modal-login-register input[type="text"], #modal-login-register input[type="password"] {width: 68%; font-size: 16px; font-family: 'Vollkorn', serif;font-style:normal; height: auto; padding: 3px; line-height: 1;} #modal-login-register input#headerPassword {width: 60%;} #modal-login-register input[type="submit"] {margin-top: 39px;} #modal-login-register .modal-body .or-text {font-family: 'Vollkorn', serif; font-style:italic; padding: 27px 0px 23px;} #modal-login-register .fb-btn {padding: 10px 20px; width: 70%; text-transform: uppercase; color: #fff; background: #3b5998; font-family: "Apercu Light", Calibri, sans-serif; font-size: 13px; font-style:normal; text-align: center; cursor: pointer; display: inline-block; letter-spacing: 1px;} #modal-login-register .forgot-password {margin: 49px 0px 0px; font-size: 16px; color: #444; font-family: 'Vollkorn', serif; font-style:italic;} #modal-login-register .forgot-password a {font-size: 16px; color: #444; font-family: 'Vollkorn', serif; font-style:italic; text-decoration: underline;} #modal-login-register .forgot-password a:hover {text-decoration: underline;} #loginFormErrorMessage, #registerFormErrorMessage {text-align: center; } #loginFormErrorMessage .errorMessage, #registerFormErrorMessage {margin: 0; padding: 3px 5px; width: auto; font-size: 13px; top: 0; height: auto;} #loginFormErrorMessage .errorMessage > div, #registerFormErrorMessage {padding: 5px;} #modal-login-register #registerFormDiv { clear: both; } #modal-login-register #registerFormDiv label {width: 48%;} #modal-login-register #registerFormDiv #accountForm .recaptcha_label {width: 42% !important; text-align: left !important;} #modal-login-register #registerFormDiv input[type="text"], #modal-login-register #registerFormDiv input[type="password"] {width: 52%; border-bottom-color: #909090;} #modal-login-register #registerFormDiv input#signupPass, #modal-login-register #registerFormDiv input#UserConfirmPass {width: 45%;} #modal-login-register #registerFormDiv input#UserUsrFirstName, #modal-login-register #registerFormDiv input#UserUsrLastName, #modal-login-register #registerFormDiv input#recaptcha_response_field {width: 36%;} #modal-login-register #accountForm div.input {padding: 0; margin-bottom: 30px;} #modal-login-register #accountForm #recaptcha_widget {width: 100%;} #modal-login-register #accountForm #recaptcha_widget .left {margin-bottom: 21px;} #modal-login-register #newsletterChk {text-transform: uppercase; font-size: 14px; font-family: "Apercu Light", Calibri, sans-serif; font-style:normal; color: #777; padding: 5px 0 20px 5px;} #modal-login-register #newsletterChk label {width: auto; float: none; padding-right: 13px;} #modal-login-register #newsletterChk label:last-child {padding-right: 0px;} #modal-login-register #newsletterChk input[type="radio"] {margin-top: 0; vertical-align: middle;} #modal-login-register #registerFormDiv input[type="submit"] {margin-top: 39px; margin-bottom: 41px;} .other-addresses {margin-bottom: 40px;} .nws-radios {margin-left: 15px;} /* PUZZLE FRONT */ span.already { font-family: "Apercu Light", Calibri, sans-serif; font-style: normal; display: block; text-transform: uppercase; padding: 23px 0px 13px; font-size: 16px; text-align: center; color: rgb(119, 119, 119); } a.already:after { content: ''; width: 102%; position: absolute; left: -2px; bottom: 2px; border-bottom: 1px solid; } a.already { font-size: 16px; text-decoration: none; font-family: 'Vollkorn', serif; font-style: italic; display: inline-block; color: #777; position: relative; } i.already { font-size: 18px; color: #777;; } div.shopPuzzle { height: 395px; overflow: hidden; } div.externalControl { text-align: center; margin: 20px 0 70px 0; } div.externalControl a { width: 22px; height: 22px; margin: 0px 5px; background: url(../img/sliderbut.png) -22px 0 no-repeat; text-indent: -999999px; display: inline-block; } div.externalControl a.on { background-position: 0 0; } img.blogimg { float: left; display: block; width: 127px; margin-right: 25px; margin-bottom: 25px; } .container { padding-right: 0px; padding-left: 0px; } div.shopPuzzle div.puzzler { float: left; } div.shopPuzzle div.puzzler img { display: block; float: left; margin-bottom: 5px; width: 100%; } div.shopPuzzle div.puzzler div { float: left; margin-right: 5px; overflow: hidden; } div.shopPuzzle div#pz1 { width: 300px; } div.shopPuzzle div#pz2 { width: 295px; } div.shopPuzzle div.ptt { width: 100% !important; margin-bottom: 5px !important; margin-right: 0 !important; /*background: url(../img/p.png) repeat;*/ background: #eee; float: left; height: 100%; } div.shopPuzzle div#pz0 { width: 595px; margin-right: 5px; } div.shopPuzzle div#pz0 div.ptt { width: 595px; height: 395px; } /* 5 130 235 */ div.shopPuzzle div.nomr { margin-right: 0 !important; } div.shopPuzzle div.puzzler .wid1 { width: 295px; height: 195px; margin-bottom: 5px !important; } div.shopPuzzle div.puzzler .hei2 { width: 295px; } div.shopPuzzle div.puzzler .hei3 { width: 145px; height: 195px; margin-bottom: 5px !important; } div.shopPuzzle div.puzzler .wid4 { width: 145px; height: 195px; margin-bottom: 5px !important; } div.shopPuzzle div.puzzler .wid7 { width: 145px; height: 95px; margin-bottom: 5px !important; } div.shopPuzzle div.puzzler .hei2 img { width: auto; height: 395px; } } div.shopPuzzle div.puzzler .hei3 img { width: auto; height: 195px; } div.shopPuzzle div.puzzler .wid1 div.ptt { width: 295px; height: 195px; } div.shopPuzzle div.puzzler .hei2 div.ptt { width: 595px; height: 395px; } div.shopPuzzle div.puzzler .hei3 div.ptt { width: 295px; height: 195px; } div.shopPuzzle div.puzzler .wid4 div.ptt { width: 145px; height: 95px; } div.shopPuzzle div.puzzler .wid7 div.ptt { width: 145px; height: 95px; } .navbar-default .navbar-nav>li>a.on { color: #000 !important; } #pinterest1{ background: #c8232c; padding: 6px 30px; display: inline-block; color: #fff; /* font-family: "Apercu Light", Calibri, sans-serif; font-style:normal;*/ font-size: 14px; margin-right: 43px; letter-spacing: 1px; } #pinterest1 a { color: #fff; } #pinterest1 a img{ position: absolute; margin-left: -5000px; } .shop-page #social .social-btn {font-size: 14px; /*font-family: "Apercu Light", Calibri, sans-serif;*/ letter-spacing: 1px;} a.facebook-share { background: #3b5998; padding: 6px 30px; display: inline-block; color: #fff; /* font-family: "Apercu Light", Calibri, sans-serif; font-style:normal;*/ font-size: 14px; margin-right: 43px; letter-spacing: 1px; } span.facebook-count { background: transparent; border: 1px solid #3b5998; padding: 5px 13px; /*font-family: "Apercu Light", Calibri, sans-serif; font-style:normal;*/ font-size: 14px; display: inline-block; margin-right: 7px; color: #3b5998; letter-spacing: 1px; } span.twitter-count { background: transparent; border: 1px solid #4099ff; padding: 5px 13px; /* font-family: "Apercu Light", Calibri, sans-serif; font-style:normal;*/ font-size: 14px; display: inline-block; margin-right: 7px; color: #4099ff; letter-spacing: 1px; } a.tweet span.message { background: #4099ff; padding: 6px 30px; display: inline-block; color: #fff; /*font-family: "Apercu Light", Calibri, sans-serif; font-style:normal;*/ font-size: 14px; margin-right: 43px; letter-spacing: 1px; } a.save-later-btn, a.print-btn-shop { display: inline-block; padding: 10px 30px; } a.print-btn-shop { margin-right: 43px; } div#social,div#shopsDiv,div#tagList { text-align: center; } div#tagList { margin-bottom: 30px } img.mobile { display: none; position: absolute; } img.desktop { margin-left: 5px; } a.shopWebsite { margin-left: 10px; } /*.modal .save-for-later:visited {text-decoration: underline;}*/ ul.cityListUl { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; column-fill: auto; -moz-column-fill: balance; width: 103%; } .container, #content { width: 1200px; } a#previousShop { display: block; position: fixed; top: 50%; left: 0; margin-top: -40px; height: 60px; opacity: 0.4;} a#previousShop img { height: 70px } a#nextShop { display: block; position: fixed; top: 50%; right: 0; margin-top: -40px; height: 60px; opacity: 0.4; } a#nextShop img { height: 70px } a#previousShop:hover, a#nextShop:hover {opacity: 1;} ul.navbar-nav li a { display: inline !important; padding: 0px 0px; } ul.navbar-nav li { display: inline-block !important; float: none !important; padding: 0px 10px; } nav.navbar-default { margin-top: 35px !important; margin-bottom: 0px !important; min-height: 55px !important; } .golink,.hiddenli,.hiddenli2 { display: none; } div.cityShopText em { display: inline-block; background: #000; color: #fff; padding: 3px 0px; font-style: normal; border-radius: 100px; margin-left: 5px; font-weight: normal; font-family: "Apercu Light", Tahoma, sans-serif; text-align: center;width: 22px; position: absolute; left: 50%; margin-left: -11px;font-size: 14px; bottom: 5px;} div.cityShopText { position: relative; text-align: center; padding-bottom: 35px; } div.listContainer { text-align: center; } span.narrowdown { width: 100%; text-align: center; } .citySubmenu { width: 100%; text-align: center; line-height: 0; margin: 18px 0 10px 0; } div#cityName { text-align: center; font-weight: bold; } ul.bigcities { text-align: center; } ul.bigcities li { height: 34px; line-height: 34px; display: inline-block; margin: 0px 45px 25px 25px; } ul.bigcities li a { height: 34px; line-height: 34px; padding: 0 23px; border: 1px solid #8b8b8b; text-align: center; color: #909090; cursor: pointer; /*font-family: "Apercu Light", Calibri, sans-serif;*/ display: inline-block; position: relative; margin-left: -16px; font-size: 14px; } ul.bigcities li a:hover { border-color: #000; color: #000; } ul.bigcities li a:hover span.shopNr { border-color: #000; background: #000; color: #fff; } ul.bigcities li a span.shopNr { height: 34px; line-height: 34px; width: 35px; border: 1px solid #8b8b8b; border-left: 0; text-align: center; color: #909090; cursor: pointer; font-family: "Apercu Light", Calibri, sans-serif; display: inline-block; position: absolute; right: -36px; top: -1px; } div.blogPost { font-weight: normal; font-family: 'Vollkorn', serif; font-size: 16px; } div.blogPost b, .similarShopText b, .cityShopText b { font-weight: 700; font-family: 'Vollkorn', serif; -webkit-font-smoothing: antialiased; font-size: 18px; } div.listLink img { display: none; } div.listLink { display: inline; float: none; position: static; } div.listLink a { text-decoration: underline !important; } div.listActions, div.listTitle { text-align: center; } div#accountHeader { display: none; } div.static-content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin-top: 30px; } div.static-content p, div.static-content ol { font-size: 16px; font-family: 'Vollkorn', serif; font-style: normal; color: #000; line-height: 25px; padding-bottom: 15px; } select.multiplecities { display: none; } div.sm { display: inline-block; margin: 5px 0 5px 0px; } div#modal-send-friend { width: 470px; margin: 0 auto; } div#modal-contact .modal-lg { width: 800px; margin: 0 auto; } span.sp_multiplecities, span.sp_selectcity { display: none; } #hipshopsLogoDiv img, #hipshopsLogo img { width: 113px; } /*@media (min-width: 768px) {*/ @media (min-width: 861px) { .modal-body .col-md-6 { width: 50%; float: left; } } @media only screen and (max-width: 1260px) { .container, #content { width: 900px; } div.shopPuzzle #pz2 { display: none; } div#subscribeResultMessage { top: -50px; left: -160px;} ul.cityListUl { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; width: 108%; } #photoGallery {width: 900px; margin: 0 auto; } .sectionTitle,#whoAreWe { width: 100%; } } @media only screen and (max-width: 1135px) { #modal-login-register label, #modal-login-register #newsletterChk, #modal-login-register input[type="text"], #modal-login-register input[type="password"], .errorMessage {font-size: 13px;} #modal-login-register label {padding-right: 10px;} } @media only screen and (max-width: 1076px) { #modal-login-register label, #modal-login-register #newsletterChk, #modal-login-register input[type="text"], #modal-login-register input[type="password"], .errorMessage {font-size: 13px;} #modal-login-register label {padding-right: 5px;} } @media only screen and (max-width: 1024px) { .nws-radios {display: block; margin-left: 0;} } @media only screen and (max-width: 920px) { #modal-login-register label, #modal-login-register #newsletterChk, #modal-login-register input[type="text"], #modal-login-register input[type="password"], #modal-login-register .forgot-password, .errorMessage {font-size: 13px;} } @media only screen and (max-width: 861px) { #modal-login-register label, #modal-login-register #newsletterChk, #modal-login-register input[type="text"], #modal-login-register input[type="password"], .errorMessage {font-size: 13px;} #modal-login-register .forgot-password {font-size: 14px;} .nws-radios {display: inline-block; margin-left: 10px;} } @media (min-width: 1261px) { .container { width: 1200px; } } @media (max-width: 992px) { #modal-login-register .forgot-password {margin-bottom: 30px;} /*#modal-login-register .modal-body .or-text {padding-top: 0;}*/ } @media (min-width: 992px) { div.shop-details,div#shopInformation { width: 955px !important; margin: 0 auto; } ul.bigcities { width: 770px !important; margin: 0 auto; } /*#modal-login-register .modal-body .or-text {padding-top: 0;}*/ } @media (min-width: 768px) { .navbar-nav>li {float: none; display: inline-block;} } @media only screen and (max-width: 960px) { .container, #content { width: 600px; } div.shopPuzzle #pz2 { display: none; } div.shopPuzzle #pz1 { display: none; } #pinterest1 { margin-right: 0; } a.save-later-btn { margin-top: 30px; } .navbar-nav>li {float: none; display: inline-block;} #newsletterTitle {float: left;} #subscribe-form {float: none; clear: both; padding-left: 0; margin: 45px 0px 114px;} #copyright {display: none;} .nws-input {width: 55%;} #NewsletterNewsEmail {width: 100%;} .footer-separator {clear: both;} #modal-map .modal-lg, #modal-login-register .modal-lg {width: auto;} .footerLinks.col-sm-4 { width: 50%; } #subscribe-form.col-sm-4 { width: 100%; } div#subscribeResultMessage { top: -50px; left: -150px;} ul.cityListUl { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; width: 100%; } div#cityList { display: none !important; height: 325px; width: 100%; position: relative; top: -1px; color: #909090; overflow-y: scroll !important; padding: 10px 0; border: 1px solid #8b8b8b; } div#cityList ul li { display: block; text-align: center; height: 23px; line-height: 20px; } .hiddenli { display: block; } .triggerlist { height: 34px; line-height: 34px; width: 100%; border: 1px solid #8b8b8b; text-align: center; color: #909090; cursor: pointer; padding-left: 5%; } .triggerlist:hover { color: #909090; } .triggerlist .arrow { border-left: 1px solid #8b8b8b; float: right; width: 28px; height: 32px; line-height: 32px; display: block; } select.multiplecities { display: block; width: 100%; height: 34px; line-height: 34px; color: #909090; text-align: center; font-family: "Apercu Light", Calibri, sans-serif; cursor: pointer; border: 1px solid #8b8b8b; padding: 0 18px; margin-bottom: 20px; background-color: #fff; line-height: 1.2em; background: #fff; -webkit-appearance: none; -webkit-box-shadow: 1px 1px 1px #fff; -webkit-border-radius: 0; } span.sp_multiplecities { display: inline; color: #909090; font-family: "Apercu Light", Calibri, sans-serif; font-size: 14px; position: relative; float: right; right: 10px; top: 25px; } div#tagList { display: none; } select.selectcity { width: 100%; display: block; height: 34px; line-height: 34px; color: #909090; font-family: "Apercu Light", Calibri, sans-serif; cursor: pointer; border: 1px solid #8b8b8b; padding: 0 18px; background-color: #fff; font-size: 14px; line-height: 1.2em; background: #fff; -webkit-appearance: none; -webkit-box-shadow: 1px 1px 1px #fff; -webkit-border-radius: 0; } span.sp_selectcity { display: inline; color: #909090; font-family: "Apercu Light", Calibri, sans-serif; font-size: 15px; position: relative; float: right; right: 10px; top: 25px; } div#modal-contact .modal-lg { width: 90%; } img.blogimg { width: 170px; } div#popularShops { margin-top: 30px!important; } #hipshopsLogoDiv img, #hipshopsLogo img { width: 80px; } } @media only screen and (max-width: 620px) { div#modal-contact .modal-lg { width: 96%; } .other-page .cityShop { width: 100%; } .other-page .publicTitleName { width: auto !important; } .other-page .cityShop img { width: 100% !important; height: 100% !important; } .shop-page #tagLabel .tagForShop.largeTagForShop .tagExplain {font-size: 14px;} .shop-page #tagLabel .tagForShop.largeTagForShop .tagName {font-size: 22px;} .shop-page #tagLabel .tagForShop.mediumTagForShop .tagExplain {font-size: 13px;} .shop-page #tagLabel .tagForShop.mediumTagForShop .tagName {font-size: 20px;} .shop-page #tagLabel .tagForShop.smallTagForShop .tagExplain {font-size: 11px;} .shop-page #tagLabel .tagForShop.smallTagForShop .tagName {font-size: 18px;} span.info_text_login { display: none !important; } a.shopWebsite { display: block; clear: both; margin-top: 20px; margin-left: 0px; } .shop-page .shop-details .shopDescription { font-size: 16px; line-height: 22px; text-align: left; margin: 30px 0px; } .navbar.navbar-default div.container-fluid { padding: 0; margin-left: -10px; margin-right: -10px; } ul.navbar-nav li { padding: 0px 5px; } #hipshopsLogoDiv img, #hipshopsLogo img { width: 100px; } a.trigger_info i { display: none; } .shop-page .similarShop { display: inline-block; width: 100%; } .nws-input {width: 45%;} div#subscribeResultMessage { top: -50px; left: -70px;} .footerLinks.second {padding-right: 0px;} /*.footerLinks {width: 50%; float: left;}*/ .footerLinks a {padding: 5px;} #newsletterTitle {float: left;} #subscribe-form {float: none; clear: both; padding-left: 0; margin: 45px 0px 114px;} /*#NewsletterNewsEmail {width: 315px;}*/ #modal-save-later #recommendShopToFriendForm label, #modal-save-later #recommendShopToFriendForm input[type="text"] {font-size: 14px;} #content { width: 100%; } .container { width: 100%; padding-right: 15px; padding-left: 15px; } div.shopPuzzle #pz2 { display: none; } div.shopPuzzle #pz1 { display: none; } div.shopPuzzle #pz0 { width: 100% !important; } div.shopPuzzle { height: auto; } div.shopPuzzle #pz0 div.ptt { width: 100% !important; } div#social { } a.print-btn-shop { display: none; } a.save-later-btn { width: 100%; } a.facebook-share { float: left; } span.facebook-count { float: left; } #pinterest1 { float: right; } a.tweet span.message,a.facebook-share { margin-right: 25px; } a.tweet span.message,a.facebook-share,#pinterest1 { padding-right: 25px; padding-left: 25px; } span.twitter-count { margin-right: 4px; } a.tweet span.message,a.facebook-share,#pinterest1,a.save-later-btn, span.twitter-count, span.facebook-count { font-size: 0.9em !important; } .shop-page .shop-details .shopDescription { font-size: 16px; line-height: 22px; text-align: left; margin: 30px 0px; } .shop-page #social { margin: 5px 0px 50px !important; } .shop-page .sectionTitle { font-size: 14px !important; } #footer { margin-top: 50px !important; } .smallTagForShop { padding-left: 9px !important; } .mediumTagForShop { padding-left: 15px !important; margin-bottom:14px !important; } .largeTagForShop { padding-left: 21px !important; margin-bottom:20px !important;} .shop-page .link-schedule { font-size: 14px; margin-top: 30px !important; } .shop-page .shop-adress { font-size: 16px !important; } #map-trigger img {display: none;} a#previousShop { display: none; } a#nextShop { display: none; } img.mobile { display: block; margin: 0 auto 5px; position: static; } img.desktop { display: none; position: absolute; } div.listTitle { text-align: center; margin-bottom: 0px } div.listActions { text-align: center; margin-bottom: 40px; } .goprint { display: none; } .golink { display: inline; } span.sendtofriend { display: block; position: relative; bottom: -35px; } .sendListSubmit { left: 75%; } .sendToFriendForm input[type=text] { width: 55%; } .sendToFriendForm label { width: 25%; } div.container.other-page { padding: 0 20px; } div.cityShopText { text-align: center; } #openedCityMap, .openedListMap { padding: 0 !important; } div.closeListMap,.homeslide { display: none; } div.cityShopText em { position: static; margin-left: 5px; } div.citymenu { } .hiddenli2 {display: block;} #whoAreWe {display: none;} div#latestShops, div#popularShops, div#shopList, div#userLists { margin-top: 0; margin-left: -20px !important; margin-right: -20px !important; } .withMargin { margin-right: 0px; } .similarShop, .similarShop img { width: 100% !important; height: auto !important } .container_section,#cityTags { padding-left: 20px; padding-right: 20px; } .errorMessage {float: left;} #cityTags {margin-bottom: 30px;} .list-menu { padding-left: 20px; padding-right: 20px } div.static-content { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media only screen and (max-width: 632px) { #modal-login-register label, #modal-login-register input[type="text"], #modal-login-register input[type="password"], #modal-login-register input[type="submit"], #modal-login-register #newsletterChk, #modal-login-register .forgot-password, .errorMessage {font-size: 13px;} } @media only screen and (max-width: 615px) { .footerLinks.second {padding-right: 0px;} /*.footerLinks {width: 50%; float: left;}*/ .footerLinks a {padding: 5px;} #newsletterTitle {float: left;} #subscribe-form {float: none; clear: both; padding-left: 0; margin: 45px 0px 114px;} /*#NewsletterNewsEmail {width: 315px;}*/ #modal-save-later #recommendShopToFriendForm label, #modal-save-later #recommendShopToFriendForm input[type="text"] {font-size: 14px;} } @media only screen and (max-width: 568px) { #modal-login-register label, #modal-login-register input[type="text"], #modal-login-register input[type="password"], #modal-login-register input[type="submit"], #modal-login-register #newsletterChk, #modal-login-register .forgot-password, #modal-login-register .forgot-password a {font-size: 12px;} } @media only screen and (max-width: 545px) { #modal-save-later #recommendShopToFriendForm label {width: 100%; margin-bottom: 10px;} #modal-save-later #recommendShopToFriendForm input[type="text"], #modal-save-later #recommendShopToFriendForm input#ShopShSenderName, #modal-save-later #recommendShopToFriendForm input#ShopShFriendName[type=text], #modal-save-later #recommendShopToFriendForm input#ShopShSenderEmail, #modal-save-later #recommendShopToFriendForm input#ShopShFriendEmail[type=text] {width: 100%; } #modal-save-later #recommendShopToFriendForm input#ShopShSenderName, #modal-save-later #recommendShopToFriendForm input#ShopShFriendName[type=text] {width: 90%;} #modal-save-later #recommendShopToFriendForm input#ShopShSenderEmail, #modal-save-later #recommendShopToFriendForm input#ShopShFriendEmail[type=text] {width: 80%;} #modal-save-later #recommendShopToFriendForm label[for='sendToFriendMessage2'], #modal-save-later #recommendShopToFriendForm label[for='sendToFriendMessage3'] {display: none;} } @media only screen and (max-width: 508px) { #modal-login-register .modal-body .or-text {padding-top: 0;} } @media only screen and (max-width: 506px) { #modal-login-register label, #modal-login-register #registerFormDiv label {float: none; width: 100%; display: block; margin-bottom: 10px;} #modal-login-register #registerFormDiv #accountForm .recaptcha_label {width: 100% !important;} #modal-login-register #newsletterChk {margin-bottom: 5px;} #modal-login-register #newsletterChk .nws-radios {display: block; margin-left: 0;} #modal-login-register #newsletterChk label {float: none; width: auto; display: inline-block;} #modal-login-register input[type="text"], #modal-login-register input[type="password"], #modal-login-register #registerFormDiv input[type="text"], #modal-login-register #registerFormDiv input[type="password"] {width: 100%; display: block;} #modal-login-register input[type="submit"] {margin-bottom: 26px; margin-top: 20px;} #modal-login-register #registerFormDiv input[type="submit"] {margin-top: 15px;} #modal-login-register #accountForm #recaptcha_widget {margin-bottom: 10px;} #modal-login-register #registerFormDiv input#signupPass, #modal-login-register #registerFormDiv input#UserConfirmPass {width: 90%;} #modal-login-register #registerFormDiv input#UserUsrFirstName, #modal-login-register #registerFormDiv input#UserUsrLastName, #modal-login-register #registerFormDiv input#recaptcha_response_field {width: 80%;} #modal-login-register input#headerPassword {width: 90%;} #modal-login-register label, #modal-login-register #newsletterChk, #modal-login-register input[type="text"], #modal-login-register input[type="password"], #modal-login-register .forgot-password, .errorMessage {font-size: 13px;} } @media only screen and (max-width: 595px) { div#gallery { margin-left: -15px; margin-right: -15px; width: 106% !important;} div#target-map-mobile { margin-left: -15px; margin-right: -15px; width: 106% !important;} } @media only screen and (max-width: 500px) { .footerLinks.col-sm-4 { width: 100%; padding-left: 15px;} .nws-input {width: 40%;} div#subscribeResultMessage { top: -50px; left: -70px;} div#gallery,div#target-map-mobile { width: 107% !important;} div#shopMapbox {height: 300px !important;} input.friendComment2 { margin-top: -30px !important; } input#contactRow_8,input#contactRow_7,input#contactRow_6,input#contactRow_5,input#contactRow_4,input#contactRow_3,input#contactRow_2 { margin-top: -50px !important; } #contactForm #recaptcha_widget {margin: 0 auto; float: right;} #accountForm #recaptcha_response_field {width: 100%;} div#modal-send-friend { width: 99%; } } @media only screen and (max-width: 480px) { .nws-input {width: 35%;} a.tweet span.message,a.facebook-share { margin-right: 10px; } a.save-later-btn { margin-top: 20px; } a.tweet span.message,a.facebook-share,#pinterest1,a.save-later-btn { padding: 6px 12px !important; } #modal-login-register label, #modal-login-register #newsletterChk, #modal-login-register input[type="text"], #modal-login-register input[type="password"], #modal-login-register .forgot-password, .errorMessage {font-size: 13px;} #cityList .cityListUl, #cityListCityPage .cityListUl { width: 100%; margin-right: 0 } a.resetpass { clear: both; display: block; line-height: 20px; } } @media only screen and (max-width: 440px) { .nws-input {width: 30%;} span.twitter-count, span.facebook-count { padding: 5px 8px; margin-right: 0px; } span.facebook-count { margin-right: 3px; } a.tweet span.message,a.facebook-share { margin-right: 5px; }/* a.tweet span.message { top: -1px; position: relative; }*/ a.save-later-btn { margin-top: 26px; } div#gallery,div#target-map-mobile { width: 108.5% !important;} div#shopMapbox {height: 250px !important;} } @media only screen and (max-width: 400px) { .modal .social-btn {width: auto;} a.tweet span.message,a.facebook-share,#pinterest1,a.save-later-btn { padding: 6px 10px !important; } div#gallery,div#target-map-mobile { width: 109% !important;} #subscribe-form .whiteButton {position:relative;top: 22px} .nws-input {width: 80%; clear: both; float: left;} } @media only screen and (max-width: 360px) { a.tweet span.message,a.facebook-share,#pinterest1,a.save-later-btn { padding: 6px 8px !important; } div#gallery,div#target-map-mobile { width: 110% !important;} } @media only screen and (max-width: 360px) { #modal-login-register label, #modal-login-register #newsletterChk, #modal-login-register input[type="text"], #modal-login-register input[type="password"], #modal-login-register .forgot-password, .errorMessage {font-size: 13px;} #modal-login-register .fb-btn {font-size: 13px; padding: 3px 5px;} } /* OTHER PAGES */ .not-shop-page #closedCityMap { height: 32px; width: 596px; } .not-shop-page #openedCityMap { width: 596px; } .not-shop-page .closedListMap { height: 32px; width: 596px; } .closedListMap img { opacity: 0.3; filter: alpha(opacity=30); margin-top: -2px; } .openedListMap img { opacity: 0.3; filter: alpha(opacity=30); margin-top: -5px; } div.listMapbox img { opacity: 1; filter: alpha(opacity=100); } .closedListMap:hover img, .openedListMap:hover img { opacity: 1; filter: alpha(opacity=100); } .closedListMap:hover, .openedListMap:hover { color: #000; } #closedCityMap img { opacity: 0.3; filter: alpha(opacity=30); margin-top: -2px; } #openedCityMap img { opacity: 0.3; filter: alpha(opacity=30); margin-top: -5px; } #closedCityMap:hover img, #openedCityMap:hover img { opacity: 1; filter: alpha(opacity=100); } #closedCityMap:hover, #openedCityMap:hover { color: #000; } #cityMapbox img { opacity: 1; filter: alpha(opacity=100); } .listActions .link img { opacity: 0.4; filter: alpha(opacity=40); margin-top: -2px; } .listActions .link:hover img, .listActions .link.hover img { opacity: 1; filter: alpha(opacity=100); } .listActions .link:hover, .listActions .link.hover { color: #000; } .not-shop-page .openedListMap { width: 596px; } .not-shop-page .cityTag, .not-shop-page .shopTag { height: 40px; } .not-shop-page #hipshopsLogoDiv { padding-top: 30px; padding-bottom: 0px; } .not-shop-page.container, .not-shop-page.container #content { width: 1200px; } .not-shop-page div#photoList { clear: both; } .not-shop-page div#photoList input, .not-shop-page div#photoList label { float: left; } .not-shop-page div#photoList input#EditPhotos { clear: left; } .not-shop-page div.checkbox input.delChk { margin: 55px 0 0 0 !important; } .not-shop-page div.checkbox label { margin-bottom: 5px !important; } .other-page .openedListMap { width: 100%; } .other-page .cityTag, .other-page .shopTag { height: 35px; background-position: 0px -3px !Important; } .other-page #hipshopsLogoDiv { padding-top: 30px; padding-bottom: 0px; } .other-page .listContainer { width: 100%; } .other-page div#photoList { clear: both; } .other-page div#photoList input, .other-page div#photoList label { float: left; } .other-page div#photoList input#EditPhotos { clear: left; } .other-page div.checkbox input.delChk { margin: 55px 0 0 0 !important; } .other-page div.checkbox label { margin-bottom: 5px !important; } .other-page #closedCityMap { height: 32px; width: 100%; } .other-page #openedCityMap { width: 100%; } .other-page .closedListMap { height: 32px; width: 100%; } #openedCityMap, .openedListMap { padding: 10px; } /* ADMIN stuff*/ li.order-hip { background: #fff; border-color: #efefef; padding: 10px; } img.order-arr { float: right; margin-top: -50px; width: 40px; opacity: 0.3; filter: alpha(opacity=30); cursor: pointer; } #puzzle1-menu { width: 506px !important; margin-top: -4px; margin-left: 0px; } #puzzle1-menu li { padding: 3px 5px 0 3px !important; height: 70px; width: 48px; float: left; box-sizing: content-box; } #puzzle1-menu li.ui-state-focus { background: #bbb; border-color: #bbb; } #puzzle1-menu li span { height: 68px; width: 50px; background-size: 100%; } #puzzle1-button span.ui-icon-triangle-1-s { right: 22px; margin-top: 28px; } #puzzle1-button { width: 59px !important; height: 90px; background: #fefefe; border-top: none; border-left: none; border-right: none; } #puzzle1-button .ui-selectmenu-text img { width: 50px !important; } #puzzle1-button .ui-selectmenu-text { padding: 0.4em 0.3em 0.4em 0.3em; } #puzzle2-menu { width: 506px !important; margin-top: -4px; margin-left: 0px; } #puzzle2-menu li { padding: 3px 5px 0 3px !important; height: 70px; width: 48px; float: left; box-sizing: content-box; } #puzzle2-menu li.ui-state-focus { background: #bbb; border-color: #bbb; } #puzzle2-menu li span { height: 68px; width: 50px; background-size: 100%; } #puzzle2-button span.ui-icon-triangle-1-s { right: 22px; margin-top: 30px; } #puzzle2-button { width: 59px !important; height: 90px; background: #fefefe; border-top: none; border-left: none; border-right: none; } #puzzle2-button .ui-selectmenu-text { padding: 0.4em 0.3em 0.4em 0.3em; } #puzzle2-button .ui-selectmenu-text img { width: 50px !important; } div.puzzler { float: left; } div.puzzler img { display: block; float: left; margin-bottom: 5px; width: 100%; } div.puzzler div { float: left; margin-right: 5px; overflow: hidden; } div#pz1 { width: 238px; } div#pz2 { width: 233px; } div.ptt { width: 100% !important; margin-bottom: 5px !important; margin-right: 0 !important; background: url(../img/p.png) repeat; float: left; height: 100%; } div#pz0 { width: 474px; margin-right: 5px; } div#pz0 div.ptt { width: 474px; height: 315px; } /* 5 130 235 */ div.nomr { margin-right: 0 !important; } div.puzzler .wid1 { width: 233px; height: 155px; margin-bottom: 5px !important; } div.puzzler .hei2 { width: 233px; } div.puzzler .hei3 { width: 114px; height: 155px; margin-bottom: 5px !important; } div.puzzler .wid4 { width: 114px; height: 155px; margin-bottom: 5px !important; } div.puzzler .wid7 { width: 114px; height: 75px; margin-bottom: 5px !important; } div.puzzler .hei2 img { width: auto; height: 315px; } div.puzzler .hei3 img { width: auto; height: 155px; } div.puzzler .wid1 div.ptt { width: 233px; height: 155px; } div.puzzler .hei2 div.ptt { width: 474px; height: 315px; } div.puzzler .hei3 div.ptt { width: 233px; height: 155px; } div.puzzler .wid4 div.ptt { width: 114px; height: 75px; } div.puzzler .wid7 div.ptt { width: 114px; height: 75px; }