﻿/* ************************************************************************************ */
/* Change Log                                                                           */
/*                                                                                      */
/* 18-06-2010  - Richard Chapman - Deltasoft - Add contact opt-out option             	*/
/* ************************************************************************************ */

/* -- COLUMNS 1 -- */

#inner .columns-1 div {
    float: left;
    width: 100%;
}

#wrap1 #inner .columns-1 div div {
    width: auto;
    float: none;
}




/* -- COLUMNS 2 -- */

#inner .columns-2 div {
    float: left;
    width: 50%;
}

#inner .columns-2 div div {
    width: auto;
    float: none;
}

#inner .columns-2 div.col-1 div { margin-right: 5px; }
#inner .columns-2 div.col-2 div { margin-left: 5px;  }
#wrap1 #inner .columns-2 div div div { margin: 0px; }




/* -- COLUMNS 60 40 -- */

#inner .columns-60-40 div.col-1 { float: left; width: 60%; }
#inner .columns-60-40 div.col-2 { float: left; width: 40%; }

#inner .columns-60-40 div.col-1 div { margin-right: 5px; }
#inner .columns-60-40 div.col-2 div { margin-left: 5px;  }
#wrap1 #inner .columns-60-40 div div div { margin: 0px; }



/* -- COLUMNS 40 60 -- */

#inner .columns-40-60 div.col-1 { float: left; width: 40%; }
#inner .columns-40-60 div.col-2 { float: left; width: 60%; }

#inner .columns-40-60 div.col-1 div { margin-right: 5px; }
#inner .columns-40-60 div.col-2 div { margin-left: 5px;  }
#wrap1 #inner .columns-40-60 div div div { margin: 0px; }



/* -- COLUMNS 20 80 -- */

#inner .columns-20-80 div.col-1 { float: left; width: 20%; }
#inner .columns-20-80 div.col-2 { float: left; width: 80%; }

#inner .columns-20-80 div.col-1 div { margin-right: 5px; }
#inner .columns-20-80 div.col-2 div { margin-left: 5px;  }
#wrap1 #inner .columns-20-80 div div div { margin: 0px; }



/* -- COLUMNS 80 20 -- */

#inner .columns-80-20 div.col-1 { float: left; width: 80%; }
#inner .columns-80-20 div.col-2 { float: left; width: 20%; }

#inner .columns-80-20 div.col-1 div { margin-right: 5px; }
#inner .columns-80-20 div.col-2 div { margin-left: 5px;  }
#wrap1 #inner .columns-80-20 div div div { margin: 0px; }



/* -- COLUMNS 30 70 -- */

#inner .columns-30-70 div.col-1 { float: left; width: 30%; }
#inner .columns-30-70 div.col-2 { float: left; width: 70%; }

#inner .columns-30-70 div.col-1 div { margin-right: 5px; }
#inner .columns-30-70 div.col-2 div { margin-left: 5px;  }
#wrap1 #inner .columns-30-70 div div div { margin: 0px; }



/* -- COLUMNS 70 30 -- */

#inner .columns-70-30 div.col-1 { float: left; width: 70%; }
#inner .columns-70-30 div.col-2 { float: left; width: 30%; }

#inner .columns-70-30 div.col-1 div { margin-right: 5px; }
#inner .columns-70-30 div.col-2 div { margin-left: 5px;  }
#wrap1 #inner .columns-70-30 div div div { margin: 0px; }



/* -- COLUMNS 3 -- */

#inner .columns-3 div {
    float: left;
    width: 33.3%;
}

#inner .columns-3 div div {
 	margin-left: 5px;
    margin-right: 5px; 
    width:auto;
    float: none;
}

#inner .columns-3 div.col-1 div { margin-left: 5px; }
#inner .columns-3 div.col-3 div { margin-right: 5px; }
#wrap1 #inner .columns-3 div div div { margin: 0; }


/* -- COLUMNS 4 -- */
#inner .columns-4 div {
    float: left;
    width: 25%;
}

#inner .columns-4 div div {
    margin-left: 5px;  
   margin-right: 5px;
    width:auto;
    float: none;
}
#inner .columns-4 div.col-1 div { margin-left: 5px; }  
#inner .columns-4 div.col-4 div { margin-right: 0px; }
#wrap1 #inner .columns-4 div div div { margin: 0px; }


/* -- COLUMNS 60 20 20 -- */

#inner .columns-60-20-20 div div {
    margin-left: 5px;
   
}
#inner .columns-60-20-20 div.col-1 { float: left; width: 60%; }
#inner .columns-60-20-20 div.col-2 { float: left; width: 20%; }
#inner .columns-60-20-20 div.col-3 { float: left; width: 20%; }

#inner .columns-60-20-20 div.col-1 div { margin-left: 0px; }
 #inner .columns-60-20-20 div.col-3 div { margin-right: 0px; }
	#wrap1 #inner .columns-60-20-20 div div div { margin: 0px;  }

/*-- COLUMNS 20 60 20 -- */	

#inner .columns-20-60-20 div div {
    margin-left: 5px;
    margin-right: 5px;
}
#inner .columns-20-60-20 div.col-1 { float: left; width: 20%; }
#inner .columns-20-60-20 div.col-2 { float: left; width: 60%; }
#inner .columns-20-60-20 div.col-3 { float: left; width: 20%; }

#inner .columns-20-60-20 div.col-1 div { margin-left: 0px; }
#inner .columns-20-60-20 div.col-3 div { margin-right: 0px; }
#wrap1 #inner .columns-20-60-20 div div div { margin: 0px; }


/* -- GALLERY -- */

#inner .gallery-5 div {
    float: left;
    width: 20%;
    
}

#inner .gallery-5 div div {
    margin-left: 5px;
    margin-right: 5px;
    width:auto;
    float: none;
}

#inner .gallery-5 div.col-1 div { margin-left: 5px; }
#inner .gallery-5 div.col-5 div { margin-right: 5px; }
#wrap1 #inner .gallery-5 div div div { margin: 0px; }

/* -- GALLERY 6-- */

#inner .gallery-6 div {
    float: left;
    width: 16.6%;
}

#inner .gallery-6 div div {
    margin-left: 2px;
    /*margin-right: 5px;*/
    width:auto;
    float: none;
}



#wrap1 #inner .gallery-6 div div div div { margin: 0px; }





/* -- 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;
}

/* Advert Panel */

.advertpanel
{
    display: inline-block;
}

.advertpanelhorizontal
{
    float:left;
}