﻿/* -- COLUMNS 1 -- */
#inner .columns-1 div div {width: auto;}   
#inner .columns-1 div.col-1 {overflow:hidden; float: left; width: 100%;}
#wrap1 #inner .columns-1 div div div { margin: 0px; }

/* -- COLUMNS 2 -- */
#inner .columns-2 div.col-1 { float: left; width: 50%; }
#inner .columns-2 div.col-2 { float: left; width: 50%; }
#wrap1 #inner .columns-2 div div div { margin: 0px; }

/* -- COLUMNS 60 40 -- */
#inner .columns-60-40 div.col-1 { float: left; width: 60%; overflow:hidden;}
#inner .columns-60-40 div.col-2 { float: left; width: 40%; overflow:hidden;}
#wrap1 #inner .columns-60-40 div div div { margin: 0px; }

/* -- COLUMNS 40 60 -- */
#inner .columns-40-60 div.col-1 { float: left; width: 40%; overflow:hidden;}
#inner .columns-40-60 div.col-2 { float: left; width: 60%; overflow:hidden;}
#wrap1 #inner .columns-40-60 div div div { margin: 0px; }

/* -- COLUMNS 20 80 -- */
#inner .columns-20-80 div.col-1 { float: left; width: 20%; overflow:hidden;}
#inner .columns-20-80 div.col-2 { float: left; width: 80%; overflow:hidden;}
#wrap1 #inner .columns-20-80 div div div { margin: 0px; }

/* -- COLUMNS 80 20 -- */
#inner .columns-80-20 div.col-1 { float: left; width: 80%; overflow:hidden;}
#inner .columns-80-20 div.col-2 { float: left; width: 20%; overflow:hidden;}
#wrap1 #inner .columns-80-20 div div div { margin: 0px; }

/* -- COLUMNS 30 70 -- */
#inner .columns-30-70 div.col-1 { float: left; width: 30%; overflow:hidden;}
#inner .columns-30-70 div.col-2 { float: left; width: 70%; overflow:hidden;}
#wrap1 #inner .columns-30-70 div div div { margin: 0px; }

/* -- COLUMNS 70 30 -- */
#inner .columns-70-30 div.col-1 { float: left; width: 70%; overflow:hidden;}
#inner .columns-70-30 div.col-2 { float: left; width: 30%; overflow:hidden;}
#wrap1 #inner .columns-70-30 div div div { margin: 0px; }

/* -- COLUMNS 3 -- */
#inner .columns-3 div.col-1, #inner .columns-3 div.col-2, #inner .columns-3 div.col-3 {float: left; width: 33.33%; min-width: 150px; overflow:hidden;}
#wrap1 #inner .columns-3 div div div { margin: 0; }

/* -- COLUMNS 4 -- */
#inner .columns-4 div.col-1, #inner .columns-4 div.col-2, #inner .columns-4 div.col-3, #inner .columns-4 div.col-4 {float: left; width: 25%; min-width: 150px; overflow:hidden;}
#wrap1 #inner .columns-4 div div div { margin: 0px; }

/* -- COLUMNS 60 20 20 -- */
#inner .columns-60-20-20 div.col-1 { float: left; width: 60%; min-width: 180px; overflow:hidden;}
#inner .columns-60-20-20 div.col-2 { float: left; width: 20%; min-width: 120px; overflow:hidden;}
#inner .columns-60-20-20 div.col-3 { float: left; width: 20%; min-width: 120px; overflow:hidden;}
#wrap1 #inner .columns-60-20-20 div div div { margin: 0px;}

/*-- COLUMNS 20 60 20 -- */	
#inner .columns-20-60-20 div.col-1 { float: left; width: 20%; min-width: 120px; overflow:hidden;}
#inner .columns-20-60-20 div.col-2 { float: left; width: 60%; min-width: 180px; overflow:hidden;}
#inner .columns-20-60-20 div.col-3 { float: left; width: 20%; min-width: 120px; overflow:hidden;}
#wrap1 #inner .columns-20-60-20 div div div { margin: 0px;}

/* -- GALLERY 5 -- */
#inner .gallery-5 div.col-1, #inner .gallery-5 div.col-2, #inner .gallery-5 div.col-3, #inner .gallery-5 div.col-4, #inner .gallery-5 div.col-5 {float: left; width: 20%; min-width: 140px; overflow:hidden;}
#wrap1 #inner .gallery-5 div div div { margin: 0px; }

/* -- GALLERY 6-- */
#inner .gallery-6 div.col-1, #inner .gallery-6 div.col-2, #inner .gallery-6 div.col-3, #inner .gallery-6 div.col-4, #inner .gallery-6 div.col-5, #inner .gallery-6 div.col-6 {float: left; width: 16.66%; min-width: 120px; overflow:hidden;}
.responsivewidth-max #wrap1 #inner .gallery-6 div.col-6 {float: right;}
#wrap1 #inner .gallery-6 div div div { margin: 0px;}

/* 2 Column: 1/3 - 2/3  */
#inner .columns-33-66 div.col-1 {width: 33.3%;float:left; overflow:hidden;}
#inner .columns-33-66 div.col-2 {width: 66.7%;float:left; overflow:hidden;}
#wrap1 #inner .columns-33-66 div div div { margin: 0px; }

/* 2 Column: 2/3 - 1/3  */
#inner .columns-66-33 div.col-1 {width: 66.7%; overflow:hidden;float: left;}
#inner .columns-66-33 div.col-2 {width: 33.3%; overflow:hidden;float: left;}
#wrap1 #inner .columns-66-33 div div div { margin: 0px; }

/* 2 Column: 1/4 - 3/4  */
#inner .columns-25-75 div.col-1 {width: 25%; overflow:hidden;float: left;}
#inner .columns-25-75 div.col-2 {width: 75%; overflow:hidden;float: left;}
#wrap1 #inner .columns-25-75 div div div { margin: 0px;}

/* 2 Column: 3/4 - 1/4  */
#inner .columns-75-25 div.col-1 {width: 75%; overflow:hidden;float: left;}
#inner .columns-75-25 div.col-2 {width: 25%; overflow:hidden;float: left;}
#wrap1 #inner .columns-75-25 div div div { margin: 0px;}

/* 3 Column: 1/4 - 1/4 - 1/2  */
#inner .columns-25-25-50 div.col-1 {width: 25%; overflow:hidden;float: left; min-width:150px;}
#inner .columns-25-25-50 div.col-2 {width: 25%; overflow:hidden;float: left; min-width:150px;}
#inner .columns-25-25-50 div.col-3 {width: 50%; overflow:hidden;float: left; min-width:300px;}
#wrap1 #inner .columns-25-25-50 div div div { margin: 0px;}

/* 3 Column: 1/4 - 1/2 - 1/4  */
#inner .columns-25-50-25 div.col-1 {width: 25%; overflow:hidden;float: left; min-width:150px;}
#inner .columns-25-50-25 div.col-2 {width: 50%; overflow:hidden;float: left; min-width:150px;}
#inner .columns-25-50-25 div.col-3 {width: 25%; overflow:hidden;float: left; min-width:150px;}
#wrap1 #inner .columns-25-50-25 div div div { margin: 0px;}

/* 3 Column: 1/2 - 1/4 - 1/4  */
#inner .columns-50-25-25 div.col-1 {width: 50%; overflow:hidden;float: left; min-width:150px;}
#inner .columns-50-25-25 div.col-2 {width: 25%; overflow:hidden;float: left; min-width:150px;}
#inner .columns-50-25-25 div.col-3 {width: 25%; overflow:hidden;float: left; min-width:150px;}
#wrap1 #inner .columns-50-25-25 > div div div { margin: 0px;}

div.col-1 > div, div.col-2 > div, div.col-3 > div, div.col-4 > div, div.col-5 > div, div.col-6 > div
{
    margin-left:14px;
    margin-right:15px;
}

/* Slider Column - Full width - no margin */
#inner .chunk.columns-fullwidth, #inner .chunk.columns-fullwidth div.col-1 > div
{
    margin-left:0px;
    margin-right:0px;
}

/* General chunk related */

#wrap1 #inner .chunk
{
    margin-bottom:30px;
}

#wrap1 #inner div.chunk.chunk-number-1
{
    margin-top:30px;
}

#wrap1 #inner div.chunk.columns-fullwidth.chunk-number-1
{
    margin-top:0px;
}

div.col-1, div.col-2, div.col-3, div.col-4, div.col-5, div.col-6
{
    min-height:1px;
}

.responsivewidth-320 #inner div.col-1, .responsivewidth-320 #inner div.col-2, .responsivewidth-320 #inner div.col-3, .responsivewidth-320 #inner div.col-4, .responsivewidth-320 #inner div.col-5, .responsivewidth-320 #inner div.col-6
{
    width:100%;
    margin-left:0px;
    margin-right:0px;
    min-height:0px;
}

    .responsivewidth-320 #inner div.col-1 > div, .responsivewidth-320 #inner div.col-2 > div, .responsivewidth-320 #inner div.col-3 > div, .responsivewidth-320 #inner div.col-4 > div, .responsivewidth-320 #inner div.col-5 > div, .responsivewidth-320 #inner div.col-6 > div
    {
        margin-left:0px;
        margin-right:0px;
    }

/* Adjust chunk controls in admin edit mode */
#inner .chunk.columns-fullwidth .tabs {
  left: 0;
  margin-left: -28px;
}

/* -- CONTACT -- */
#fm-optout
{
    margin-bottom: 0em !Important;
    display: inline !Important;
    margin-top: 1em;
    margin-right: 10px;
}

#lbl-optout
{
    display: inline !Important;
}

#inner .contact label {
    display: block;
}

#inner .contact input {
    display: block;
    margin-bottom: 1em;
}

#inner .contact div.col-1 p {
    line-height: 15px;
}

/* Advert Panel */
.advertpanel
{
    display: inline-block;
}

.advertpanelhorizontal
{
    float:left;
}