/* CSS Document 
Web fonts:
font-family:'HelveticaNeueW01-Thin';
font-family:'HelveticaNeueW01-ThinIt';
font-family:'HelveticaNeueW01-45Ligh';
font-family:'HelveticaNeueW01-46Ligh';
font-family:'HelveticaNeueW01-65Medi';

*/

/*
.v-desktop {
    display: none;
}
*/


/* SMARTPHONE SPECIFICS ------------------------------------------------------- */

body {
     -webkit-text-size-adjust: 95%;
        -moz-text-size-adjust: 95%;
         -ms-text-size-adjust: 95%;
             text-size-adjust: 95%;
}



/* SMALL RESET ------------------------------------------------------------ */



p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
    margin-bottom: 10px;
}


/* TYPOGRAPHY ------------------------------------------------------------- */


.front-page .pay-off h4 {
    font-size: 20px;
}
.front-page .pay-off h5 {
    font-size: 13px;
}

hgroup.page-title.align-subtitle h1 {
    font-size: 32px;
    line-height: 32px;
}
hgroup.page-title.align-subtitle h2 {
    font-size: 20px;
    margin-left: 24px;
}
.content-section h3, .content-section .title-3 {
    font-size: 22px;
    letter-spacing: 0.025em;
    margin-bottom: 15px;
    text-shadow: none;
}

/*font acts weird. gets the right size only when flipping to landscape and back. bug?*/
.front-page .box-2 h4,
.front-page .box-3 h4
{
    font-size: 13px;
}


/* REMOVING DESKTOP ITEMS ------------------------------------------------- */

header.top,
.main-slideshow,
.breadcrumbs,
footer.bottom,
.g12,
.object .details-url,
#dealer-objects-slideshow,
.addthis_toolbox,
.grid_6.box-2.art-for-sale,
.g3.right-menu-1.about,
.g3.right-menu-2.vetting,
.g3.right-menu-1.newsletter-subscription,
.g3.right-menu-1.visit
{
    display: none;
}

.front-page section.what-up.page-section {
    display: none !important;
    margin-bottom: 0px;
}

.logo-link {
    display: none !important;
}



/* temporarily hidden */
/*.toggle-box
{ display: none; }
*/

/* LAYOUT ----------------------------------------------------------------- */

html body {
    min-width: 0;
    background: none;
}
.inside-wrapper {
    background: none;
}
.page-wrapper {
    padding: 0;
    margin-bottom: 0;
}
/*originally padding-bottom: 65px;. could be necessary, but on the exhibitor's page it's too much. check!*/
.front-page .content-section {
    padding-bottom: 0;
    background: none; 
}
.content-section {
    /*background: green;*/
    /*padding-bottom:20px;*/
}
html .container_12, html .container_16, .g9 {
    width: 100%;
}
html .front-page #ContentPaneDiv .container_12 {/*@note:fix for mobile version*/
    width: 90%;
    padding:5%;
}




.g9 {
    margin-left: 0;
}

.grid_6.box-2 {
    margin: 0 auto;
    width: 90%;
    overflow: hidden;
}
.front-page .box-2 .wrapper {
    width: 100%;
}
.front-page .box-2 .wrapper img {
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
}
.front-page .box-2 .overlay {
    width: 100%;
    background: url("../image/page-content/front-page/tefaf-recommends/box-2-overlay.png") no-repeat scroll center right transparent;
}
.box-3.videos {
    width: 90%;
    margin: 0 auto;
}
.front-page .box-3 .wrapper img {
    width: 100%;
}
.front-page .box-3 .overlay {
    max-width: 200%;
    width: 100%;
    background: url("../image/page-content/front-page/tefaf-recommends/box-3-overlay.png") no-repeat scroll center right transparent;
}
.front-page .box-3 .overlay img {
    width: 100%;
    background: url("../image/page-content/front-page/tefaf-recommends/box-3-overlay.png") no-repeat scroll center right transparent;
}
hgroup.page-title h1 {
    color: #231F20;
    font-family: 'HelveticaNeueW01-75Bold','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
    font-size: 45px;
    font-weight: normal;
    line-height: 45px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.tabid-46 .col-1 {
    width: 100%
}
.tabid-46 .col-2  {
    margin-left: 0;
    width: 100%;
	float: left;
}

/*menu*/

.menu {
    /*temp height to give space for menu-tefaf/about*/
    padding-bottom: 2em;
    background-color: #ebedec;
}
.menu h1 {
    font-size:24px;
    padding: 5px 0;
    font-weight: bold;
}
.menu nav {
    font-weight: bold;
    margin: 0 auto;
    width: 90%;
}
.menu nav > div {
    border: 1px solid #afafaf;
    border-radius: 8px;
}
.menu h1 a {
    float: left;
    position: absolute;
    right: 5%;
    top: 10px;
    font-size: 12px;
    line-height: 10px;
    border-radius: 0 !important;
}
.menu nav a:first-child {
    border-top-right-radius:8px;
    border-top-left-radius:8px;
}
.menu nav a:last-child {
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
}

.menu a {
    display: block;
    height: 100;
    border-bottom: 1px solid #dfdfdf;
    padding: 8px 0 8px 16px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}

.menu .close-box a {
    padding: 5px;
}
.menu div a {
    display: block;
    height: 100%;
}

/*u could use image/structure/components/submit-arrow.png */
.menu div a:after {
    content: url("../image/mobile-menu/menu-arrow.png");
    float: right;
    padding-right: 16px;
    /*for vertical position */
    padding-top:3px;
}



/*menu-tefaf*/

#menu-toggled, #menu-about-toggled, #menu-visit-toggled {
}

.menu-tefaf.right-menu-1.about {
    /*height: 340px;*/
}
#menu-visit-toggled {
    /*height: 280px; */
}

.menu-tefaf.right-menu-1.about a {
    padding-left: 28px;
}
.menu-tefaf.right-menu-1.about h3 {
    padding-left: 16px;
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
}


.grid_6.box-2.videos,
.box-3.videos {
    margin-bottom: 2rem;
}


/*exhibitors by name*/

/*clears the #bottomPaneDiv's weird full page overlay*/
.main {
    overflow: hidden;
    width: 100%;
}

.lhc, .lhc .inner-width {
    background: url("../image/structure/background/background-pattern.png") repeat scroll center top transparent;
    width: 100%;
}
.container-3-col .col {
    float: none;
    width: 100%;
    margin-bottom: 18px;
    font-size: 15px;
}
.dealer-address {
    line-height:2em;
}

.tabid-10 .lhc, .lhc .inner-width {
    background: #ebedec;
}

hgroup.page-title.align-subtitle {
    margin:0;
    padding: 10px 0 10px 10px;
    background-color: white;
}

.box-list-1 {
    width: 100%;
    margin-left: 0;
}
.box-list-1 .box-list-1-item {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 15px;
    overflow: hidden;
    padding-bottom: 0;
    text-decoration: none;
    background-color: white;
}
.box-list-1 .box-list-1-item .image-area {
    float: left;
    width: 25%;
    margin: 10px;
}
.box-list-1 .box-list-1-item .image-area img {
    width: 100%;
}
.box-list-1 .box-list-1-item .text-area {
    margin:10px;
}

.tabid-10 .unformatted-list.view-mode,
.tabid-17 .unformatted-list.view-mode,
.tabid-17 .unformatted-list.tab-nav {
    display: none;
}

.tabid-17 .unformatted-list.paging {
    position: absolute;
    top:50px;
    right: 8px;
}

/*temp removes*/

    /*might be useful to display for other pages?*/
    .rhc {
        display: none;
    }
    .vetting-notification {
        display: none;
    }



/*exhibitors detail page*/

.tabid-10 h3.dealer-full-name {
    font-size: 20px;
    /*padding-left: 15px;*/
}

.toggler {
    overflow: hidden;
    margin-bottom: 20px;
}

.info-box-artworks,
.info-box-about {
    min-height: 60px;
    border-bottom: 5px solid #D9DADA;
    margin: 0 auto;
    width: 100%;
    cursor: pointer;
    background: white;
}
.info-box-about {
    margin-bottom: 22px;
}
.info-box-about:after,
.info-box-artworks:after {
    content: url(../image/structure/components/plus.png);
    float: right;
}
.info-box-about span,
.info-box-artworks span {
    font-size:14px;
    font-weight: bold;
    position: relative;
    top:-13px;
}
.info-box-artworks img,
.info-box-about img {
    position: relative;
    top: 6px;
}   
.info-box-about span,
.info-box-artworks span,
.info-box-artworks img,
.info-box-about img {
    margin-left: 15px;
}

section.toggled {
    min-height: 250px;
    border-bottom: 5px solid #D9DADA;
    margin: 0 auto;
    /*width:90%;*/
    padding-bottom: 20px;
    margin-bottom: 20px;
}
section.toggled h5 {
    margin-top:10px ;
}

/*artworks toggled box content*/


.dealer-objects {
    overflow: hidden;
    display: block;
}
.object .image-area {
    width: 30%;
    overflow: hidden;
    float: left;
}
.object .image-area img {
    width: 100%;
    margin: 10px 5px 0 0;
    /*border: 1px solid #ccc;*/
}

.object {
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
}

.object .description-area {
	width:65%;
	float:right;
}
.object .image-area figcaption{
	display:none;
}



.object .title,
.object .short-description {
    padding-top: 15px;
}
.object .title {
    font-size: 13px;
    font-weight:bold;
}
.object .short-description {
    font-size: 11px;
}

/*what's this?*/
/*about toggled box content*/
section {
    line-height: 1.5em;
}

/*news postlist page*/

.blogImageStyle img, .post-body .image-1.al-left {
    max-width: 100%;
    float: none;
    display: block;
}


/*images in articles floated left and right...*/
.image-left, .image-right {
    float: none;
}

.tabid-141 .image-right,
.tabid-19 .image-right,
.tabid-23 .image-right {
    float: right;
}




/*---info pages---*/

.main-illustration img {
    width: 100%;
}

.info-page-article,
article.news-postlist,
article.news-article,
article.dealer-article {
    display: block;
    margin: 0 auto;
    width: 90%;
    padding: 1em 0 3em 0;
}
article.info-page-article img {
    margin-bottom: 1em;
    clear: both;
    width: 100%;
	height:auto;
}
article.info-page-article video {
    max-width: 100%;
}
.unformatted-list.sponsor-list img {
    position: relative;
    margin-left: 26%;
	margin-bottom:0;
    max-width: 50%;
}

/*
Sponsors

---------------------------------------------------------------------- */
.tabid-27 .sponsor-list li {
    padding: 0;
    width: 48%;
	min-height: 150px;
}
.tabid-27 .sponsor-list li a {
	line-height: 150px;
}


article.info-page-article .axa-art {
    display: block;
    width: auto;
    clear: both;
}

.toggle-details {
    visibility: hidden;
}

.galleria-container.notouch.iframe, #about-slider {
    display: none;
}

#about-slider a {
    margin-right:-9%;
    text-decoration: none;
}
#about-slider img {
    width:30%;
}
img.map {
    width: 100%;
    margin-bottom: none;
}
a.larger-map {
    text-decoration: none;
    font-size: 70%;
    float: right;
}
.share-this-information {
    display: none;
}
/*concierge list items in article*/
.tabid-141 article li {
    margin-left: 15px;
    list-style-type: disc;
}


.museumgroups-img {
    width: 100%;
}
.info-page-article.organisation p {
    font-size: 12px;
    margin-bottom: .6em;
}


/*mobile app links*/
.tabid-19 .downloads a {
     float: none; 
     margin-bottom: 20px;
     width: 100%;
 }

/*charity*/
.tabid-87 figure {
    width: 100%;
}
/*vetting*/
.tabid-26 figcaption {
    margin-left: 10px;
}

/*FAQs*/
.toggle-box .summary {
   padding-right: 20px;
}


/*---header---*/

.mobile-header {
    margin: 0 auto;
    width: 100%;
    color: white;
}
.mobile-header a {
    color: white;
    text-decoration: none;
}
.mobile-header .icon img {
    width: 34px;
    vertical-align: middle;
}

.mobile-header .logo {
    position: absolute;
    top: 5px;
    left: 50%;
    display: block;
    text-align: center;
    margin-left: -46px;
    min-width:94px; /*so we can see the beak*/
}
.mobile-header .logo img {
    height: 42px;
}
.icon {
    height: 54px;
    line-height:54px;
    display: inline-block;
}
.left-icons {
    float: left;
}
.right-icons {
    float: right;
 }

.top-bar {
    height:54px;
    border: none;
    border-top: 2px solid #323232;

    background-color: black;
    background: #414141; /* Old browsers */
    background: -moz-linear-gradient(top,  #414141 0%, #1b1b1b 50%, #0a0a0a 51%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414141), color-stop(50%,#1b1b1b), color-stop(51%,#0a0a0a), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #414141 0%,#1b1b1b 50%,#0a0a0a 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #414141 0%,#1b1b1b 50%,#0a0a0a 51%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #414141 0%,#1b1b1b 50%,#0a0a0a 51%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #414141 0%,#1b1b1b 50%,#0a0a0a 51%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.nav-bar {
    width: 100%;
    background: url("../image/mobile-header/main-nav-bg.png") repeat-x;
    background-size:100% 43.5px;
}

.nav-bar nav {
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.nav-bar a {
    font: bold 14px/43.5px 'HelveticaNeueW01-Thin', helvetica, arial, sans-serif;
    text-shadow: 0 1px 1px black;
    height: 43.5px;
}
.nav-bar nav a, .nav-bar nav img {
    display: inline-block;
    margin: 0 2%;
    vertical-align: top;
}
.nav-bar img {
    height: 43.5px;
}
.nav-bar img:first-child {
    visibility: hidden;
}

/*exhibitors a-z select*/
/*this made the magic: onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"*/

select.fill-dealer-names {
    opacity: 0 !important;
    position: absolute;
    left:50%;
    height: 3em;
    z-index:100;
    -webkit-transform: translate(-60px,0);
    -moz-transform: translate(-60px,0);
    -ms-transform: translate(-60px,0);
    -o-transform: translate(-60px,0);
    transform: translate(-60px,0);
}


/*when-and-where box*/
.mobile-when-and-where {
    background-image: url("../image/page-content/front-page/slide/structure/slide-text-boxes-bg-1.png");
    /*margin-top: 5px;*/
    text-align: center;
    text-shadow: 1px 1px 2px black;

}

.mobile-when-and-where h5 {
    color: white;
    /*color: black;*/
    font-size: 20px;
    font-weight: bold;
    /*erases the dotted line*/
    background: none;
    padding-top: 12px;
    margin-bottom: -10px;
}
.mobile-when-and-where h6 {
    color: white;
    /*color: black;*/
    padding-bottom: 15px;
}


/*footer*/
footer.mobile-footer {
    background-color: rgba(230,230,230,.5); /* originally #ECEDEA */
}
footer p {
    text-align: center;
    font-size: 16px;
    padding: 1.4em 0;
}
footer a {
    text-decoration: underline;
}
section.view-full-menu {
    background-color: #AFAAA5;
    margin-bottom: 8px;
}
section.view-full-menu a {
    text-decoration: none;
    display: block;
    height: 100%;
}
section.view-full-menu a:after {
    text-decoration: none;
    content: url("../image/mobile-foot/menu-arrow-up.png");
    margin-left: 7px;
}
section.sign-in {
    background-color: #D0CCC7;
    margin-bottom: 8px;
}
section.copyright {
    background-color: #D0CCC7;
}
section.copyright p:nth-child(2) {
    padding-top: 0;
} 
section.contact-us {
    margin-bottom: 0;
    color: white;

    background-color: black;
    background: #414141; /* Old browsers */
    background: -moz-linear-gradient(top,  #414141 0%, #1b1b1b 50%, #0a0a0a 51%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414141), color-stop(50%,#1b1b1b), color-stop(51%,#0a0a0a), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #414141 0%,#1b1b1b 50%,#0a0a0a 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #414141 0%,#1b1b1b 50%,#0a0a0a 51%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #414141 0%,#1b1b1b 50%,#0a0a0a 51%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #414141 0%,#1b1b1b 50%,#0a0a0a 51%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
section.contact-us a {
    color: white;
    text-decoration: none;
}

/* HELPER CLASSES ------------------------------------------------------------ */

.page-width {
    width: 90%;
    margin: 0 auto;
}