html, body, .page, .wrapper { height: 100%; }
body { font:75%/150% "AvenirNextLTW01-Condens 727663", "Arial Narrow", Arial, sans-serif; background-color:transparent;color:#333;font-family:"AvenirNextLTW01-Condens 727663", "Arial Narrow", Arial, sans-serif;}
.wrapper { background-image: url('../images/bg_top.jpg');background-attachment: scroll;
background-position: center top;
background-repeat: no-repeat;
border: none !important;}
#root-wrapper { display:table;height:100%;width:100%; }
.STwrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -220px; }
.STpush, #STfooter { height: 220px;clear: both; }
#STfooter { background-image:url('../images/custom5b.png');background-repeat:no-repeat; background-position:center bottom; background-attachment: scroll;vertical-align:bottom;}
.footer-top-container { background-color:transparent;}
.header .logo-wrapper { margin:0 0; }
.header .logo { display:inline-block; margin:0; text-decoration:none !important; }
.main-container {background-color:transparent;}
p { font-family:"AvenirNextW01-CnLight", "Arial Narrow", Arial, sans-serif;font-size:20px;text-align:justify;line-height:24px; }
.main-container {min-height:580px;}
h1 { color:#334b45; }
h1, h2, h3 {font-family:"AvenirNextLTW01-MediumC 727671", "Arial Narrow", Arial, sans-serif;}
label {font-size:16px;color:#333; }
p.required { font-size:1.125em; text-align:right; }
.buttons-set p.required { font-size:1.125em; }
#login-form p.required {font-size:1.125em;text-align:left; }
.buttons-set {float:left !important; }
.button .btn-cart .v-center {margin-left:30px;}
input.input-text { height: 30px;}
.v-grid { vertical-align: bottom;}
sup { font-size: 0.4em; vertical-align: top;line-height:28px;margin-left:3px;}
.header-container, .header-container2, .header-container3, .header-primary-container {margin-top:0;padding-top:0;}
.header-main {height:232px;}
/* Mini-cart Heading
-------------------------------------------------------------- */
#mini-cart .dropdown-toggle .icon-cart { width:0; max-height:0; background:none; }
/* Navigation
-------------------------------------------------------------- */
.user-menu.v-grid {text-align:right;}
#nav li { position:relative; float:right; }
#nav li a { /*float:right;*/ }
ul#nav { float:right;}
#nav.classic { text-align:right; }
#nav.classic li { display:inline-block;position:relative; }
#nav li .level0 a.level-top span {font-size:24px;font-family:"AvenirNextLTW01-MediumC 727671", "Arial Narrow", Arial, sans-serif;}
.user-menu .v-grid {text-align:right;}
#nav.grid-full {float:right;text-align:right;}
.nav-container {text-align:right;position:relative;z-index:888888866;}
.show-bg {z-index:888888888;}
.nav.container {text-align:right;}
.nav {text-align:right;display:block;margin-right:0px;margin-bottom:0px;}
#nav > li > a { padding: 0 0 0 20px;font-family:"AvenirNextLTW01-MediumC 727671", "Arial Narrow", Arial, sans-serif; }
#nav ul { width:12em; }
#nav ul li { font-size:18px; }
#nav ul li a { padding:2px 4px 2px 0; }
.vertnav-top.mobile.show li ul, .vertnav-top.mobile.show li ul li.level1 {visibility:visible;display:block;}
.vertnav-top {z-index:999999999;}
/* Messages
-------------------------------------------------------------- */
.success { color:#334b45; font-weight:bold; }
/* Category page
-------------------------------------------------------------- */
.toolbar { border-top:0;border-bottom:0; }
.pager { border-top:0; border-bottom:0; }
.toolbar .pager {border-top:0;}
.page-title .category-title, .page-title .category-title, .category-title {border-bottom:0 !important;border-color:transparent !important;}
.hp-text {font-family:'AvenirNextW01-CnLight', "Arial Narrow", Arial, sans-serif;display:block;margin-bottom:15px;}
.products-list .product-name,.products-grid .product-name, h3.product-name {
/* Sizes are modified for different number of columns */
font-family:"AvenirNextLTW01-Condens 727663", "Arial Narrow", Arial, sans-serif;font-size:1.438em; line-height:1.5em; /*16px 20px*/
}
.products-grid .price-box {
font-size: 1em;
margin: 0;
padding:0; }
.products-grid .regular-price .price { font-size: 1.438em;line-height:1.0em;}
.minimal-price-link { display:none;}
/* Hover effect
-------------------------------------------------------------- */
.category-products-grid .item {
border-top:0;
zoom:0;
padding-top:2%;
padding-left:1%;
padding-right:1%;
background-color:transparent;
transition: none;
-moz-transition:none;
-webkit-transition:none;
-o-transition:none;
}
.category-products-grid.hover-effect .item:hover {
box-shadow:0;
border-color:transparent;
box-shadow:none;
transition:none;
-moz-transition:none;
-webkit-transition:none;
-o-transition:none;
}
.products-grid .item .visible-onhover {
visibility:hidden;
opacity:0;
transition: none;
-moz-transition:none;
-webkit-transition: none;
-o-transition:none;
}
.products-grid .item:hover .visible-onhover {
visibility:visible;
opacity:0;
transition: none;
-moz-transition:none;
-webkit-transition: none;
-o-transition: none;
}
/* Buttons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button {
-webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */
overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer;
}
button.button span {
float:left;
display:block;
padding:0;
font-size:14px;
font-family:"AvenirNextLTW01-MediumC 727671", "Arial Narrow", Arial, sans-serif;
text-transform:uppercase;
text-align:center;
white-space:nowrap;
color:#fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
button.button:hover span { color:#fff; }
button.button span span { padding:4px 10px 2px 10px; height:20px; line-height:16px; border: 3px double #ffffff; }
/* Smaller button - for inline display with input boxes
-------------------------------------------------------------- */
button.button.btn-inline span span,
.product-view .box-tags .form-add button.button span span { padding:0 10px; line-height:36px; height:36px; }
/* Big button: Add to cart (product view) & Proceed to checkout
-------------------------------------------------------------- */
/*.product-view .btn-cart span,
button.btn-checkout span {}*/
.product-view .btn-cart span span,
button.btn-checkout span span { padding:4px 15px 2px 15px; font-size:1.025em; /*14px*/ }
/* Product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .container1-wrapper,
.product-view .container2-wrapper,
.product-view .add-to-box { border-bottom:0;}
.change { color:#56726b;font-weight: bold;}
.change2 { color:#56726b;font-size:16px;line-height:20px;display:block;margin-bottom:-10px; }
.feature .feature-icon-hover .indent .large {margin:-10px 0 0 0;}
p.no-margin {font-size:16px;line-height:20px;}
.INul li {font-family:"AvenirNextW01-CnLight", "Arial Narrow", Arial, sans-serif;font-size:16px;line-height:22px;}
.INsmaller {font-size:16px;line-height:12px;}
input #qty {height:26px;padding:4px;margin-left:15px;}
.add-to-cart .button {margin-left:20px;}
.add-to-cart input.input-text, textarea { padding: 4px; }
.product-view .product-type-data > .price-box {
border-top-style: solid;
border-top-width: 0;
margin: 0px 0 0;
padding: 0px 0;
}
.price-box {
margin: 0px 0 0;
padding: 0px 0;
}
.product-view .product-type-data {
margin: 0;
}
.price-box .regular-price {color:#334b45;}
.feature { margin: 5px 0;}
.addthisholder {display:block;margin:16px 0;clear:both;}
.addthis_default_style, .addthis_default_style a {padding:0 1px;}
.pinfix {display:inline-block;padding-top:4px;padding-right:3px;float:left;}
.at16nc {background:url('../images/sm-prod-icons.png') no-repeat;overflow:hidden;display:block;height:26px;width:27px;line-height:26px!important;}
.at16nc.at16t_twitter{background-position:-53px 0px;}
.at16nc.at16t_email{background-position:0 0px;}
.at16nc.at16t_facebook{background-position:-26px 0px;}
/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
font-family:"AvenirNextLTW01-Condens 727663", "Arial Narrow", Arial, sans-serif;
font-size:1.5em;
line-height:2.666em;
background-image:url('../images/imaginenations/tab_bg.jpg');background-repeat:no-repeat; background-position:left top; background-attachment: scroll;
color:#333;
}
.gen-tabs.accor .tabs-panels .panel { border-bottom:2px solid #fff; }
/* Tabs - skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs .tabs-panels { padding:15px 0 0 0; }
.gen-tabs .tabs a {
font-family:"AvenirNextLTW01-Condens 727663", "Arial Narrow", Arial, sans-serif;
color:#4d5c55;
background-image:url('../images/tab_bg.jpg');background-repeat:no-repeat; background-position:left top; background-attachment: scroll;
line-height:2em;}
.gen-tabs-style1 .tabs a {
font-family:"AvenirNextLTW01-Condens 727663", "Arial Narrow", Arial, sans-serif;
font-size:1.3333em;
color:#4d5c55;
background-image:url('../images/tab_bg.jpg');background-repeat:no-repeat; background-position:left top; background-attachment: scroll;
border:1px solid #FFF;
border-bottom:none;
}
.gen-tabs-style1 .tabs a:hover,
.gen-tabs-style1 .tabs a:focus { background-color:#e5e5e5; border-color:#fff; }
.gen-tabs-style1 .tabs a.current {
background-color:#fff;
background-image:none;
border-color:#cdd6d3;
border-bottom:1px solid transparent;
margin-bottom:-1px;}
.gen-tabs-style1 .tabs-panels { border-top:1px solid #cdd6d3; }
.gen-tabs-style1.accor .tabs-panels { border-top:none; }
/* media
-------------------------------------------------------------- */
.more-images {margin: 15px auto;}
.img-box .itemslider-thumbnails { margin: 10px auto;}
/* other pages
-------------------------------------------------------------- */
.custom-center {text-align:center;margin:0 auto;}
.custom-center p {text-align:center;font-weight:bold;color:#334b45;}
#contactForm {width:65%;}
.faq2 {font-family: "AvenirNextLTW01-Condens 727663", "Arial Narrow", Arial, sans-serif; font-size:24px;color:#334b45;}
.map-page a {color:#CCC;}
.map-page a:hover {color:#b4c2b9;}
.ship-table {margin:20px 0 20px 0;border-color:#334b45;}
.ship-table td, .ship-table th {padding:3px;}
.ship-table .center {text-align:center;}
.ship-table th {background-color:#cad3ce;}
.nested-container .page-banners .banner { margin-top:20px;margin-bottom: 0%;}
.about-sm, .about-sm a, .about-sm a:hover {color:#817f7f;font-size:18px;}
/* Unordered lists
-------------------------------------------------------------- */
.orderinfo {clear:left;}
.orderinfo dd {font-family:"AvenirNextW01-CnLight", "Arial Narrow", Arial, sans-serif;font-size:18px;text-align:justify;line-height:22px;color:#333; }
.orderinfo dt {font-size:24px;color:#334b45;margin:10px 0 5px 0;font-weight:normal; }
ul.disc2 { margin:1em 0; padding:0; }
ul.disc2 { list-style:disc outside none; padding-left:1.5em;font-size:20px; }
ul.disc2 li { background-image:none; padding-left:0;font-size:20px; margin-bottom:7px;}
.orderinfolist {float:left;display:inline-block;margin-right:40px;}
.orderinfolist2 {float:left;display:inline-block;margin-right:20px;}
/* shopping cart
-------------------------------------------------------------- */
.cart-table th, .cart-table .col-edit, .cart-table .col-unit-price, .cart-table .col-total, .cart-table .cart-price, .totals-inner tbody { font-size:1.333em; }
.sp-methods {display:block;clear:both;}
.totals-inner tfoot { font-size:1.6666em; }
/* OPC
-------------------------------------------------------------- */
.block .block-title {color:#334b45;}
.block-content #billing-progress-opcheckout dt, .block-content #shipping-progress-opcheckout dt, .block-content #shipping_method-progress-opcheckout dt, .block-content #payment-progress-opcheckout dt {font-size:14px; line-height: 20px; color:#334b45;}
.opc .active .step-title .number { color:#fff; background-color:#56726b; }
#shipping-buttons-container .buttons-set, #shipping-method-buttons-container .buttons-set, #payment-buttons-container .buttons-set, #review-buttons-container .button.btn-checkout{display:block;clear:both !important;}
#checkout-review-table tbody td .a-right, #checkout-review-table tbody td .a-center, #checkout-review-table tfoot td, #checkout-review-table tfoot td .a-center, #checkout-review-table thead {font-size:18px;}
.opc-block-progress .block-content {font-size:16px;}
#checkout-step-shipping {display:block;clear:both;}
.opc .step-title {display:block;clear:both;}
p.back-link {margin-right:14px;}
.buttons-set .back-link:hover small {background-color:#56726b;}
#checkout-review-table .cart-price .price, #checkout-review-table .a-center {font-size: 14px; }
.item-options { font-size: 14px;line-height:16px; }
.item-options dt, .item-options dd { font-size: 14px; }
/* footer
-------------------------------------------------------------- */
.footer-container, .footer-container2 { background:none;position:relative;bottom:0; vertical-align:bottom;}
.footer-container2 {padding-top:84px;}
.footer {
width:960px;
margin:0 auto;
padding:0;
text-align:center;
}
.footer .item-left { float:left; margin-right:20px; }
.footer .item-right { float:right; margin-left:20px; }
.footer-top .footer .section .clearer .links-wrapper-separators { position:absolute;bottom:0;margin-top:50px; }
.item .item-left h3 a.level-top {font-family:"AvenirNextLTW01-Condens 727663", "Arial Narrow", Arial, sans-serif;display:inline-block;font-size:18px;}
.item .item-left h3 span {padding-right:16px;}
.footer-smicons {margin:0 auto !important;height:50px;width:176px;display:inline-block;}
.in-fb-icon::-moz-focus-inner, .in-twit-icon::-moz-focus-inner, .in-pin-icon::-moz-focus-inner, .in-insta-icon::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
.in-fb-icon span, .in-twit-icon span, .in-pin-icon span, .in-insta-icon span {
-webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */
overflow:hidden; border:0; padding:0; margin:0;
display:inline-block;
position: relative;
float:left;
padding:0;
transition: background-image 300ms ease-in-out;
-moz-transition: background-image 300ms ease-in-out;
-webkit-transition: background-image 300ms ease-in-out;
-o-transition: background-image 300ms ease-in-out;
}
.in-fb-icon span a {background:url(../images/sm-footer-icons2.png) 0 0 no-repeat; text-indent:-9999px; display:inline-block;cursor:pointer;height:50px;width:42px;}
.in-fb-icon:hover span a { background-position:0px -55px; }
.in-pin-icon span a{background:url(../images/sm-footer-icons2.png) -41px 0 no-repeat; text-indent:-9999px;display:inline-block; cursor:pointer;height:50px;width:44px;}
.in-pin-icon:hover span a { background-position:-41px -55px; }
.in-twit-icon span a{background:url(../images/sm-footer-icons2.png) -88px 0 no-repeat; text-indent:-9999px; display:inline-block;cursor:pointer;height:50px;width:42px;}
.in-twit-icon:hover span a{ background-position:-88px -55px; }
.in-insta-icon span a{background:url(../images/sm-footer-icons2.png) -132px 0 no-repeat; text-indent:-9999px; display:inline-block;cursor:pointer;height:50px;width:42px;}
.in-insta-icon:hover span a{ background-position:-132px -55px; }
/* Other elements
-------------------------------------------------------------- */
.footer-copyright { font-family:"AvenirNextW01-CnLight", "Arial Narrow", Arial, sans-serif;font-size:1.125em; /*11px*/ line-height:1.0em; margin-bottom:0px; margin-left:0px; margin-top:24px; }
.footer-seotext { font-family:"AvenirNextW01-CnLight", "Arial Narrow", Arial, sans-serif;font-size:1.0em; /*11px*/ line-height:1.2em; margin-bottom:0px; margin-left:0px; margin-top:12px;margin-right:0px;color:#445d57;display:inline-block;text-align:left; }
/* Scroll to top button
-------------------------------------------------------------- */
#scroll-to-top { background:url(../images/sprite.png) -200px -100px no-repeat #b4c2b9; }
#scroll-to-top:hover { background-position:-200px -150px;background-color:#56726b; }
/* Form Elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Basic
-------------------------------------------------------------- */
input, select, textarea, button {
font:14px/20px "AvenirNextLTW01-Condens 727663", "Arial Narrow", Arial, sans-serif;
vertical-align:middle;
}
/* Press page
-------------------------------------------------------------- */
#press{margin-top:-40px;display:block;}
#press li {margin-bottom:0px;display:inline-block;}
#press .category-products-grid li img{ margin-bottom:0px; }
.sub-category-listing {
display:inline-block;
}
.sub-category-listing:hover {
z-index:99999;color:#960;}
.press-name {font-family:"AvenirNextW01-CnLight", "Arial Narrow", Arial, sans-serif;font-size:16px;line-height:16px;display:inline-table;z-index:100000;}
#cboxTitle, #cboxCurrent {color:#334b45;font-size:16px;}
.sub-category-listing .zoom-btn-small {
position:relative;
right:4px;
bottom:4px;
padding:0 1em;
line-height:2.6666em;
z-index:100;
background-color:transparent;
color:#333;
}
.sub-category-listing .zoom-btn-small:hover { background-color:transparent; }
/* Messages
-------------------------------------------------------------- */
.error-msg { border-color:#c02230;background-color:#F5DAD3;background-image:url(../images/i_msg-error.png);color:#c02230;font-size:16px;}
.success-msg { border-color:#3d6611;background-color:#b4c2b9;background-image:url(../images/i_msg-success.png);color:#3d6611;font-size:16px; }
.note-msg, .notice-msg { border-color:#7c622a;background-color:#FDEDA4;background-image:url(../images/i_msg-note.png);color:#7c622a;font-size:16px;}
.messages li li span {font-size:16px!important;}
/* Change red color
-------------------------------------------------------------- */
.validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#aa0316; margin-top:5px; }
.form-list label.required em { color:#aa0316; }
.required em { color:#aa0316; }
.validation-failed { border:1px solid #aa0316 !important; background:#fff !important; }
.form-list label.required em { color:#aa0316; }
.error { color:#aa0316; font-weight:bold; }
.special-price .price-label { color:#aa0316 !important; /* Override other color changes */ }
.minimal-price-link .price { color:#aa0316; }
.tier-prices .benefit { color:#aa0316; font-weight:normal; }
.cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#aa0316; }
.addresses-list .link-remove:hover { color:#aa0316; }
.order-date { margin:15px 0; color:#aa0316; clear:both; }
.content p.required {color:#aa0316; }
#product-options-wrapper p.required {color:#aa0316; }
#product-options-wrapper .required em {color:#aa0316; }
.buttons-set p.required {color:#aa0316; }
/* Holiday Note
-------------------------------------------------------------- */
.holidaynote {color:#aa0316;font-size:18px;line-height:20px;}
.holidaynote a {font-size:24px;color:#aa0316;font-weight:bold;text-decoration:none;}
.holidaynote a:hover {text-decoration:underline;}
.holnote2{color:#aa0316;}
/* Scroll to top button
-------------------------------------------------------------- */
#scroll-to-top {
display:none;
position:fixed;
width:58px;
height:170px;
bottom:30px;
right:24px;
border-radius:0%;
z-index:9999;
text-indent:-9999px;
background:url(../images/up-arrow.png) 0 0 no-repeat transparent;
}
#scroll-to-top:hover {
background-position:0px -170px;
background-color:transparent;
}
/* Desktop, laptop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 1280px <= width */
@media only screen and (min-width: 1280px) {
/* Header
-------------------------------------------------------------- */
.header .logo { max-width:440px; }
}
/* Design for a width of 960-1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 960px <= width < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {
.header .logo { max-width:440px; }
#nav li .level0 a.level-top span {font-size:20px;font-family:"AvenirNextLTW01-Condens 727663", "Arial Narrow", Arial, sans-serif;}
#nav > li > a { padding: 0 0 0 14px; }
}
/* Mobile, small old desktop - design for a width of less than 960px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* width < 960px */
@media only screen and (max-width: 959px) {
.header .logo { max-width:440px; }
#STfooter {
background-image: url('../images/footer_bg_smaller.jpg');}
.wrapper {
background-image: url('../images/top_bg_smaller.jpg');}
.header .logo-wrapper { text-align:center; }
.header .logo { margin-left:auto; margin-right:auto; }
/* Quick search
-------------------------------------------------------------- */
/* Search: mobile (search bar layout for narrow screens)
-------------------------------------------------------------- */
.search-wrapper-mobile {
display: block; /* To override possible inline styles */
clear: both;
width: 100%;
margin: 10px 0;
/*float: none;*/
}
.search-wrapper-mobile .form-search {
width: 100%;
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
.search-wrapper-mobile .form-search .input-text {
width: 100%;
min-width: 100%; /* Cancel minimum width */
}
/* Search: header inline
-------------------------------------------------------------- */
/* Note: added .header class to override other selectors */
.header .search-wrapper-inline {
display: block;
clear: both;
width: 100%;
margin: 10px auto;
}
.user-menu { width:100%; margin-left:0; margin-right:0; }
/* Line breaker - disable on narrow screens */
.user-menu .line-break-after { clear:none; }
}
/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.header .logo { max-width:440px; }
#STfooter {
background-image: url('../images/footer_bg_smallerB.jpg');}
.wrapper {
background-image: url('../images/top_bg_smaller.jpg');}
.STwrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -280px; }
.STpush, #STfooter { height: 280px;clear: both; }
}
/* All desktop - design for a width of 768px and wider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 768px <= width */
@media only screen and (min-width: 768px) {
.header .logo { max-width:440px; }
.header .logo-wrapper { text-align:center; }
.header .logo { margin-left:auto; margin-right:auto; }
/* Quick search
-------------------------------------------------------------- */
/* Search: mobile (search bar layout for narrow screens)
-------------------------------------------------------------- */
.search-wrapper-mobile {
display: block; /* To override possible inline styles */
clear: both;
width: 100%;
margin: 10px 0;
/*float: none;*/
}
.search-wrapper-mobile .form-search {
width: 100%;
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
.search-wrapper-mobile .form-search .input-text {
width: 100%;
min-width: 100%; /* Cancel minimum width */
}
/* Search: header inline
-------------------------------------------------------------- */
/* Note: added .header class to override other selectors */
.header .search-wrapper-inline {
display: block;
clear: both;
width: 100%;
margin: 10px auto;
}
.user-menu { width:100%; margin-left:0; margin-right:0; }
/* Line breaker - disable on narrow screens */
.user-menu .line-break-after { clear:none; }
}
/* Design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {
.header .logo { max-width:440px; }
.header .logo-wrapper { text-align:center; }
.header .logo { margin-left:auto; margin-right:auto; }
.footer-top .grid-full .section {margin:0;}
#STfooter {
background-image: url('../images/footer_bg_smallerB.jpg');}
.STwrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -280px; }
.STpush, #STfooter { height: 280px;clear: both; }
.ftresp-left {display:block;margin:0 auto;text-align:center;}
.footer-copyright { font-family:"AvenirNextW01-CnLight", "Arial Narrow", Arial, sans-serif;font-size:1.125em; /*11px*/ line-height:0.8em; margin:0 auto;text-align:center; }
.footer-top.grid12-5.item.item-left {float:none;margin:0 auto;text-align:center;}
.footer-top .grid12-5 .item .item-left h3 {text-align:center;}
.footer-top .grid12-5 img {margin:0 auto !important;}
/* Quick search
-------------------------------------------------------------- */
/* Search: mobile (search bar layout for narrow screens)
-------------------------------------------------------------- */
.search-wrapper-mobile {
display: block; /* To override possible inline styles */
clear: both;
width: 100%;
margin: 10px 0;
/*float: none;*/
}
.search-wrapper-mobile .form-search {
width: 100%;
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
.search-wrapper-mobile .form-search .input-text {
width: 100%;
min-width: 100%; /* Cancel minimum width */
}
/* Search: header inline
-------------------------------------------------------------- */
/* Note: added .header class to override other selectors */
.header .search-wrapper-inline {
display: block;
clear: both;
width: 100%;
margin: 10px auto;
}
.user-menu { width:100%; margin-left:0; margin-right:0; }
/* Line breaker - disable on narrow screens */
.user-menu .line-break-after { clear:none; }
}/* Design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 480 <= width < 640px */
@media only screen and (min-width: 480px) and (max-width: 639px) {
/* Item grid
-------------------------------------------------------------- */
.ftresp-left {display:block;margin:0 auto;text-align:center;}
.footer-copyright { font-family:"AvenirNextW01-CnLight", "Arial Narrow", Arial, sans-serif;font-size:1.125em; /*11px*/ line-height:0.8em; margin:0 auto 20px auto;text-align:center; }
.footer-top.grid12-5.item.item-left {float:none;margin:0 auto;text-align:center;}
.ftresp-left h3, .ftresp-left p {text-align:center;}
.footer-top .grid12-5 .item .item-left h3 {text-align:center;}
.footer-top .grid12-5 img {margin:0 auto !important;}
#STfooter { background-image:none;}
}
/* end: 480 <= width < 640px */
/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* width < 480px */
@media only screen and (max-width: 479px) {
.ftresp-left {display:block;margin:0 auto;text-align:center;}
.footer-copyright { font-family:"AvenirNextW01-CnLight", "Arial Narrow", Arial, sans-serif;font-size:1.125em; /*11px*/ line-height:0.8em; margin:0 auto 20px auto;text-align:center; }
.footer-top.grid12-5.item.item-left {float:none;margin:0 auto;text-align:center;}
.footer-top .grid12-5 .item .item-left h3 {text-align:center;}
.footer-top .grid12-5 img {display:none;}
#STfooter { background-image:none;}
}