html, body {
margin: 0px;
padding: 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
}
body, html {
height: 100%;
position: relative;
}
.mm-page.mm-slideout {
min-height: 100%;
position: relative;
}
.container { width: 100%; max-width: 1200px; }
/* MEHD Start */
.red-text {
color: #AA0000;
}
.mehd-hover:hover {
text-decoration: underline;
}
.ie-img {
display: none;
}
.prod_title {
text-transform: capitalize;
}
.mehd-error-box {
max-width: 300px;
margin: 20px auto;
}
.content-container {
width: 100%;
background-color: #ffffff;
padding: 10px;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
.mehd-welcome-container {
height: 180px;
padding-bottom: 20px;
}
.mehd-welcome-3-top {
height: 70px;
}
.mehd-welcome-3-middle {
height: 40px;
margin-top: 6px;
margin-bottom: 11px;
}
.mehd-welcome-3-bottom {
height: 33px;
}
.w-w-w-container {
color: #000066;
background-color: #f0f0f0;
padding: 3px;
border-radius: 25px;
max-width: 1170px;
margin: 0 auto;
overflow: hidden;
}
.w-w-w-box {
width: 33%;
float: left;
}
.w-w-w-border {
border-left: 0.1vw solid #eeeeee;
border-right: 0.1vw solid #eeeeee;
padding-left: 0.15vw;
padding-right: 0.15vw;
}
.w-w-w-left-pad {
padding-left: 1.00%;
}
.w-w-w-right-pad {
padding-right: 0.25%;
}
.w-w-w-header {
text-align: left;
font-weight: bolder;
font-size: 18px;
width: 100%;
color: #AA0000;
}
.left {
float: left;
}
.right {
float: right;
}
.margin-right {
margin-right: 20px;
}
.margin-30-top {
margin-top: 30px;
}
.margin-50-top {
margin-top: 50px;
}
.text-center {
text-align: center;
}
.w-w-w-row {
margin-top: 0.3%;
}
.w-w-w-text {
font-weight: bold;
font-size: 17px;
line-height: 17px;
padding-left: 2.5%;
padding-top: 9px;
display:block;
}
.w-w-w-textdate {
font-weight: bold;
font-size: 17px;
line-height: 17px;
padding-left: 2.5%;
padding-top: 9px;
}
.w-w-w-text img {
display: inline;
width: 25px;
height: 25px;
margin: 0;
}
.w-w-w-droptext {
font-weight: bold;
font-size: 15px;
color: #000066;
width: 98%;
padding-right: 2.5%;
padding-bottom: 1.0%;
}
.w-w-w-droptext select {
width: 100%;
border-radius: 5px;
line-height: 17px;
text-transform: capitalize;
background-color: #ffffff;
outline: none;
}
.w-w-w-datetext {
font-weight: bold;
font-size: 15px;
color: #000066;
width: 40%;
padding-right: 2.5%;
padding-bottom: 1.0%;
margin-bottom: 2.0%;
line-height: 17px;
}
.w-w-w-droptext option {
text-transform: capitalize;
}
.datepicker {
padding: 7.5px;
border-radius: 5px;
border: 1px solid #ffffff;
color: #000066;
text-shadow: none;
box-shadow: none;
width: 100%;
}
.datepicker-mobile {
padding: 4px;
border-radius: 5px;
border: 1px solid #ffffff;
color: #000066;
text-shadow: none;
box-shadow: none;
width: 100%;
display: none;
}
.daytier-container {
width: 90%;
margin : 0 auto;
overflow: hidden;
padding-left:15px;
padding-right:15px;
}
.w-w-w-book-now-button {
padding-top: 0.5%;
padding-bottom: 1.5%;
padding-right: 2.5%;
padding-left: 2.5%;
}
.w-w-w-book-now-button input {
font-weight: bold;
font-size: 22px;
background-color: #FFFF33;
color: #000066;
box-shadow: none;
text-shadow: none;
border: none;
border-radius: 10px;
outline: none;
}
.w-w-w-book-now-button input:hover {
text-decoration: underline;
}
.search-warning-button-container {
margin-top: 10px;
}
.search-warning-button-container input {
font-weight: bold;
font-size: 20px;
padding: 5px;
width: 50%;
background-color: #000066;
color: #fff;
box-shadow: none;
text-shadow: none;
border: none;
border-radius: 5px;
outline: none;
display: block;
margin : 0 auto;
}
.data-error-button-container {
margin-top: 10px;
}
.data-error-button-container input {
font-weight: bold;
font-size: 20px;
padding: 5px;
min-width: 50%;
background-color: #000066;
color: #fff;
box-shadow: none;
text-shadow: none;
border: none;
border-radius: 5px;
outline: none;
display: block;
margin : 0 auto;
}
.product-error-content input:hover {
text-decoration: underline;
}
.mehd-mini-cart {
margin-top: 20px;
margin-right: 20px;
padding: 10px;
background-color: #000066;
color: #fff;
border-radius: 5px;
}
.mehd-destination {
text-align: center;
}
.mehd-destination a:hover {
text-decoration: underline;
color:#000000;
}
.your-account-button {
padding: 11px 0px;
background-color: #000066;
color: #fff;
border-radius: 5px;
width: 25%;
text-align: center;
}
.your-account-button:hover {
text-decoration: underline;
}
.your-account-text {
font-size: 20px;
font-weight: bold;
}
.your-agentaccount-text {
font-size: 14px;
font-weight: bold;
}
.mehd-hello-name-text {
font-size: 14px;
}
.mini-cart-button {
margin-right: 5%;
padding: 15px 0px;
background-color: #000066;
color: #fff;
border-radius: 5px;
width: 70%;
text-align: center;
}
.mini-cart-text {
font-size: 14px;
font-weight: bold;
}
.view-cart-button {
padding: 10px 0px;
background-color: #000066;
color: #fff;
border-radius: 5px;
height: 40px;
width: 32.5%;
text-align: center;
margin-right: 5%;
}
.view-cart-button:hover {
text-decoration: underline;
}
.view-cart-text {
font-size: 14px;
font-weight: bold;
}
.checkout-header-button {
padding: 10px 0px;
background-color: #000066;
color: #fff;
border-radius: 5px;
height: 40px;
width: 32.5%;
text-align: center;
margin-right: 5%;
}
.checkout-header-button:hover {
text-decoration: underline;
}
.checkout-header-text {
font-size: 14px;
font-weight: bold;
}
.mehd-currency {
width: 25%;
background-color: #eee;
color: #777;
font-weight: bold;
border-radius: 5px;
}
.login-logout-button {
margin-top: 52px;
margin-right: 42.5px;
padding: 10px 30px;
background-color: #000066;
color: #fff;
border-radius: 5px;
}
.login-logout-text {
font-size: 12.5px;
font-weight: bold;
}
.icon img {
display: block;
margin: 10px auto;
height: 70px;
}
.icon-small img {
display: block;
margin: 10px auto;
height: 50px;
}
.icon-tablet img {
display: block;
margin: 9px auto;
height: 50px;
}
.icon-tablet-small img {
display: block;
margin: 10px auto;
height: 30px;
}
.icon-mobile img {
display: block;
margin: 5px auto;
height: 50px;
}
.icon-mobile-small img {
display: block;
margin: 5px auto;
height: 30px;
}
.eight-box input, .eight-box-small select, .eight-box span {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.three-box input, .three-box select, .two-box input, .two-box select {
display: block;
margin: 0 auto;
}
.eight-box input[type=submit], .three-box input[type=submit] {
border: none;
background-color: #000066;
color: #ffffff;
box-shadow: none;
padding: 5px;
border-radius: 5px;
font-weight: bold;
outline: none;
}
.two-box input[type=submit], .two-box-big input[type=button] {
border: none;
background-color: #000066;
color: #ffffff;
box-shadow: none;
padding: 5px;
border-radius: 5px;
font-size: 14px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
.eight-box-small select, .three-box select {
font-weight: bold;
color: #ffffff;
background-color: #000066;
padding-right: 2.5%;
border-radius: 5px;
box-shadow: none;
width: 70px;
}
.two-box select {
font-weight: bold;
font-size: 12px;
color: #ffffff;
background-color: #000066;
padding-right: 2.5%;
border-radius: 5px;
box-shadow: none;
width: 70px;
}
.vertical-three-box {
height: 50px;
text-align: center;
}
.vertical-three-box-mobile {
height: 50px;
text-align: center;
}
.vertical-three-box-mobile-small {
height: 30px;
text-align: center;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-20 {
margin-top: 20px;
}
.tablet-middle-borderbox {
border-left: 3px solid #000066;
border-right: 3px solid #000066;
}
/* mehd PLD Remove - hide with class Hide
.pagination {
display: none;
}
*/
.mehd-cart-remove {
display: block;
margin-left: auto;
margin-right: auto;
}
.mehd-cart-container {
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.mehd-checkout-button-container {
display:none;
text-align: center;
max-width: 300px;
margin: 0 auto;
}
.mehd-checkout-button-container input {
margin-top: 20px;
padding: 10px;
background-color: #000066;
color: #fff;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
width: 100%;
border: none;
outline: none;
}
.mehd-checkout-button-container input:hover {
text-decoration: underline;
}
.change-quote-button-container {
display:none;
text-align: center;
max-width: 300px;
margin: 0 auto;
}
.change-quote-button {
margin: 20px 0px;
padding: 10px;
background-color: #000066;
color: #fff;
border-radius: 5px;
font-size: 15px;
font-weight: bold;
cursor: pointer;
}
.date-ok {
background-color: #000066;
color: #fff;
text-align: center;
font-size: 14px;
padding: 5px;
width: 75%;
margin: 5px auto;
border-radius: 5px;
cursor: pointer;
}
#date-warning-popup {
padding: 5px;
font-weight: bold;
}
.no-close .ui-dialog-titlebar-close {
display: none;
}
.ui-dialog-titlebar {
padding: 5px;
}
.date-popup-container {
display: none;
width: 100%;
height: calc(100%);
background: rgba(170, 0, 0, 1));
position: fixed;
top: 0px;
left: 0px;
z-index: 1;
text-align: center;
}
.datepicker-center{
display: inline-block;
margin: 25% auto;
}
.date-popup-close {
margin-top: 20px;
padding: 10px;
background-color: #777;
color: #fff;
border-radius: 5px;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.error-popup {
display: none;
width: 100%;
height: calc(100%);
background: rgba(105,100,100,0.8);
position: fixed;
top: 0px;
left: 0px;
z-index: 1;
}
.error-popup-content {
margin: 10px;
background: #fff;
border-radius: 10px;
max-height: calc(100%);
padding: 20px;
text-transform: capitalize;
font-weight: bold;
position: fixed;
width: 50%;
top: 50%;
left: 25%;
color: #777;
font-size: 20px;
}
.date-warning-popup {
display: none;
width: 100%;
height: calc(100%);
background: rgba(170, 0, 0, 1);
position: fixed;
top: 0px;
left: 0px;
z-index: 1;
}
.date-warning-content {
margin: 10px;
background: #fff;
border-radius: 10px;
max-height: calc(100%);
padding: 20px;
text-transform: capitalize;
font-weight: bold;
position: fixed;
width: 50%;
top: 50%;
left: 25%;
color: #777;
font-size: 20px;
}
.search-warning-popup {
display: none;
width: 100%;
height: calc(100%);
background: rgba(105,100,100,0.8);
position: fixed;
top: 0px;
left: 0px;
z-index: 1;
}
.search-warning-content {
margin: 10px;
background: #fff;
border-radius: 10px;
max-height: calc(100%);
padding: 20px;
text-transform: capitalize;
font-weight: bold;
position: fixed;
width: 50%;
top: 50%;
left: 25%;
color: #777;
font-size: 20px;
}
.data-error-popup {
display: none;
width: 100%;
height: calc(100%);
background: rgba(105,100,100,0.8);
position: fixed;
top: 0px;
left: 0px;
z-index: 1;
}
.data-error-content {
margin: 10px;
background: #fff;
border-radius: 10px;
max-height: calc(100%);
padding: 20px;
text-transform: capitalize;
font-weight: bold;
position: fixed;
width: 50%;
top: 25%;
left: 25%;
color: #777;
font-size: 20px;
}
.data-error-content input:hover {
text-decoration:underline;
}
.product-error-popup {
display: block;
width: 100%;
height: calc(100%);
background: rgba(105,100,100,0.8);
position: fixed;
top: 0px;
left: 0px;
z-index: 1;
}
.product-error-content {
margin: 10px;
background: #fff;
border-radius: 10px;
max-height: calc(100%);
padding: 20px;
text-transform: capitalize;
font-weight: bold;
position: fixed;
width: 50%;
top: 25%;
left: 25%;
color: #777;
font-size: 20px;
}
.error-cross, .error-shop-cross, .error-state-cross, .error-state2-cross, .error-stateadd-cross, .error-date-cross, .error-customer-cross, .error-agentemail-cross , .error-no-date-cross {
position: fixed;
top: calc(50% + 15px);
left: calc(75% - 15px);
width: 15px;
height: 15px;
margin: 4px;
cursor: pointer;
}
.error-cross img, .error-shop-cross img, .error-state-cross img, .error-state2-cross img, .error-stateadd-cross img, .error-date-cross img, .error-customer-cross img, .error-agentemail-cross img, .error-no-date-cross img{
width: 100%;
height: 100%;
vertical-align: top;
}
.date-warning-cross {
position: fixed;
top: calc(50% + 15px);
left: calc(75% - 15px);
width: 15px;
height: 15px;
margin: 4px;
cursor: pointer;
}
.date-warning-cross img {
width: 100%;
height: 100%;
vertical-align: top;
}
.search-warning-cross {
position: fixed;
top: calc(50% + 15px);
left: calc(75% - 15px);
width: 15px;
height: 15px;
margin: 4px;
cursor: pointer;
}
.search-warning-cross img {
width: 100%;
height: 100%;
vertical-align: top;
}
.tablet-display-number {
float: left;
font-size: 25px;
padding: 4px 0px;
color: #eee;
}
.accessible-header {
font-weight: bold;
font-size: 20px;
color: #eee;
background-color: #5a5a5a;
padding: 5px;
border-radius: 5px;
text-align: center;
max-width: 300px;
margin-top: 30px;
}
.footer-3-box {
text-align: center;
background-color: #fff;
width: 100%;
min-height: 275px;
border-radius: 10px;
padding-top: 5px;
margin-top: 15px;
font-size: 15px;
}
.footer-3-box-bgimg {
background-image: url(../../../images/background-clouds.jpg);
}
.footer-3-box-inner {
font-size: 20px;
color: #72A2E2;
background-color: #fff;
border-radius: 10px;
padding: 5px 0px;
margin: 0 auto;
width: calc(100% - 10px);
}
.footer-3-box-img-con {
margin-top: 5%;
}
.footer-3-box-img-con img {
height: 175px;
}
.footer-3-box-img-wchair {
margin-top: 5%;
}
.footer-3-box-img-wchair img {
width: 95%;
}
.mehd-shopthanks {
width: 100%;
max-width: 819px;
margin: 0 auto;
background-color: #fff;
padding: 15px;
}
.mehd-shopthanks .main-product {
border: 2px solid #eee;
border-radius: 5px;
}
.mehd-recal {
display: none;
text-align: center;
margin: 0 auto;
}
.mehd-recal input[type=submit] {
padding: 10px;
width: 100%;
max-width: 300px;
font-weight: bold;
font-size: 20px;
outline: none;
}
.mehd-recal input[type=submit]:hover {
text-decoration: underline;
}
.mehd-cart-container input[type=submit] {
padding: 10px;
width: 100%;
max-width: 300px;
font-weight: bold;
font-size: 20px;
outline: none;
margin-top: 20px;
}
.mehd-cart-container input[type=submit]:hover {
text-decoration: underline;
}
.mehd-cart-submit-btn {
width: 100%;
max-width: 300px;
padding: 10px;
font-size: 20px;
font-weight: bold;
outline: none;
}
.mehd-cart-submit-btn:hover {
text-decoration: underline;
}
.mehd-footer-container {
border: 2px solid #72A2E2;
border-radius: 10px;
padding: 0 7.5px;
background-color: #fff;
margin-top: 15px;
/* RDT MEHD Feb 2020 UpdateLayoutMESDFooterOriginal */
overflow: hidden;
}
.footer-3-col-row {
border-bottom: 1px solid #777;
}
.mehd-footer-3-col {
width: 33%;
float: left;
font-size: 15px;
padding: 10px 0;
text-align: left;
}
.mehd-footer-3-col a:hover {
text-decoration: underline;
}
/* RDT MEHD Feb 2020 UpdateLayoutMESDFooterOriginal - START */
.mehd-footer-col {
float: left;
font-size: 15px;
padding: 10px 0;
text-align: left;
}
.mehd-footer-col a:hover {
text-decoration: underline;
}
.mehd-footer-row {
height: 60px;
border-bottom: 1px solid #777;
}
/* RDT MEHD Feb 2020 UpdateLayoutMESDFooterOriginal - END */
.mehd-footer-3-col-small {
width: 33%;
float: left;
font-size: 12px;
padding: 10px 0;
text-align: left;
}
.mehd-footer-3-col-small a:hover {
text-decoration: underline;
}
.mehd-footer-hide {
/*color: rgb(237, 237, 237);*/
color: #fff;
}
.mehd-footer-last {
border: none;
}
a.mehd-footer-small {
font-size: 12px;
}
.bottom-filler {
padding-bottom: 20px;
}
.socialmediaheader {
text-align: center;
font-size: 20px;
padding-bottom: 15px;
font-weight: bold;
}
.mehd-twitter {
color: #4099FF;
}
.mehd-facebook {
color: #3b5998
}
.mehd-googleplus {
color: #000066;
}
.mehd-footer-side {
font-size: 20px;
font-weight: bold;
width: calc(100% + 10px);
background-color: #72A2E2;
padding: 10px;
border-radius: 10px;
color: #fff;
margin: 10px 0;
}
.mehd-followus {
left: 5px;
position: relative;
}
.mehd-mailinglist {
left: -15px;
position: relative;
}
.mehd-footer-side:hover {
text-decoration: underline;
color: #fff;
}
.poweredby {
margin-top: 15px;
}
h1 {
text-transform: lowercase;
}
.mehd_InfoLink {
font-size: 14px;
padding-left: 2.5%;
}
.mehd_InfoLink:hover {
text-decoration: underline;
}
.w-w-w-inst-desktop {
display: block;
}
.w-w-w-inst-desktop .inst-top{
font-size: 20px;
font-weight: bold;
padding-left: 1.0%;
}
.w-w-w-inst-desktop .inst-bottom {
font-size: 14px;
padding-top: 1.5%;
padding-left: 1.5%;
}
.w-w-w-inst-mobile {
font-size: 14px;
padding-left: 2.5%;
display: none;
}
.mehdaffbox {
background-color: #ffffff;
color: #000066;
font-size: 1em;
padding-left: 3px;
margin-top: -20px;
}
.information img {
display: inline;
width: 20px;
height: 20px;
margin: 0;
}
.information-i-popup {
display: none;
width: 100%;
height: calc(100%);
background: rgba(105,100,100,0.8);
position: fixed;
top: 0px;
left: 0px;
/* MEHD RDT Feb 2020 - UpdateMESD - set popup z-index higher than tabs */
z-index: 2;
}
.information-i-popup-content {
margin: 10px;
background: #fff;
border-radius: 10px;
max-height: calc(100%);
padding: 20px;
/* text-transform: capitalize; */
font-weight: bold;
position: fixed;
width: 50%;
top: 50%;
left: 25%;
color: #777;
font-size: 20px;
}
.masteragent-i-cross, .agentuser-i-cross, .agentref-i-cross, .bookingname-i-cross, .reservationnum-i-cross, .agenttoname-i-cross, .agentfromname-i-cross, .agenttoaddress-i-cross, .agentfromaddress-i-cross, .agentmasterinfo-i-cross, .agentactioncancel-i-cross, .agentactionamend-i-cross, .mehdtimeout-i-cross , .arrivalinfo-i-cross, .departureinfo-i-cross, .copyaddress-i-cross, .agentcurrency-i-cross, .intdiallingcode-i-cross, .phoneconfirm-i-cross, .contactresort-i-cross {
position: fixed;
top: calc(50% + 15px);
left: calc(75% - 15px);
width: 15px;
height: 15px;
margin: 4px;
cursor: pointer;
}
.masteragent-i-cross img, .agentuser-i-cross img, .agentref-i-cross img, .bookingname-i-cross img, .reservationnum-i-cross img, .agenttoname-i-cross img, .agentfromname-i-cross img, .agenttoaddress-i-cross img, .agentfromaddress-i-cross img, .agentmasterinfo-i-cross img, .agentactioncancel-i-cross img, .agentactionamend-i-cross img, .mehdtimeout-i-cross img, .arrivalinfo-i-cross img, .departureinfo-i-cross img, .copyaddress-i-cross img, .agentcurrency-i-cross img, .intdiallingcode-i-cross img, .phoneconfirm-i-cross img, .contactresort-i-cross img{
width: 100%;
height: 100%;
vertical-align: top;
}
.information-i-cross{
position: fixed;
top: calc(50% + 15px);
left: calc(75% - 15px);
width: 15px;
height: 15px;
margin: 4px;
cursor: pointer;
}
.information-i-cross img{
width: 100%;
height: 100%;
vertical-align: top;
}
.language-img img {
padding-top: 7px;
width: 40px;
}
.mehd-iconnav-flag {
padding: 0px 10px 0px;
}
/* RDT Oct 2019 Home page styles - START */
.BulletCol1 {
min-height: 40px;
float: left;
width: 7%;
background-image: url(/images/Buttons/Bullet-MEHD-Logo.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
}
.BulletCol2 {
float: right;
width: 93%;
text-align: left;
display: block;
margin-bottom: 5px;
padding: 5px 0 5px 0;
}
.HomeContent {
border-bottom: 1px solid #777;
margin-bottom: 10px;
overflow: hidden;
padding: 15px 0 15px 0;
}
.HomeContent img {
width: 100%;
padding-bottom: 10px;
max-height: 469px;
}
.HomeBannerImage {
width: 60%;
}
.HomeBannerText {
font-weight: bold;
margin-top: 0;
text-align: center;
color: #AA0000;
}
.HomeTextCenterTitle {
text-align: center;
text-decoration: underline;
padding: 5px 0 15px 0;
}
.HomeTextCenter {
text-align: center;
padding: 5px 0 5px 0;
}
.HomeColLine {
border-left: 1px solid #777;
height: 100%;
}
.HomeButton {
text-align: center;
color: #FFF;
font-weight: bold;
clear: both;
margin-left: 30%;
margin-top: 30px;
width: 40%;
background-color: #AA0000;
border-radius: 10px;
padding: 10px;
}
.HomeButton a {
color: #FFF !important;
text-decoration: none !important;
}
.LinksBold a {
font-weight: bold;
}
/* RDT Oct 2019 Home page styles - END */
.HideLink a {
color: #000 !important;
text-decoration: none !important;
font-size: 0.8em;
}
.mobile-tablet-addresses{display:none;} /*added by JS 11-02-16 to prevent mobile footer addresses from displaying on desktop */
@media (max-width: 1150px) {
.mini-cart-button {
margin-right: 2.5%;
}
.your-account-button {
width: 27.5%;
}
.checkout-header-button {
margin-right: 2.5%;
}
.mehd-currency {
width: 27.5%;
}
}
@media (max-width: 1055px) {
.view-cart-button {
margin-right: 2.5%;
}
.mehd-currency {
width: 30%;
}
.mini-cart-button {
width: 67.5%;
}
.your-account-button {
width: 30%;
}
}
@media (max-width: 1067px) and (min-width: 1000px) {
}
@media (min-width: 1000px) {
.mehd_desktop_view {
display: block;
}
.mehd_tablet_view {
display: none
}
}
@media (max-width: 1000px) {
.mehd_desktop_view {
display: none;
}
.mehd_tablet_view {
display: block;
}
.language-img img {
padding-top: 10px;
width: 40px;
padding-top: 10px;
}
.mehd-iconnav-flag {
padding: 0px 20px 10px;
}
/* RDT Oct 2019 */
.BulletCol1 {
width: 10%;
}
.BulletCol2 {
width: 90%;
}
}
@media (max-width: 900px) and (min-width: 548px) {
.w-w-w-text {
width: 100%;
padding: 2.5%;
}
.w-w-w-textdate {
width: 100%;
padding: 2.5%;
}
.w-w-w-droptext {
width: 100%;
padding-left: 2.5%;
}
.w-w-w-datetext {
width: 100%;
padding-left: 2.5%;
}
}
@media (max-width: 800px) {
.w-w-w-row {
margin-top: 0.5%;
}
.w-w-w-header {
text-align: center;
font-size: 28px;
}
.w-w-w-book-now-button input {
font-size: 28px;
background-color: #AA0000;
color: #ffffff;
}
.error-popup-content {
top: 25%;
left: 5%;
width: 85%;
}
.information-i-popup-content {
top: 25%;
left: 5%;
width: 85%;
}
.date-warning-content {
top: 25%;
left: 5%;
width: 85%;
}
.search-warning-content {
top: 25%;
left: 5%;
width: 85%;
}
.data-error-content {
left: 5%;
width: 85%;
}
.error-cross, .error-shop-cross, .error-state-cross, .error-state2-cross, .error-stateadd-cross, .error-date-cross, .error-customer-cross, .error-agentemail-cross , .error-no-date-cross {
top: calc(25% + 15px);
left: calc(90% - 15px);
}
.masteragent-i-cross, .agentuser-i-cross, .bookingname-i-cross, .reservationnum-i-cross, .agenttoname-i-cross, .agentfromname-i-cross, .agenttoaddress-i-cross, .agentfromaddress-i-cross, .agentmasterinfo-i-cross, .agentactioncancel-i-cross, .agentactionamend-i-cross, .agentcurrency-i-cross, .mehdtimeout-i-cross, .arrivalinfo-i-cross, .departureinfo-i-cross, .copyaddress-i-cross, .intdiallingcode-i-cross, .phoneconfirm-i-cross, .contactresort-i-cross {
top: calc(25% + 15px);
left: calc(90% - 15px);
}
.information-i-cross {
top: calc(25% + 15px);
left: calc(90% - 15px);
}
.date-warning-cross {
top: calc(25% + 15px);
left: calc(90% - 15px);
}
}
@media (max-width: 767px) {
.default-3-box {
width: 47.5%;
}
#dah-box {
margin-left: 5%;
}
.mehd-followus {
left: -15px;
position: relative;
}/*added by JS 11-02-16 to make follow us on social media inline on mobile and tablet*/
.footer-address{display:none;}
.mobile-tablet-addresses{display:block; padding-top:5px} /*added by JS 11-02-16 to hide destop footer addresses and display mobile addresses*/
}
@media (max-width: 667px) {
}
@media (max-width: 547px) {
.w-w-w-droptext {
font-size: 15px;
width: 100%;
padding-left: 2.5%;
}
.w-w-w-datetext {
font-size: 15px;
width: 50%;
padding-left: 2.5%;
}
.w-w-w-button {
display: block;
}
.w-w-w-inst-desktop {
display: none;
}
.w-w-w-inst-mobile {
display: block;
}
#where-box {
width:90%;
}
#what-box {
width:90%;
}
#when-box {
width:90%;
}
.w-w-w-box {
width: 100%;
}
.w-w-w-text {
display: none;
}
.w-w-w-textdate {
font-size: 17.5px;
}
.datepicker {
padding: 10px;
}
.tablet-display-number {
display: none;
}
.accessible-header {
margin: 0 auto;
margin-top: 30px;
}
.information-i-popup-content {
top: 25%;
left: 5%;
width: 85%;
}
.error-popup-content {
top: 25%;
left: 5%;
width: 85%;
}
.date-warning-content {
top: 25%;
left: 5%;
width: 85%;
}
.search-warning-content {
top: 25%;
left: 5%;
width: 85%;
}
.data-error-content {
left: 5%;
width: 85%;
}
.wheelchair-i-cross {
top: calc(25% + 15px);
left: calc(90% - 15px);
}
.error-cross, .error-shop-cross, .error-state-cross, .error-state2-cross, .error-stateadd-cross, .error-date-cross, .error-customer-cross, .error-agentemail-cross , .error-no-date-cross {
top: calc(25% + 15px);
left: calc(90% - 15px);
}
.masteragent-i-cross, .agentuser-i-cross, .bookingname-i-cross, .reservationnum-i-cross, .agenttoname-i-cross, .agentfromname-i-cross, .agenttoaddress-i-cross, .agentfromaddress-i-cross, .agentmasterinfo-i-cross, .agentactioncancel-i-cross, .agentactionamend-i-cross, .agentcurrency-i-cross, .mehdtimeout-i-cross, .arrivalinfo-i-cross, .departureinfo-i-cross, .copyaddress-i-cross, .intdiallingcode-i-cross, .phoneconfirm-i-cross, .contactresort-i-cross {
top: calc(25% + 15px);
left: calc(90% - 15px);
}
.information-i-cross {
top: calc(25% + 15px);
left: calc(90% - 15px);
}
.date-warning-cross {
top: calc(25% + 15px);
left: calc(90% - 15px);
}
.default-3-box {
width: 100%;
}
#dah-box {
margin-left: 0px;
margin-top: 20px;
}
.customised-form-container {
padding: 10px;
}
.date-popup-container {
position: absolute;
width: 80%;
top: 300px;
left: 0px;
}
.mehdaffbox {
}
.AgentRegister {
display: none;
}
}
@media (max-width: 340px) {
.w-w-w-textdate {
font-size: 1.25rem;
}
.w-w-w-droptext {
font-size: 1rem;
}
.w-w-w-datetext {
font-size: 1rem;
}
.w-w-w-button input {
font-size: 1.75rem;
}
.w-w-w-book-now-button input {
font-size: 1.75rem;
}
.AgentRegister {
display: none;
}
}
/* MEHD End */
.glyphicon.glyphicon-menu-hamburger {
display: none;
}
select {
/* border: 1px solid #111;
background: transparent;
width: 150px;
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; */
}
/* STICKY FOOTER */
/* Sticky footer styles
-------------------------------------------------- */
html, #page {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
}
#vp_footer { margin: 0 auto}
.footer {
/* position: absolute;
bottom: 0; */
position: relative;
width: 100%;
/* Set the fixed height of the footer here */
min-height: 60px;
background-color: #f5f5f5;
}
.form-control:focus {
border-shadow: none;
}
.navbar {
min-height: 10px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
}
a:hover, a, a:focus, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
color: inherit;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background: none;
color: #fff;
}
.navbar-default .navbar-toggle:hover {
background: none;
}
.navbar-toggle {
margin-right: 0px;
}
.navbar-default .navbar-toggle {
border: 0px none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: none;
}
.dropdown .caret {
color: inherit;
}
.twitter-timeline { width: 100% !important; }
.input-group-custom input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #ddd -moz-use-text-color #ddd #ddd;
border-image: none;
border-style: solid none solid solid;
border-width: 1px 0 1px 1px;
box-shadow: none;
}
.input-group-custom span {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #ddd #ddd #ddd -moz-use-text-color;
border-image: none;
border-style: solid solid solid none;
border-width: 1px 1px 1px 0;
padding-right: 5px;
}
.glyphicon.glyphicon-search {
border: 0px none;
}
.spriteicons {
background-image: url("../images/sprite-icons_trans.png");
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
}
.sprite-search {
background-position: -194px -5px;
border: 0 none;
height: 26px;
width: 27px;
background-image: none;
}
.sprite-cart {
background-image:none;
border-radius: 27px;
height: 40px;
width: 42px;
font-size: 21px;
padding: 10px;
}
#vp_welcomeboxsquare {
text-align: right;
font-size: 13px;
}
#vp_welcomeboxsquare .toprightsection:first-child li {
border-color: -moz-use-text-color -moz-use-text-color;
border-style: dashed;
border-width: 0 0 1px;
padding-bottom: 10px;
}
.toprightsection {
margin-bottom: 5px;
}
.copyaddress {
margin-bottom: 20px;
font-weight:bold;
color:#AA0000;
}
.copyaddressmargin {
margin-bottom: 10px;
margin-top: 10px;
}
.copyaddressbox {
height: 20px;
width: 20px;
}
.mid-topright-nav {
list-style: none;
margin-bottom: 5px;
}
.welcome {
display: inline;
padding-right: 20px;
}
.mid-topright-nav > li {
display: inline;
}
.toprightsection .navbar-nav > li > a {
padding: 0px 15px 5px;
}
.toprightsection ul > li {
display: inline-block;
list-style: none;
}
.nav > li.dropdown > a {
padding: 5px 15px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
color: inherit;
}
.megamenu { display: table; width: 100%; }
.megamenu > li { display: table-cell; float: none; }
.megamenu-dropdown {
display: none;
position: absolute;
min-width: 150px;
width: 100%;
z-index: 999;
opacity: 0;
transition: opacity 3s;
}
.megamenu-dropdown ul {
padding: 5px 0px;
}
#vp_horomenu li {
list-style: none;
}
/* .megamenu-dropdown ul {
padding-left: 10px;
} */
#vp_horomenu li {
position: relative;
text-transform: Uppercase;
font-size:1.0em;
font-weight:bold;
color: #ffffff;
}
#vp_horomenu li:hover .megamenu-dropdown {
display: block;
opacity: 1;
}
.dropdown-icon-container { padding-top: 15px; padding-bottom: 15px; }
#vp_topheader .nav > li.dropdown > a { padding-top: 10px; }
#vp_topheader .nav > li.dropdown > .welcome, #vp_topheader .nav > li.dropdown > .minicart { padding-top: 10px; display: inline-block; }
/* NEW FOOTER */
.footer { padding-top: 10px; padding-bottom: 10px;}
.unstyled { list-style: none; padding-left: 0px;}
.icon-social {
background: url("../../../images/social-icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 32px;
opacity: 0.3;
text-indent: -9999px;
width: 32px;
transition: opacity 2s;
}
.icon-social {
margin-bottom: 5px;
margin-right: 5px;
}
.icon-social {
display: inline-block;
width: 32px;
height: 32px;
}
.icon-social.facebook {
background-position: -50px 0;
}
.icon-social.youtube {
background-position: -100px 0;
}
.icon-social.rss {
background-position: -150px 0;
}
.icon-social.pinterest {
background-position: -250px 0;
}
.icon-social.instragram {
background-position: -200px 0;
}
.icon-social:hover {
opacity: 0.6;
}
.footer .notification { background-color: #fff; padding: 5px; }
ul.credit-cards li, ul.unstyled li {
display: inline;
margin: 0 0px 0 0;
}
/* MEHD PLD 11-11-2015 Site Redesign
.credit-cards img { opacity: 0.6; transition: opacity 2s}
.credit-cards img:hover { opacity: 1; }
*/
.footer-nav{
text-align: right;
}
.shop-notices {
text-align: right;
}
.footer-nav li{
display: inline-block;
padding-bottom: 10px;
}
.footer-content {padding-top: 10px; padding-bottom: 10px;}
.footer-nav li a {
padding: 3px 5px;
}
.footer-nav li:after {
content: " |";
}
.footer-nav li.last:after {
content: " ";
}
/* END NEW FOOTER */
.cameraContent .camera_caption > div {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
color: #000;
}
.camera_wrap.camera_azure_skin {
margin-bottom: 0px !important;
}
.camera_pag_ul {
margin-top: -69px !important;
}
.utility-bar .welcome, .utility-bar .cart_summary {
margin: 15px 0;
}
.welcome.grey-lower-nav {
margin: 10px 0px;
}
#welcomeboxstretchform3 {
margin-bottom: 0;
margin-top: 8px;
}
.search {
position: relative;
padding: 0px;
}
/* '800 - 2015.07.27 - Enhancement: Ajax Search: Better navigation and faster search */
.searchresultwrapper {
z-index:999;
position:absolute;
width:300px;
background:#a4bc10;
text-align:left;
visibility:hidden;
padding:5px;
color: #777;
left: 0;
top: 40px;
overflow-y:hidden;
/*height:300px;*/
}
#vp_rightsidebox .searchresultwrapper {
left: auto;
right: 0px;
top: 33px;
}
#vp_leftsidebox .searchresultwrapper {
top: 33px;
}
input.searchfield.active, .input-group-custom.active {
z-index: 1000;
border-bottom: 0px none;
position: relative;
}
.input-group-custom input[type="text"]:focus{
border-color: none;
box-shadow: none;
-webkit-box-shadow: none;
outline: -webkit-focus-ring-color auto 5px;
}
/* '800 - 2015.07.27 - Enhancement: Ajax Search: Better navigation and faster search */
span.searchresultwrapper > a {
padding:5px;
line-height: 1.8;
}
.dropdown .searchresultwrapper { margin-top: -5px;}
.row.toprightsection.bottomlevel .searchresultwrapper, #vp_welcomeboxstretch .searchresultwrapper { left: auto; right: 0px; }
/* '800 - 2015.07.27 - Enhancement: Ajax Search: Better navigation and faster search */
span.searchresultwrapper > a:hover {
background-color: #f5f5f5;
}
/* '800 - 2015.07.27 - Enhancement: Ajax Search: Better navigation and faster search */
.searchresultwrapper .paginate { text-align: center; background-color: #5a5a5a; color:#fff;}
.searchresultwrapper .paginate a { display: inline-block; width: auto; padding: 5px; }
.searchresultwrapper .paginate a:hover {
background-color: #f5f5f5;
color: #5a5a5a;
}
.input-group.input-group-custom .input-group-btn {
border: 0px none;
padding-right: 0px;
}
.input-group-custom .input-group-custom { border: 0px none;}
.search.col-xs-6 {
margin-bottom: 5px;
}
#contactusinfo { margin-bottom: 15px; }
#contactgooglemap #googlemap {
width: 100% !important;
}
#vp_logo img, .vp_logo img {
margin-bottom: 10px;
max-width: 100%;
margin-top: 5px;
}
.vp_logo img.desktoplogo{
display:block;
}
.vp_logo img.mobilelogo{
display:none;
}
.fa.fa-caret-down {
margin-left: 5px;
}
.mobile-header .navbar-nav li {
border-right: 1px solid #fff;
display: inline-block;
margin-top: 4px;
max-height: 30px;
vertical-align: middle;
color: #fff;
}
.mobile-header .navbar-nav li {
border-right: 1px solid #ececec;
display: inline-block;
margin-top: 4px;
max-height: 30px;
}
.mobile-header .navbar-nav li:last-child {
border-right: 0 none;
}
.sidr-class-nav > ul > li > a { font-weight: bold; text-transform: Uppercase; font-family: 'Open Sans', sans-serif; }
.input-group-custom {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
padding: 0px 5px;
}
.input-group-custom input {
border: 0px;
}
.mobile-header .navbar-nav li a, .mobile-header .navbar-nav li a:hover, .mobile-header .navbar-nav li a:focus {
margin: 3px 0;
padding: 0 9px;
}
#responsive-menu-button {
margin: 7px 0;
float: left;
color: #ececec;
}
.category_menu_wrapper {
padding-right: 0;
padding-top: 5px;
text-align: right;
text-transform: uppercase;
}
.category_menu_wrapper a {
text-decoration: none;
color: #fff;
font-size: 15px;
}
.navbar-toggle {
color: inherit;
}
.iconnav {
padding: 0px 20px 10px;
}
.navbar-toggle {
background-color: transparent;
background-image: none;
border-radius: 4px;
float: right;
margin-bottom: 8px;
margin-top: 8px;
padding: 0px;
position: relative;
}
.nav-class {
display: none;
}
.lower-header {
display: e2e2e2;
background-color: #lower-heder;
}
#vp_logo img, .vp_logo img {
display: block;
padding: 10px 0;
max-width: 100%;
}
.vp_logo.col-sm-6.col-xs-12,#vp_welcomeboxsquare{
width: 49.8%;
display: inline-block;
float: none;
vertical-align: middle;
}
*:before, *:after {
box-sizing: border-box;
}
*:before, *:after {
box-sizing: border-box;
}
.mobile-button {
display: inline-block !important;
float: none;
}
.mobile-button {
margin-top: 3px;
}
.mobile-header .navbar-nav li a {
margin: 3px 0;
padding: 0 9px;
}
.search.col-xs-8, .category_menu_wrapper { margin-top: 5px; }
.category_menu_wrapper { margin-top: 8px; }
.no-margin { margin: 0px; }
.navigation_dropdown_menu_mobile > .container { }
.navigation_drops_wrapper { display: none; }
.navigation_dropdown_menu_mobile input {
margin: 10px 0px;
}
.random-prod-info { padding-bottom: 5px; }
.random-prod-info .fa-search, .randomproduct .fa-search { padding: 0px 10px;}
.navigation_drops_wrapper .txtfield, iframe.txtfield {
width: 100%;
}
.pull-center { text-align: center; }
/* MOBILE HEADER */
.mobile-header { display: none}
.pagination > li { display: inline-block; }
/* CONTENT PAGE */
.blogpage .comment_container {
border: 1px solid #ddd;
padding: 10px;
}
.blogpage .comment_title {
background: none repeat scroll 0 0 #c3c6cd;
padding: 10px;
}
.content-wrapper {
margin-bottom: 0px;
margin-top: 0px;
}
#vp_bodycontent a { color: #aa0000;}
#vp_bodycontent a:hover { color: #f39200;}
#vp_bodycontent a.morelink { color: #AA0000; text-decoration: underline; text-align: center;}
.sidebarcell, .main-content, .main-product, .main-news, .main-blog, .main-freetext, .main-product, #shopcustomer{
border: 1px solid #e7e7e7;
margin-bottom: 10px;
padding: 15px;
}
center > table {
border-top: 1px solid #ddd;
}
td > .info_table { margin-top: 0px; }
.txtfield.inputfield { width: 100% }
.sidebarcell_noborder {
margin-bottom: 10px;
padding: 15px;
}
.main-content h3, .main-product h2, .main-news h2, .main-blog h2, .main-freetext h2, .main-product h1, #shopcustomer h1, .main-content h2, .sub-header-container h1, .title h2, .title h1 {
margin-top: 0px;
font-size: 1.2em;
font-family: inherit;
}
.title h2.sub-section-title { font-size: 15px; }
.submitbtn { margin-top: 5px; margin-bottom: 5px; }
#vp_toprighticons .fa { font-size: 28px;}
.dropdown-icon-container .submitbtn { margin-bottom: -5px; }
.dropdown-icon-container a:first-child .submitbtn:first-child { margin-top: 5px; display: none; }
.main-product > h1, .main-content > h2, .main-content > h3, .sub-header-container h1, .main-product .sub-content-title {
border-bottom: 1px solid #ddd;
border-top: 0 none;
font-size: 1.3em;
margin-bottom: 10px;
padding-bottom: 5px;
text-transform: uppercase;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.dropdown-icon-container h3 { margin-top: 0px; margin-bottom: 5px; }
#topheaderleftboxform { margin-top: 3px; }
.img-prod {
/* width: 100%; */
}
.title h2, .title h2 {
font-size: 1.3em;
padding: 0 5px 5px;
text-transform: Uppercase;
margin-top: 0px;
margin-bottom: 0px;
}
.flyout #flyout1, .flyout #flyout1 ul, ul.sidepage, .sideblogs, .sidenews, .menulist-style, .menulist-style.monthly_listing, .monthly_listing, .daily_listing, ul {
list-style: none;
padding-left: 5px;
}
.contentcell ul { width: 100%; }
.menulist-style.monthly_listing ul {
padding-left: 20px;
}
.menulist-style .daily_listing .montly_list .dailylisting {
padding-left: 25px;
}
.flyout #flyout1 li {
position: relative;
}
.flyout #flyout1 li ul {
display: none;
position: absolute;
top: 0px;
/*'800 - 2015.10.12 : Layout: CSS : Adjust the position of sub flyout menu*/
left: 95%;
padding: 5px 10px;
border: 1px solid #ddd;
min-width: 150px;
}
#flyout1 li a, .sideblogs, .sidenews {
display: inline-block;
vertical-align: top;
}
ul.sidepage {
padding-left: 0px;
}
ul.sidepage a {
width: 100%;
display: block;
padding: 3px 0px;
}
ul.sideblogs .list-wrapper a.news_title, ul.sidepage a.new_title { display: block; }
.megamenu-dropdown, #flyout1 ul {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
background: #fff;
z-index: 100;
}
.sidelanguage select {
width: 100%;
}
.sidecurrency img {
display: block;
margin: 0 auto;
}
.scrollToTop_default, .scrollToTop_default:hover {
background-image: url("../images/back-to-top.png");
background-repeat: no-repeat;
background-position: center center;
height: 50px;
width: 50px;
color: transparent !important;
}
.scrollToTop_cycle, .scrollToTop_cycle:hover, .scrollToTop_default:hover,v.scrollToTop, .scrollToTop:hover {
background-image: url("../images/back-to-top.png");
}
.scrollToTop {
color: #000;
font-family: sans-serif;
font-size: 12px;
height: 50px;
text-decoration: none;
text-indent: 100%;
text-transform: uppercase;
white-space: nowrap;
width: 50px;
border-radius: 8px;
}
/* ZOOM PLUGIN PRODUCT IMAGES */
.thumbnail_img {
float: left;
margin: 3px;
}
.thumbnail_img img {
height: auto !important;
width: 40px !important;
}
/* ZOOM PLUGIN PRODUCT IMAGES */
/* FEATURED SLIDER */
.product_widgets .image-wrapper{
/*'800 - 2015.10.12 : Layout: CSS : Better rendering product thumb image*/
margin: 5px auto; display: block;
width: auto;
max-width: 100%;
}
.carousel-caption .btn-details {
display: block;
margin: 10px auto;
}
.product_widgets .image-wrapper img{
}
option {
border-right: 2px solid #ddd;
}
.product-order-list .product-row { border-bottom: 1px solid #ddd; padding-bottom: 5px; padding-top: 5px; }
.product-order-list .product-row:last-child { border-bottom: 0px none; }
.product_widgets .item{
background-color: #fff;
}
.product_widgets .carousel-caption{
position: relative;
left: 0;
text-shadow: none;
color: inherit;
}
.product_thumbnail {
display: block;
margin: 5px auto;
width: 150px;
height: auto;
max-width: 150px;
width: 100%;
}
#flyout1 a {
vertical-align: top;
}
.glyphicon.glyphicon-play.right-bullet {
margin-top: 2px;
}
.list-wrapper { display: inline-block; width: 91%;}
ul li .right-bullet { vertical-align: top }
.shadetabs li a {
display: block;
width: 95%;
}
.productsummary td { background-color: #fff; }
.tabcontent.content_padding {
background-color: #fff;
border: 1px solid #eee;
}
.tabcontent.content_padding {
min-height: 195px;
}
.tell_friend_container .col-xs-5, .review_form .col-xs-5 { width: 34%; }
/* CENTER PAGE */
.text-content-wrapper ul {
color: #777;
list-style: outside none none;
padding-left: 15px;
}
.text-content-wrapper ul li h3 {
font-size: 14px;
font-weight: bold;
}
.text-content-wrapper ul li {
border-bottom: 1px solid #777;
padding-bottom: 15px;
}
.text-content-wrapper ul li:last-child {
border: medium none;
}
/* CENTER PAGE */
.letter {
display: inline-block;
margin: 0 8px;
}
.input-group-custom {
max-width: 210px;
}
.bottom .image {
max-width: 100%;
width: auto;
}
/* CONENT PAGE */
/* SIDEBARS */
/* Top Left header - minicart */
.left-topnav{
/* font-size: 20px; */
font-weight: bold;
/* RDT Feb 2023 - change 'call us now' background */
/*background-color: #000066;*/
background-color: #dd2222;
color: #ffffff;
/* width: 280px; */
}
.left-topnav > li > a:hover {
color: #ff0000;
}
.left-topnav .minicart{
width:300px;
padding-top:5px;
}
.rightside-bar .minicart {
list-style: none;
padding-left: 0px;
font-size: 12px;
}
.sidelogo {margin-bottom: 10px; }
.left-topnav, .left-topnav > li > a { min-height: 40px; }
.rightside-bar .minicart .minicart-qty, .minicart-qty {
display: inline-block;
vertical-align: top;
padding-left: 10px;
width: 20%;
}
.minicart-description {
font-size: 13px;
}
.minicart > li {
list-style: none;
}
.minicart-links {
text-align: center;
}
.minicart-description {
display: inline-block;
}
.minicart-subtotal {
background-color: #ededed;
padding: 5px;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
color: #848283;
font-size: 13px;
}
.rightside-bar .minicart .minicart-description a {
font-weight: bold;
}
.rightside-bar .minicart .minicart-description {
display: inline-block;
padding-left: 16px;
font-size: 12px;
}
.minicart-description {
width: 77%;
}
.sidesearch { position: relative;}
.sidesearch .searchresultwrapper > a { display: block; }
/* PRODUCT DETAILED PAGE */
#productexdbottom .shadetabs {
width: 100%;
}
/*'800 - 2015.10.12 : Layout: CSS : Product featured dropdown, radio and qty field featured options layout*/
.txtfielddropdown { width: auto; max-width: 100%; }
.qtycontainer { max-width: 55px; max-height: 35px; }
#productexdbottom .shadetabs li a span { border: 0px; background: none; }
#productexdbottom .shadetabs li a {
background-image: none;
background-color: #fff;
color: #777;
border: 1px solid #ddd;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 0px none;
width: 99%;
}
.tab_content_container .noproductmessage{
padding: 10px; background: #fff;
}
.tab_content_container { border: 1px solid #ddd; }
#productexdbottom .tab_content_container {
padding: 5px;
}
#productexdbottom .tab_content_container,
#productexdbottom .shadetabs li a.selected {
background-image: none;
background-color: #f8f6f7;
}
.shadetabs { display: table; }
.shadetabs > li {
display: table-cell;
}
/* EXTENTED PAGE */
#xproductextdesc { boder: 1px sold #ddd; background-color: #fff; padding: 10px; }
/* EXTENTED PAGE */
/* CHECKOUT PAGE STYLE */
.checkout-page {
padding: 0px 20px;
color: #878383;
}
.checkout-page label {
font-weight: normal;
}
.radio_wrapper > label { width: 94%;}
.radio_wrapper > input { vertical-align: top; }
.text-right { text-align: right }
.computation_wrapper {
border-top: 2px solid #e7e7e7;
border-bottom: 2px solid #e7e7e7;
padding: 10px 0px;
margin: 10px 0px;
}
.computation_wrapper_noborder {
padding: 10px 0px;
margin: 10px 0px;
}
.prod_quantity { display: inline-block;
margin-right: 20px;
min-width: 10px;
width: 20px;
}
.sub_title {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 10px;
}
.section_container {
border: 1px solid #e7e7e7;
margin: 0px -10px 10px;
padding: 15px 45px;
min-height: 689px;
}
.section_title {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
margin: 10px 0px 10px 30px;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
position: relative;
}
.section_counter {
border-radius: 15px;
color: #fff;
display: inline-block;
height: 30px;
padding: 5px;
text-align: center;
width: 30px;
position: absolute;
top: -2px;
left: -35px;
}.section_counter {
border-radius: 15px;
color: #fff;
display: inline-block;
height: 30px;
padding: 5px;
text-align: center;
width: 30px;
}
/* SIDEBARS */
.slide-btn {
border: 1px solid #ddd;
display: inline-block;
padding: 0px;
}
.slide-btn div {
cursor: pointer;
padding: 7px;
}
.btn-wrapper.pull-right {
margin-right: 15px;
}
.carousel-caption {
padding-bottom: 0px;
}
.item > hr {
margin: 0px;
}
.carousel-control.left, .carousel-control.right {
background-image: none;
z-index: 100;
}
.carousel-control .fa {
top: 50%;
display: inline-block;
position: absolute;
top: 50%;
z-index: 5;
}
/* SIDEBAR SLIDER */
.view-option {display: inline-block;}
.centerbtn { margin: 5px auto; display: block;}
#vp_toprighticons { padding-left: 0px; }
#vp_toprighticons .navbar-nav {
margin: 0 -15px;
}
/* PRODUCT VIEW */
.mobile-view {
margin-bottom: 20px;
}
.desktop-view .randomproduct .widget-product-title{ padding-left: 10px;}
.centerfield { display: block; margin: 10px auto; }
.product-details h4 {
font-size: 15px;
}
.product-details {
/* font-size: 11px; */
text-align: left; /* for tmp_productformat */
}
.product-details.prod-list-info, .prod-list-info .productlinks {
text-align: right;
}
.compare-link, .wishlist-link {
text-align:right;
}
.product-details .txtfield.quantity {width: 100%; max-width: 56px;}
.product-list-row .product-row {
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
margin-bottom: 5px;
}
.product-details input[type="checkbox"].submitbtn {
display: inline-block;
vertical-align: middle;
margin-top: 10px;
margin-right: 9px;
}
.view_cart.info_table {
margin-top: 20px;
}
/* 800 2015-07-13 .REMOVE CHEKBOX center align */
.view_cart tr td:first-child input[type=checkbox] { display: block; margin: auto;}
.table-responsive .view_cart { margin-top: 0px; border-top: 0px none; }
table.view_cart {
display: block;
padding-bottom: 5px;
font-size: 16px;
}
table.view_cart {
margin-bottom: 20px;
}
.featured-option {
/*'800 - 2015.10.12 : Layout: CSS : Product featured dropdown, radio and qty field featured options layout*/
/*background: none repeat scroll 0 0 rgb(237, 237, 237);*/
text-align: left;
}
.row.mobile_view.product-view.product-list-row-view.product-list-row-view .productlinks { text-align: left; }
/*'800 - 2015.10.12 : Layout: CSS : Product featured dropdown, radio and qty field featured options layout*/
.featured-option .featured-field-row { /*padding: 0px 10px; */font-size: 13px; }
.featured-option .featured-field-row:first-child { padding-top: 5px; }
.featured-option .featured-field-row select{ width: 100%; }
.featured-option .featured-field-row .txtfield, .featured-option .featured-field-row select{ margin-bottom: 5px; }
/*'800 - 2015.10.12 : Layout: CSS : To make the cursor pointer only inside the container or within the text area*/
.addthis_button { margin-top: 10px; display: inline;}
.compare-link { margin-bottom: 10px;}
/*'800 - 2015.10.12 : Layout: CSS : Product listing with inventory*/
.inline-block { display: inline-block;}
.featured-row .childprod-title {
max-width: 77%;
vertical-align: top;
margin-left: 10px;
line-height: 1.6
}
@media (max-width: 472px){
.featured-row .childprod-title { max-width: 75%;}
}
.featured-row .qtyfield {
padding: 2px 5px;
margin-top: -2px;
font-size: 13px;
}
.featured-option .featured-row {
margin-bottom: 10px;
}
.product-list-row-view .wishlist-link, .product-list-row-view .compare-link { text-align: left;}
.product-list-row-view .product-row .quantity {float: none}
.featured-option { font-size: 13px; }
.product-list-row-view h4 { font-size: 15px;}
.product-list-row .product-price, .product-list-row .productsummary {font-size: 13px;}
@media (max-width: 599px) and (min-width: 499px){
.mobile_view.product-list-row-view .featured-product-mobile-btn-wrapper .wishlist-link,
.mobile_view.product-list-row-view .featured-product-mobile-btn-wrapper .compare-link,
.row.mobile_view.product-view.product-list-row-view.product-list-row-view .productlinks
{
text-align: right;
}
}
@media (max-width: 500px){
.product-list-row-view .random-prod-info.product-details,
.product-list-row-view .featured-product-mobile-btn-wrapper
{
width: 100%;
}
}
table.view_cart tr:last-child th.menuhdr, .product_sold_table .menuhdr {
/* background: none repeat scroll 0 0 #ddd; */
}
.view_cart tr:last-child { font-weight: bold; }
.menuhdr { text-align: right; }
tr:first-child .menuhdr { text-align: left;}
table.view_cart tr th.menuhdr {
/* background: none repeat scroll 0 0 #ddd; */
}
table.view_cart tr:first-child th.menuhdr {
background: none;
}
form .submitbtn { margin-bottom: 10px; }
.productbtn.submitbtn { padding: 5px 15px; }
.view_cart th {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
color: #888787;
font-size: 12px;
padding: 5px;
vertical-align: middle;
background-color: #fff;
}
.desktop-view .randomproduct {
margin-bottom: 25px;
}
.bottom_details {
position: absolute; width: 100%;left: 0px; bottom: 0px; min-height: 31px;
}
.bottom_details .widget-prod-price{
padding-bottom: 5px;
}
.compare-link { clear: both; }
.widget-title { text-transform: Uppercase; font-weight: bold; }
.view_cart tr td:first-child, .view_cart tr td:nth-child(2), .view_cart tr th:first-child { border-left: 1px solid #ddd; }
.product_sold_table tr td:first-child, .product_sold_table tr th:first-child { border-left: 1px solid #ddd; }
.view_cart tr td:last-child, .view_cart tr th:last-child { border-right: 1px solid #ddd; text-align: right;}
.view_cart td table tr td { border: 0px none !important; }
td.item_row table tr td img { display: block; margin: auto; }
table tr td.item_row > table {
border-right: 1px solid #ddd;
margin: -11px 0;
width: 100%;
}
td.item_row > table tr td.vm { text-align: left; }
.product_sold_table tr td:last-child, .product_sold_table tr th:last-child { border-right: 1px solid #ddd; }
.table-responsive { margin-top: 10px; margin-bottom: 10px;}
.table-responsive table { margin-top: 0px; margin-bottom: 0px;}
.product_sold_table tr:first-child th.menuhdr {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding-bottom: 5px;
padding-top: 5px;
}
.product_sold_table tr td:last-child { text-align: right; border-right: 1px solid #ddd !important; }
.product_sold_table tr:nth-last-child(2) th, .product_sold_table tr:nth-last-child(3) th, .product_sold_table tr:nth-last-child(4) th{
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
font-weight: normal;
padding: 5px;
}
.product_sold_table tr:last-child th{ border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
/*
* 800 2015-05-19. added by bryan
* fixed the issue on thankyou page with giftcert and coupon used.
*/
.product_sold_table th.menuhdr { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
.product_sold_table tr:first-child th.menuhdr { border: 0px none; }
select { padding: 5px; border: 1px solid #ddd; }
.largeinfofont { display: block; margin-bottom: 10px; }
.evendate select { margin-right: 5px;}
.vpasp-table { font-size: 11px; }
.vpasp-table { font-size: 11px; }
.view_cart tbody tr:last-child, #view_cart tbody tr:nth-last-child(2) td, .view_cart > tbody > tr td.white-cell, .product_sold_table tr:first-child .menuhdr { background: #fff}
tbody { width: 100% !important; display: table; }
.normal_table tr.header-row td { border-top : 1px solid #ddd}
.normal_table tr td:first-child { border-left: 1px solid #ddd}
.normal_table tr td:last-child { border-right: 1px solid #ddd}
table { margin-top: 10px; margin-bottom: 5px; }
.productsummary {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
padding-bottom: 1px;
}
/* 800 2015-07-01 : FIXED THANKYOU PAGE TABLE */
.product_sold_table tr:first-child th.menuhdr { padding: 5px 10px; text-align: center; }
.product_sold_table tr:first-child th.menuhdr:first-child { padding: 5px; text-align: left; }
/* 800 2015-07-01 : FIXED THANKYOU PAGE TABLE */
.default-listing .inline-block-wrapper { display: inline-block; width: 94%; }
#producttabs { position: relative; }
.submitbtn { text-align: center;}
.grid-list-row-view a.submitbtn { margin-top: 5px; }
.link-report .txtfielddropdown { width: 100%; }
.link-report .date-fields .txtfielddropdown { width: auto; }
.btns .col-sm-4:first-child .submitbtn { float: left;}
.btns .col-sm-4:nth-child(2) .submitbtn { display: block; margin: 0px auto; }
.btns .col-sm-4:last-child .submitbtn { float: right;}
.info_table tbody tr.header-row td {
background: #f5f5f5;
border: 1px solid #ddd;
}
.info_table > tbody > tr > td:first-child { border-left: 1px solid #ddd}
.info_table > tbody > tr > td:last-child { border-right: 1px solid #ddd}
/* ADDED 2015-06-24 for bundle format */
.bundle_parent td, .computation_info td {
border-top: 1px solid #ddd !important;
padding-top: 5px;
}
table .bundle_parent td.item_row table { border-right: 0px none; }
.bundle_parent td, .bundle_sub td {
border-bottom: 0 none !important;
}
.fontbold { font-weight: bold; }
.comment_title { margin: 10px 0px; text-transform: Uppercase }
.error_field { border: 1px solid red !important; outline: 1px solid red !important; }
div.error_field { padding: 5px; }
.errormsg { color: red !important; }
.form-control { margin-bottom: 8px;}
.form-inline.form-filter .form-control { height: 30px;}
.dropdown.dropdown-field.small-field.form-control {margin-bottom: 0px; }
.txtfield, .txtfielddropdown, .searchfield, .txtfieldqty {
border-radius: 4px;
border: 1px solid #ddd;
border-right: 0px;
box-shadow: none;
border-right: 1px solid #ddd;
padding: 5px;
padding-top: 3px;
}
/*2015.10.12 : making dropdown fullwidth for onepagecheckout*/
.checkoutpage .txtfielddropdown { width: 100%; }
.checkoutpage .creditcart_form_wrapper select[name=strocardmm], .checkoutpage .creditcart_form_wrapper select[name=strocardyy] {
width: auto;
}
.sidebarcell .txtfielddropdown { width: 100%; }
.contentcell .searchfield {
width: 83%;
}
/*2015.10.15 : making dropdwon fullwidth for shocustomer info form*/
#shopcustomer select { width: 100%; }
.menulist > li {
margin-bottom: 5px;
}
.menulist a {
/*'800 - 2015.10.12 : Layout: CSS : Adjust the link of menu type category list on sidebar*/
width: 100%;
display: inline-block;
}
.submenulist .menulist {
padding-left: 0;
}
#xalsobought {
margin-top: 0px;
}
.tab_content_left_border {
height: auto;
}
.tell_friend_text_tab {
width: 99.6%;
padding: 10px;
}
.comment_title_tab, .tell_friend_title_tab {
background: #c3c6cd;
padding: 10px;
}
#reviewframe, #friendframe { width: 100%; }
.feature-container {
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
.comment_text_tab {
border: 1px solid #ddd;
width: 99.6%;
padding: 10px;
}
.left-wrap-btn { float: left;}
.right-wrap-btn { float:right; }
span.title { background: none; border: 0px none; }
.sort_product_container select { display: inline-block; }
.product-list-row .product-details .submitbtn { padding: 5px 15px; }
/*'800 - 2015.10.12 : Layout: CSS : Add line height (vertical alignment for title more than one line)*/
.product-list-row .product-details h4 {
margin-top: 0px;
line-height: 1.5;
margin-bottom: 5px;
font-size: 16px; /* featured product header title size */
font-weight: bold;
}
.product-list-row .productdesc { margin-bottom: 5px; }
#paypalexpress_prices_wrapper tr td:first-child { display: none; }
#paypalexpress_prices_wrapper tr td:nth-child(2) { width: 78%; }
#paypalexpress_prices_wrapper tr td:last-child, .view_cart > tr td:last-child { text-align: right; }
#paypalexpress_prices_wrapper th.menuhdr { border-bottom: 0px none; }
#paypalexpress_prices_wrapper td {
border-bottom: 1px solid #ddd;
border-left: 0 none;
border-right: 0 none;
padding: 5px;
}
#paypalexpress_prices_wrapper tr:last-child td:last-child { border-top: 1px solid #ddd; border-bottom: 0px none; }
#paypalexpress_prices_wrapper tr.computation_info td.menuhdr { text-align: right }
table#paypalexpress_prices_wrapper tr:last-child td:last-child {
border-top: 1px solid #ddd !important;
}
.mobile_view { text-align: center; display: none;}
.title.mobile_view { text-align: left;}
/* PRODUCT GRID VIEW */
.col-md-9.col-sm-8.col-md-push-3.col-xs-12.mobile-wrapper .product-list-wrapper .form-product:nth-child(5n) .desktop_view.product-view.grid-list-row-view .col-lg-3.col-md-4.col-sm-4
{
clear: both;
}
.mobile_view.product-view.grid-list-row-view .random-prod-info.product-details { text-align: left; }
.col-sm-6.col-xs-12.product-details { padding-left: 30px; }
.featured-prod-widget { position: relative;}
.grid-list-row-view .featured-prod-widget .submitbtn, .productbuy .submitbtn{
/* position: absolute;
right:0px;
bottom: -10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;*/
border: none;
background-color: #aa0000;
color: #ffffff;
box-shadow: none;
padding: 5px;
border-radius: 5px;
font-size: 1.4em;
font-weight: bold;
outline: none;
}
.grid-list-row-view .featured-prod-widget .submitbtn .fa-search {
padding: 0px 10px;
}
.select2-container{ margin-bottom: 10px; }
.form-inline.form-filter .select2-container{ margin-bottom: 0px; }
.select2-container .select2-selection--single .select2-selection__rendered { font-size: 11px;}
.blog_review_container .select2.select2-container.select2-container--default, .contentcell .select2-container { width: 100% !important }
.nailthumb img { width: 100px; height: auto; }
/* END OF PRODUCT VIEW */
.mobile-view { display: none}
.global-3rd-background-color { background-color: #000;}
.searchresultwrapper a { display: block; width: 100%; padding-top: 3px; padding-bottom: 3px; margin-top: -4px; }
a { cursor: pointer; }
/* MEDIA QUERY */
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
line-height: 0 !important;
}
#recaptcha_area input {
height: auto;
display: inline;
}
/*'800 - 2015.10.12 : Layout: CSS : Product Detail : Page in maximazing width of default product image*/
table.image_wrapper #pimage.main_image { width: 100%;}
table.image_wrapper { width: 300px;}
/*'800 - 2015.10.12 : Layout: CSS : Product Detail : Input text for product options*/
.featured-field-row input[type="text"] { border: 1px solid #ddd; margin-bottom: 5px; width: 100%; padding: 2px 5px;}
@media (min-width: 1000px){
#my-category, #my-menu { display: none; }
#my-category.mm-opened,#my-menu.mm-opened { display: block; }
}
@media (min-width: 1200px){
.desktop-view .col-lg-4.col-md-6.col-sm-4:nth-child(7), .desktop-view .col-lg-4.col-md-6.col-sm-4:nth-child(4){
clear: both;
}
}
@media (min-width: 760px){
.lowernavgation .dropdown{ margin-right: 10px; }
}
@media (min-width: 770px){
.form-filter.form-inline .form-group .txtfielddropdown{
margin-top: 8px;
height: 35px;
}
.form-filter.form-inline .form-group, .form-filter.form-inline .form-group .dropdown-toggle{
max-width: 100px;
font-size: 11.4px;
}
.sort_product_container select { max-width: 130px; }
}
@media (min-width: 768px ) {
.product-list-row .product-details .submitbtn { float: right; }
.product-row .quantity { float: right;}
}
@media (min-width: 995px) {
.content-wrapper > .row > #vp_leftsidebox > .col-md-3,
.content-wrapper > .row > #vp_rightsidebox > .col-md-3 {
width: 22%;
}
.content-wrapper > .row > #vp_leftsidebox > .col-md-pull-6 {
right: 56%;
}
.content-wrapper > .row > #vp_leftsidebox > .col-md-pull-9 {
right: 78%;
}
.content-wrapper > .row > .col-md-push-3 {
left: 22%;
}
.content-wrapper > .row > .col-md-6 {
width: 56%;
}
.col-md-9.col-sm-8.col-xs-12.mobile-wrapper { width: 78%; }
}
@media (max-width: 1200px) and (min-width: 997px){
#producttabs { width: 100%; }
#producttabs li.active { position: absolute; bottom: 0px; width: 100%; }
}
@media (min-width: 1110px){
.randomproduct a.submitbtn { float: right; }
.randomproduct .btn.submitbtn {
bottom: -35px;
position: absolute;
right: 0px;
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.navigation_dropdown_menu_mobile { display: none !important;}
}
@media (max-width: 1200px) {
.vp_logo.col-sm-6.col-xs-12,#vp_welcomeboxsquare{
width: 48.8%;
}
}
@media (max-width: 1110px) {
.randomproduct .btn.submitbtn {
position: absolute;
bottom: -6px;
right: 0px;
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
}
}
@media (min-width: 1001px){
.customer-wrapper .nextbtn {
display: none;
}
.main-product.customerservice h4 { border-bottom: 1px solid #e7e7e7; padding-bottom: 5px;}
.col-md-6.col-sm-12.col-md-push-3.col-xs-12.mobile-wrapper .product-list-row .desktop_view .col-lg-3.col-md-4.col-sm-4.col-xs-6 {
min-width: 33%;
}
}
@media (max-width: 1100px) and (min-width: 977px){
.mobile-view .col-lg-4.col-md-6.col-sm-6.col-xs-6.mobile-prod-wrapper:nth-child(3), .mobile-view .col-lg-4.col-md-6.col-sm-6.col-xs-6.mobile-prod-wrapper:nth-child(5), .mobile-view .col-lg-4.col-md-6.col-sm-6.col-xs-6.mobile-prod-wrapper:nth-child(7){
clear: both;
}
}
@media (max-width: 1190px) and (min-width: 977px){
.desktop-view .col-lg-4.col-md-6.col-sm-4:nth-child(3), .desktop-view .col-lg-4.col-md-6.col-sm-4:nth-child(5), .desktop-view .col-lg-4.col-md-6.col-sm-4:nth-child(7){
clear: both;
}
}
@media (max-width: 1100px){
.mobile-header.container { width: 100%; }
#vp_topheader_lower .search { margin-bottom: 5px; }
.logo img { margin: 10px auto; }
.product_widgets.mobile-view { display: none; } /* FOR TOPSELLER RANDOM SIDEBAR */
.product_widgets.desktop-view { display: block; } /* FOR TOPSELLER RANDOM SIDEBAR */
}
@media (min-width: 1000) and (orientation: landscape){
.container { width: 100%; }
}
@media (max-width: 1000px){
.navbar-default, .lowernavgation, .welcomebox_wrapper, .desktop-view, .horo_desktop_bar { display: none }
.mobile-header, .mobile-view, #responsive-menu-button { display: block;}
.hide-to-mobile {
display: none !important;
}
.col-md-9.col-sm-8.col-xs-12.mobile-wrapper { width: 100%; }
.customer-wrapper, .customer-wrapper.all-clear { display: none;}
.customer-wrapper.active { display: block;}
.menulist-style.monthly_listing .fa.fa-caret-right.right-bullet {
position: relative;
right: 0;
top: 0px;
}
.fa.fa-caret-right.right-bullet {
}
.searchresultwrapper > a {
display: block;
width: 100%;
font-size: 15px;
padding: 5px 0px;
}
#shopcustomer {padding-left: 0px; padding-right: 0px;}
.signup-section .sidebarcell {
padding-bottom: 10px;
}
#my-menu, #my-category { display: none;}
#my-menu.mm-menu.mm-current, #my-category.mm-menu.mm-current { display: block;}
.logo { display: block; width: 100% }
#vp_logo img, .vp_logo img { display: block; margin: 10px auto; }
#vp_topheader_lower .search { margin-bottom: 5px; }
.vp_logo img.desktoplogo{
display:none;
}
.vp_logo img.mobilelogo{
display:block;
}
.sort_product_container select.form-control { width: auto; }
.sort_product_container .form-inline.form-filter .select2-container { margin-bottom: 5px; }
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #5a5a5a;
}
.comparelink-container { padding-top: 20px; clear: both; }
.productsummary-mobile { display: none;}
@media (min-width: 950px){
.productlinks { min-width: 145px; }
}
@media (max-width: 950px) and (min-width: 767px){
.footer-3-box-img-wchair {
margin-top: 20%;
}
}
@media (max-width: 950px){
.desktop-view .col-lg-4.col-md-6.col-sm-4:nth-child(7), .desktop-view .col-lg-4.col-md-6.col-sm-4:nth-child(4){
clear: both;
}
}
@media (max-width: 768px){
.lowernavgation .dropdown{ width: 33%; }
.col-md-6.col-sm-6.col-xs-6.mobile-prod-wrapper:nth-child(3), .col-md-6.col-sm-6.col-xs-6.mobile-prod-wrapper:nth-child(5), .col-md-6.col-sm-6.col-xs-6.mobile-prod-wrapper:nth-child(7){
clear: both;
}
.mobile-view .featured-prod-widget { min-height: 165px; }
.mobile-view .mobile-prod-wrapper:nth-chiild(3),
.mobile-view .mobile-prod-wrapper:nth-chiild(5),
.mobile-view .mobile-prod-wrapper:nth-chiild(7) { clear: both; }
.input-group-custom {
max-width: 100%;
}
.HomeColLine {
border-left-width: 0px;
}
.HomeBannerImage {
width: 100%;
}
}
@media (min-width: 767px){
.flyout #flyout1 li:hover > ul {
display: block;
}
.productlinks { text-align: left;}
/* FOR GRID VIEW DEKSTOP (3 COLUMNS) */
.col-md-6.col-sm-12.col-md-push-3.col-xs-12.mobile-wrapper .product-list-wrapper .form-product:nth-child(4),
.col-md-6.col-sm-12.col-md-push-3.col-xs-12.mobile-wrapper .product-list-wrapper .form-product:nth-child(7),
.col-md-6.col-sm-12.col-md-push-3.col-xs-12.mobile-wrapper .product-list-wrapper .form-product:nth-child(10)
{
clear: both;
}
}
@media (max-width: 766px){
/* FOR GRIDVIEW DESKTOP SMALLER SCREEN (3COLUMNS) */
.col-md-6.col-sm-12.col-md-push-3.col-xs-12.mobile-wrapper .product-list-wrapper .form-product:nth-child(odd)
{
clear: both;
}
.bottom .image {
display: block;
margin: 5px auto;
}
.main-product.section-form { border: 0px none; }
#page { /*padding-bottom: 208px;*/ }
/* Tt */
#vp_logo img, .vp_logo img {
padding: 0px;
}
/* HIDE DESKTOP TEMPLATE */
/* HIDE DESKTOP TEMPLATE */
.container.content-wrapper {
margin-top: 0px;
}
.flyout #flyout1 li:hover > ul {
diplay: none;
}
#checkoutsteps { display: none; }
/* SHOW MOBILE TEMPLATE*/
.content-wrapper {margin-top = true}
.sidebarcell, .sidebarcell_noborder, .main-content, .main-product, .main-news, .main-blog, .main-freetext, .main-product, #shopcustomer { padding-top: 0px;}
.title {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 10px;
margin-left: -15px;
margin-right: -15px;
padding: 10px;
}
.title h2, .title h2:hover {
color: #fff;
}
.main-product .sub-content-title {
padding-top: 10px;
}
.main-product h4 {
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}
.main-product .product-list-row h4 {
border-bottom: 0px none;
margin: 0px auto;
}
#welcomeboxsquareform3 .input-group-btn{ border: 0px none;}
.mobile-wrapper { padding-right: 0px; padding-left: 0px;}
/* SHOW MOBILE TEMPLATE*/
.nav > li.dropdown {
display: inline-block;
}
.mid-topright-nav {
text-align: left;
padding-left: 0px;
}
#vp_welcomeboxsquare {
text-align: left;
}
.navbar-nav .open .dropdown-menu {
position: absolute;
}
.left-topnav.nav.navbar-nav {
float: left;
}
.navbar-nav .open .dropdown-menu {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
float: left;
font-size: 14px;
left: 0;
list-style: outside none none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
position: absolute;
top: 100%;
z-index: 1000;
}
.footer-nav, .shop-notices,.unstyled {
text-align: center;
}
#flyout1 li, .sidepage > li {
border-bottom: 1px solid #777;
position: relative;
}
.compare-link, .wishlist-link {
padding-right: 10px;
text-align: left;
}
.sort_product_container .form-group{
display: inline-block;
width: 48%;
}
.product_widgets.mobile-view { display: block; } /* FOR TOPSELLER RANDOM SIDEBAR */
.product_widgets.desktop-view { display: none; } /* FOR TOPSELLER RANDOM SIDEBAR */
.fa.fa-caret-right.right-bullet {
position: absolute;
top: 9px;
right: 0;
}
.default-listing .fa.fa-caret-right.right-bullet { position: relative; margin-top: -6px; }
.product-view a.submitbtn { display: inline-block; margin-top: 10px; }
.productsummary-desktop { display: none;}
.productsummary-mobile { display: block;}
.sidepage li::before {
margin-left: -1px !important;
margin-top: 9px;
}
}
@media (max-width: 600px){
.footer { text-align: center; }
.search {
width: 60%;
}
#category_id { margin-right: -30px}
.mobile_view { display: block;}
.desktop_view { display: none;}
.product-list-row .productlinks { margin: 5px auto; }
/* .product-list-row { border: 1px solid #ddd; margin-bottom: 10px; padding-top: 10px; } */
}
@media (max-width: 550px) {
#page { /*padding-bottom: 228px; */}
.mobile-prod-wrapper { width: 100%;}
.categorysummary.col-xs-6 {
width: 100%;
}
.product-details-wrap {
width: 100%;
}
.footer-3-box-img-wchair img {
width: 75%;
}
.link-report.btns .col-sm-4 { clear: both }
.btns .col-sm-4:nth-child(2) .submitbtn, .btns .col-sm-4:first-child .submitbtn, .btns .col-sm-4:last-child .submitbtn {
display: block;
margin: 10px auto;
float: none;
}
.report-field-container { width: 100%; clear: both; }
.shadetabs > li a { width: 100%; padding: 10px; }
.hide-xs { display: none; }
.shadetabs > li {
display: block;
}
#productexdbottom .shadetabs li a{
width: 100%;
padding: 10px;
}
#producttabs { width: 100%; }
#producttabs li.active { position: absolute; bottom: 0px; width: 100%; }
}
@media (max-width: 480px) {
#recaptcha_challenge_image{
margin: 0 !important;
width: 100% !important;
}
#recaptcha_response_field
{
margin: 0 !important;
width: 100% !important;
}
.recaptchatable #recaptcha_image {
margin: 0 !important;
width: 100% !important;
}
.recaptchatable .recaptcha_r1_c1,
.recaptchatable .recaptcha_r3_c1,
.recaptchatable .recaptcha_r3_c2,
.recaptchatable .recaptcha_r7_c1,
.recaptchatable .recaptcha_r8_c1,
.recaptchatable .recaptcha_r3_c3,
.recaptchatable .recaptcha_r2_c1,
.recaptchatable .recaptcha_r4_c1,
.recaptchatable .recaptcha_r4_c2,
.recaptchatable .recaptcha_r4_c4,
.recaptchatable .recaptcha_image_cell {
margin: 0 !important;
width: 100% !important;
background: none !important;
}
body #recaptcha_area, body #recaptcha_table { width: 100% !important; }
.right-wrap-btn .submitbtn { float: right; margin-right: 10px;}
}
@media (max-width: 430px){
.left-wrap-btn, .right-wrap-btn { float: none; }
.mm-page mm-slideout { margin-bottom: 248px; }
}
@media (max-width: 310px){
body .nailthumb, .nailthumb img { width: 100%}
}
@media (max-width: 250px){
.topright-mobile, #vp_logo, .vp_logo {
width: 100%;
}
}
/* MEDIA QUERY */
#productexdleft img {
margin:10px auto;
width:300px;
}
/* CUSTOM CSS 5 COLUMNS */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
/* CUSTOM CSS 5 COLUMNS */
.highslide-wrapper {z-index: 1000}