/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================

   Use this file to add custom CSS easily

 ==========================================================================
 
 * @author: Paul Franklin from lines 0 - 700
 * @author: 
 * @website: http://webx.solutions
 * @version: 1.0

 */ 
 
 @import url( 'desginwork.css' ); /* desgin work stuff - PF */
 @import url( 'custom2.css' );  /* temporary file, we will merge when the project is done*/ 
 @import url( 'responsive.css' );
 @import url( 'zooevents.css' ); /* temporary file, we will merge when the project is done*/ 


/* Clear Yootheme's Glyph Icons */
body [class^="icon-"],
body [class*=" icon-"]
{
	background-image		: none;
}

.ac p,
.wk-twitter-list p {

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.ac p {

    overflow: visible;
	text-align: left !important;
	
}

 .tm-logo img {

    width: 150px;
}

.tm-headerbar .tm-logo  {

	height: 80px;
}

.tm-headerbar {

	margin-top: 31px;
}

  /* main menu

------------------------------------------------------------------------- */

body nav.uk-navbar {margin-top : 0px !important; }

.uk-navbar {

    border-radius: 0;
    border-style:  none;
}

.uk-navbar-nav > li > a {
	font-size:   16px;
	color:       #FFFFFF;
	font-weight: bold;
	text-shadow: none;
	height:      60px;
	line-height: 57px;
}

.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a:active,
.uk-navbar-nav > li.uk-active > a {

	color 					: #2c2a29;
	border-top-color		: transparent;
	background-color		: transparent;
}

.uk-navbar-nav .uk-navbar-nav-subtitle {

    line-height: 57px;

}

.uk-navbar-nav .uk-navbar-nav-subtitle > div {

    font-size:    11px;
    line-height:  0;
    margin-top:   -15px;

}

.uk-navbar-nav:first-child > li:first-child > a {

    border-bottom-left-radius: 0;
    border-top-left-radius: 0;

}

.uk-navbar-nav > li:hover:after,
.uk-navbar-nav > li.uk-active:after {

	border-color: #E35205 transparent transparent;
	border-style: solid;
	border-width: 19px 19px 0 0;
	content:      " ";
	height:       0;
	left:         20px;
	position:     absolute;
	width:        0;
	z-index:      10;
}

  /* top menu, strapline and search

-------------------------------------------------------------------------*/

.tm-toolbar.uk-clearfix.uk-hidden-small {

  float:          right;
}

.tm-headerbar .uk-nav.uk-nav-parent-icon.uk-nav-side {

	position:     relative;
	margin-right: 2px;
	bottom:       3px;

}
 
.tm-headerbar .uk-nav-side > li > a:focus {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div.tm-headerbar .uk-nav-side li.uk-active a,
.tm-headerbar .uk-nav-side > li > a:hover {
	
	background:   none repeat scroll 0 0 transparent;
    color:        #E35205 !important;
    text-shadow:  none;
	box-shadow:   none;
}

.uk-panel.top-search {

	top:    19px;
	left:   32px;
	clear:  right;
}

.uk-panel.top-strapline {

	top:          52px;
	clear:        right;
	margin-right: 2px;
}

  /* offcanvas menu

-------------------------------------------------------------------------*/

.tm-logo-small
{
	display					: block;
    position 				: absolute;
    top 					: 0px;
    width                   : 130px; /*added by PF new logo*/
    z-index                 : 10; /*added by PF new logo*/

}

  /* FP slidshow - widgetkit
-------------------------------------------------------------------------*/

p.vslide-text
{
	font-weight: bold;
	max-height	: 56px;
	overflow	: hidden;
	margin-bottom: 5px;
}

a.vslide-readmore p:before  
 { 
    content:  "\f0f6";
	margin-right: 5px;
	font-family:  FontAwesome;
}

a.vslide-readmore p {

	/* margin-top: 25px; */
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

a.vslide-readmore { 

    color :    #fff; 
	font-size: 0.9em;

}

.wk-slideshow-list > div
{ 
	border					: 0px none;
}

.wk-slideshow-list .nav
{ 
	border					: 0px none;
	top: 0;
}

.wk-slideshow-list .nav li {

    padding: 0;
    color: #ffffff;
	margin-bottom: 1px;
}



.wk-slideshow .slides li {

	overflow: hidden;
	height: 400px;
}

.wk-slideshow-list .slides > li > article img {

	height: auto !important; /* override any img embed height  */
	width: auto !important; /* override any img embed width  */
    margin: 0;
    max-height: 400px;
	min-height: 400px;
    max-width: inherit;
    min-width: 100.3%;
    padding: 0;
	position: relative;
}

.wk-slideshow-list .nav span {

	overflow: visible;
	z-index: 10;
	border-left-color:          rgba(0, 0, 0, 0.1);
    border-right-color:         rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;
	height: 104.5px;
	padding: 20px 20px 8px;

}


.wk-slideshow-list .nav li { 

	background-color: #bfb5a5; 

}

.wk-slideshow-list .nav li.active,
.wk-slideshow-list .nav li:hover { 

	background-color: #9d9895 
}



/* change request 1 & 2 /

.wk-slideshow-list .nav li.active:nth-child(1):after  { border-left-color: #bfb5a5; }
.wk-slideshow-list .nav li.active:nth-child(2):after  { border-left-color: #9d9895; }
.wk-slideshow-list .nav li.active:nth-child(3):after  { border-left-color: #e35205; }


.wk-slideshow-list .nav li:nth-child(1) { background-color: #bfb5a5; }
.wk-slideshow-list .nav li:nth-child(2) { background-color: #9d9895; }
.wk-slideshow-list .nav li:nth-child(3) { background-color: #e35205; }
.wk-slideshow-list .nav li:nth-child(n+4) { display: none; }

.wk-slideshow-list .nav li.active:after {

	border: 10px solid transparent;
	position: absolute; left: 100%;
	margin-top: -100px;
	z-index: 10;
	content: ' ';
	height: 0;
	width: 0;

}

 */ 

 

.wk-slideshow-list .nav li.active {

	border-top: 0 none;
	border-bottom: 0 none;
}

.wk-slideshow-list .slides > li > article,
.wk-slideshow-list .nav li.active:first-child {

    padding: 0;
	border-radius: 0;
}


  /* Members slidshow - widgetkit
  
-------------------------------------------------------------------------*/

.wk-slideshow.wk-slideshow-default div div.caption {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-family: 'Open Sans';
	font-size: 60px;
    color: #000000;
    bottom: inherit;
    left: 10px;
    top: 22px;
}

.wk-slideshow-default .slides li {

	overflow: hidden;
	height: 400px;

}

.wk-slideshow-default .slides > li > article img {

	height: auto !important; /* override any img embed height  */
	width: auto !important; /* override any img embed width  */
    max-height: 400px;
	min-height: 400px;
    /* max-width: inherit; */
    min-width: 100.3%;
	position: relative;
	margin: 0;
    padding: 0;
}


.wk-slideshow.wk-slideshow-default div div.caption {

	color:#FFFFFF;
}

  /* Members Committee Tabs
  
-------------------------------------------------------------------------*/

/* Member Committee Tabs */
#yoo-zoo #zoo-tabs li
{
	width 				: 33%;
	text-align			: center;
}

#yoo-zoo #zoo-tabs li a
{
	padding-left		: 10%;
	padding-right		: 10%;
}


  /* FP Twitter - widgetkit

-------------------------------------------------------------------------*/



.wk-twitter-list article {



	margin-top: 15px;

	border-top: medium none;

}



.wk-twitter .image img {



	/* margin-bottom: 18px;*/

}





  /* modules Headers

-------------------------------------------------------------------------*/



/* primary black */  
div.uk-panel.uk-panel-box.color-black .uk-panel-title { background-color: #2C2A29;}

/* 60% lighter */  
div.uk-panel.uk-panel-box.color-grey .uk-panel-title { background-color: #9d9895;}

/* 30% lighter */ 
div.uk-panel.uk-panel-box.color-lightgray .uk-panel-title { background-color: #e6e5e5; color: #444444; }

/* primary orange */ 
div.uk-panel.uk-panel-box.color-orange .uk-panel-title { background-color: #E35205; }

/* primary blue */ 
div.uk-panel.uk-panel-box.color-blue .uk-panel-title { background-color: #00baf2; }

/* 60% lighter */ 
div.uk-panel.uk-panel-box.color-lightblue .uk-panel-title { background-color: #33d0ff; }

/* Beige */ 
div.uk-panel.uk-panel-box.color-beige .uk-panel-title { background-color: #bfb5a5; }

/* Purple */ 
div.uk-panel.uk-panel-box.color-purple .uk-panel-title {background-color: #d5c7d0; }

/* Green */ 
div.uk-panel.uk-panel-box.color-green .uk-panel-title { background-color: #cfcaac; }

/* Cream */ 
div.uk-panel.uk-panel-box.color-cream .uk-panel-title { background-color: #ffd1b4; }



.uk-panel.uk-panel-box[class*="color-"] .uk-panel-title {



	color: white;

	font-weight: bold;

	padding: 10px 20px;

}



.uk-panel.uk-panel-box[class*="color-"] {



	padding: 0 0 20px;

}



.uk-panel.uk-panel-box[class*="color-"] > p,

.uk-panel.uk-panel-box[class*="color-"] > div {



	padding: 0 20px;

}



.uk-panel-box,

.wk-slideshow-list > div {



	-webkit-border-radius: 0;

       -moz-border-radius: 0;

            border-radius: 0;

}



/* News Show SP2 Mod

-------------------------------------------------------------------------*/



.uk-panel.uk-panel-box div.ns2-column.flt-left.col-1 div  {



	padding-top: 0 !important;

}



div.ns2-inner h4, div.ns2-inner p.ns2-introtext {



	margin-top:0;



}



a.ns2-readmore span:before { 



	content: "\f0f6";

	margin-right: 5px;

	font-family: FontAwesome;



}




a.ns2-readmore span {



	padding: 0;

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}



/* News Show SP2 - News Mod = news

-------------------------------------------------------------------------*/



div.uk-panel.uk-panel-box.news div#ns2-103 {



	min-height: 314px;

}



/* FP News Show SP2 - About Us Mod = callout

-------------------------------------------------------------------------*/



div.uk-panel.uk-panel-box.callout {



	padding: 0;

	color: white;

	background-color: #bfb5a5;

}



.uk-panel.uk-panel-box.callout > div, .uk-panel.uk-panel-box.callout > p  {

	padding: 0 20px 20px;

}



/*div.uk-panel.uk-panel-box.callout:after {



	border-color: #bfb5a5 transparent transparent;

	border-style: solid;

	border-width: 23px 20px 10px 0;

	content: " ";

	height: 0;

	left: 20px;

	position: absolute;

	width: 0;

	z-index: 10;

} */

	

.uk-panel.uk-panel-box.callout .uk-panel-title {


	padding: 19px 20px 0;

	font-weight: bold;

	color: white;

}



.uk-panel.uk-panel-box.callout a.ns2-readmore span {



	color: white;

}



div.uk-panel.uk-panel-box.callout .ns2-inner p.ns2-introtext {



 margin: 0 0 32px;

}





/* FP News Show SP2 - Energy explained Mod = energy-explained

-------------------------------------------------------------------------*/



.energy-explained .ns2-row.ns2-first.ns2-odd h4.ns2-title {



	margin-bottom: 0;

}



.energy-explained h4.ns2-title {



	margin-bottom: 0;

	/* margin-top: 20px; */

}



.energy-explained .ns2-first  img.ns2-image {

 

	display:block;

 }



.energy-explained  img.ns2-image {



	display:none;

}



.energy-explained .ns2-row.ns2-first.ns2-odd .ns2-links,

.energy-explained .ns2-links{



	margin-bottom: 10px;

}

.energy-explained .ns2-row.ns2-odd .ns2-links {



	margin-bottom: 0;

}



/* FP News Show SP2 - Annual Report Mod = mod-teaser

-------------------------------------------------------------------------*/
.uk-panel .mod-teaser .uk-panel-teaser
{
	margin-top				: 0px;
	margin-bottom			: -21px;
	overflow 				: hidden;
}

.uk-panel .mod-teaser .uk-panel-teaser img 
{
	padding: 0;
	margin: 0;
	height: auto;
    max-width: inherit;
	max-height: 340px; /* Ensure This Module is Taller than the Twitter Module */
    min-width: 100%;
	/*min-height: 100%; Not Necessary & Blows up in Mobiles */

	border-radius 			: 0px;
}

.uk-panel .mod-teaser p:last-child,
.uk-panel .mod-teaser div:last-child
{
	padding: 0;
}

/* change requests 3 /

.uk-panel .mod-teaser .uk-panel-teaser:after
{
	border-color: #FFFFFF transparent transparent;
	border-style: solid;
	border-width: 23px 20px 10px 0;
	content: " ";
	height: 0;
	left: 20px;
	position: absolute;
	width: 0;
	z-index: 10;
} */

.uk-panel .mod-teaser p a
{
	font-size: 0.9em;
	margin: 0 5px 0 0;
}

.uk-panel .mod-teaser p a:before
{ 
	content: "\f0f6";
	font-family: FontAwesome;
	margin-right: 5px;
}


/*  FP Social Mod

-------------------------------------------------------------------------*/

 

.uk-icon-button {



	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

	font-size: 45px;

	height: 75px;

	line-height: 72px;

	padding-left: 13px;

	width: 75px;

	margin: 0 4% 8%;

}


/*  Side Menu Mod = side-bar

-------------------------------------------------------------------------*/

.uk-panel.uk-panel-box.side-bar[class*="color-"] {

    padding: 0;
}

.uk-panel-box > .uk-nav-side {

	margin: 0;
}

.uk-panel-box > .uk-nav-side li:nth-child(n+2) {

    border-top: 1px solid #dddddd;
}

.uk-nav-side > li.uk-active > a {

    background: none repeat scroll 0 0 #9d9895;
	box-shadow: none;
}

.uk-nav-side li.uk-parent.uk-open div ul.uk-nav-sub li.uk-parent ul a:before {

    content: "\f105";
    float: left;
    font-family: FontAwesome;
    margin-right: -10px;
    width: 20px;
	color: #444444;
}

.uk-nav-side li.uk-parent.uk-open div ul.uk-nav-sub li a.menu-heading {

    font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
    text-transform: uppercase;
	color: #444444;
}

.uk-nav-side li.uk-parent.uk-open div ul.uk-nav-sub li a.menu-heading:hover {

    color: #0074a2;
}

.uk-nav-side li.uk-parent.uk-open div ul.uk-nav-sub li.uk-parent a.menu-heading:not(:first-child) {

    margin-top: 20px;
}

/* Related Links Mod = related-links

-------------------------------------------------------------------------*/ 



.uk-panel.uk-panel-box.related-links[class*="color-"] {

    padding: 0;
}


.related-title {

	display: none;
}


.ac article {

    padding: 0 !important;
}


.ac .image-feat {

    margin: 0 7px 0 0;
}



.ac.image-border-light .image-feat img {

	border: medium none;
	margin: 6px 0 0;
	padding: 0;
}



.ac.acimage-left.image-border-light article header a h3.title,

.ac.acimage-left.image-border-light article header a h4.title {



	color: #1fa2d6 !important;

	font-size: 15px !important;

	margin: 0 0 2px !important;

}



.ac.acimage-left.image-border-light article footer a.rm  {

	font-size: 95%;
}



.ac.acimage-left.image-border-light article footer a.rm:before {



	content: "\f0f6";

	font-family: FontAwesome;

	margin-right: 5px;

	font-size: 0.9em;

}



/* Landing Page Articles Mods = landing-page

-------------------------------------------------------------------------*/



.landing-page .ns2-inner {



	width: 380px;

}



.landing-page .ns2-inner .ns2-title {



	font-size: 18px;

	margin: 10px 0;

}



.landing-page .ns2-inner .ns2-introtext {

 

	margin: 0 0 10px;

}



  /* Articles

-------------------------------------------------------------------------*/
.tm-content div#yoo-zoo .event div.floatbox ,
.tm-content div#yoo-zoo div.description,
.events-showevent .items .teaser-item,
.tm-content article.uk-article p {

	text-align: justify;

}

.uk-align-right {

    height: auto;
    width: 45% ;
	margin: 5px 0 10px 20px;

}

div.events-showevent div.description  p:nth-child(2)
{
    font-weight: bold;
	margin-top: 0px;
}
main.tm-content div#qfl-articles-filter  div.introtext p:first-child,
main.tm-content article.uk-article div p:first-child {

    font-weight: bold;

}

  /* Most popluar Mod

-------------------------------------------------------------------------*/



.tm-bottom-a.uk-grid  div.uk-panel.uk-panel-box .uk-list-line > li:nth-child(n+2) {

 

	border-top: medium none;

	border-top: medium none;

}



  /* Social Mod

-------------------------------------------------------------------------*/



.uk-icon-button:hover, .uk-icon-button:focus {



    background-color: #BFB5A5;

    color: #FFFFFF;

}



  /* Search 

-------------------------------------------------------------------------*/



.uk-search:before {



    color: white;

	 text-shadow: none;

}

input.uk-search-field {



    text-transform: capitalize;

}



input.uk-search-field::-webkit-input-placeholder       { color : #FFFFFF; font-family: 'Open Sans' }

input.uk-search-field:-moz-placeholder                           { color : #FFFFFF; font-family: 'Open Sans' } /* Firefox 18- */

input.uk-search-field::-moz-placeholder                         { color : #FFFFFF; font-family: 'Open Sans' } /* Firefox 19+ */

input.uk-search-field:-ms-input-placeholder                 { color : #FFFFFF; font-family: 'Open Sans' }

.uk-search-field:focus,
.uk-search.uk-active .uk-search-field
{
	width					: 140px;
}


.uk-nav-search > li.uk-active > a {



    background: none repeat scroll 0 0 #9D9895;

}



.uk-navbar-content.uk-hidden-small {



    margin-top: 7px;

    padding: 0;

}



.tm-headerbar .uk-nav-side > li > a {



	padding: 0;

	color: #1fa2d6;

}



.uk-dropdown, .uk-dropdown-navbar  {



    border-radius: 0;

}


form#searchForm  .uk-panel-box {



    background-color: #eefaff;

    border-color: rgba(105, 158, 179, 0.3);

    color: #699eb3;

}

/***** TYPO

-------------------------------------------------------------------------*/

span.highlight {

	color: #fff;
    padding: 0 5px;
	text-decoration: none;
	background: none repeat scroll 0 0 #e35205;

}

.pdf-alert {

	border-bottom: 1px dotted #c8c8c8;
    border-top:   1px dotted #c8c8c8;
	text-shadow: 1px 1px 1px #ffffff;
    display: block;
    padding: 5px;
	
	background-color: #fafafa;	
	transition: background-color 800ms ease-in-out 0s;
}

.pdf-alert:before {

	font-family: FontAwesome;
    content: "\f1c1";
}

.pdf-alert:hover {

    transition: background-color 400ms ease-in-out 0s;
	background-color: #f2f2f2;	
}

/* Table */
.uk-table  tbody tr td:first-child { 

	font-weight: bold;
}

.uk-table thead tr th { 

	text-transform: uppercase;
	 color: #e35205;
}

#zx-zoocart-order .uk-table thead tr th,
#zx-zoocart-cart .uk-table thead tr th { 
	text-transform: inherit;
}

.uk-table th, .uk-table td {

    padding: 10px;
	white-space: normal;
}

table.uk-table.uk-table-striped.uk-table-condensed.uk-text-nowrap tbody tr td:first-child {

    font-weight: normal;
}


table.uk-table.uk-table-striped.uk-table-condensed.uk-text-nowrap tbody tr td ul {
	
	margin-bottom: 0;

}

/***** RESPONSIVE

-------------------------------------------------------------------------*/



/*980 x 1280 */

@media all and (min-width: 980px) and (max-width:1024px)
{


}


/***** vish - About our Members

-------------------------------------------------------------------------*/

/* Container */
#yoo-zoo .v_search_box,
.formResponsive fieldset,
.formResponsive #jactbl,
div#yoo-zoo .details.alignment-left
{
	padding 				: 20px;
	border					: 1px solid #c0eafa;
	background-color		: #eefaff;
}

div#yoo-zoo .details.alignment-left.vdetails 
{

    padding-left: 0 !important;
	background-color: white !important;
	
}

#yoo-zoo .alpha-index a:link, #yoo-zoo .alpha-index a:visited {

    color: #1fa2d6;
}


/* Titles */
#yoo-zoo .v_search_box .v_myhead
{
	color 					: #3484a4;
	font-size				: 18px;
	font-weight				: normal;
}

/* A-Z */
#yoo-zoo .v_search_box .alpha-index a,
#yoo-zoo .v_search_box .alpha-index span,
#yoo-zoo.business-energy-alphaindex span,
#yoo-zoo.business-energy-alphaindex div.alpha-index a

{
	width					: 3.7%;
	height					: auto;
	font-size				: 20px;
	font-weight				: 100;
	background				: none transparent;
}

#yoo-zoo .v_search_box .alpha-index a
{
	color 					: #3484a4;
}

#yoo-zoo .v_search_box .alpha-index span
{
	color 					: #9fc9d9;
}

body .alpha-index > span:last-child {

    display: none !important;
	
}

/* Search Box Container */
#yoo-zoo .v_search_box .form-element-row
{
	width 					: 90%;
	float					: left;
	padding 				: 0px;
	position				: relative;
	left					: 0px;
	top						: 0px;
}

/* Search Icon */
#yoo-zoo .v_search_box .form-element-row:before
{
	position				: absolute;
	left					: 10px;
	top						: 9px;
	z-index					: 100;

	content 				: '\f002';
	color					: #c0e9fa;
	font-size				: 22px;
	font-family 			: FontAwesome;
}

/* Search Box Input */
#yoo-zoo .v_search_box .form-element-row input
{
	width 					: 100%;
	height					: auto;
	margin					: 0px;
	padding 				: 8px 8px 8px 40px;

	border-left				: 1px solid #c0eafa;
	border-top				: 1px solid #c0eafa;
	border-bottom			: 1px solid #c0eafa;
	border-right			: 0px none;
	border-radius			: 0px;

	/* Outprioritise Bootstrap the Hard Way! */
	-webkit-box-sizing 		: border-box !important;
	-moz-box-sizing 		: border-box !important;
	box-sizing				: border-box !important;
}

#yoo-zoo .v_search_box .form-element-row input:hover
{
	border-color			: #9ed0e5;
}

#yoo-zoo .v_search_box .form-element-row input:focus
{
	border-color			: #9ed0e5;
	background-color		: #ffffff;
}

/* Search Button */
#yoo-zoo .v_search_box .form-elements ~ .button
{
	width 					: 10%;

	/* Outprioritise Bootstrap the Hard Way! */
	-webkit-box-sizing 		: border-box !important;
	-moz-box-sizing 		: border-box !important;
	box-sizing				: border-box !important;
}

/* Buttons */

#yoo-zoo .v_search_box .button,
.zx-zoocart-checkout-payment .vbutton,
#qfl-articles-filter .filter .value .vbutton, .vbutton {
	padding 				: 9px;

	color					: #3484a4;
	border					: 1px solid #9ed0e5;
	background-color		: #bee5f5;
}

#yoo-zoo .v_search_box .button:hover,
.zx-zoocart-checkout-payment .vbutton:hover,
.zx-zoocart-checkout-payment .vbutton.uk-active,
#qfl-articles-filter .filter .value .vbutton, .vbutton:hover {
	padding 				: 9px;

	color					: #ffffff;
	border					: 1px solid #3484a4;
	background-color		: #77b8d3;
	box-shadow				: 2px 2px 10px #3484a4 inset;
}

.zx-zoocart-checkout-payment .vbutton
{
	background: #bee5f5;
	border-radius:	0px;
}

.zx-zoocart-addtocart .uk-button,
.zx-zoocart-checkout-placeorder.uk-button
{
	border-radius:	0px;
	
}

.zx-zoocart-addtocart .uk-button
{
	margin-top: 10px;
}

.zx-zoocart-checkout-placeorder.uk-button
{
	line-height: 40px;
}

#qfl-articles-filter .btn, #qfl-articles-filter-module .btn {


}


.vdetails { border : none !important; } 



.vdetails h1 {border-bottom: 1px solid hsl(21, 96%, 45%); font-size:29px !important; font-weight:bold !important;line-height: 50px !important; margin-top: -10px !important;}



/* when needed for breadcrumb   .uk-breadcrumb > li {font-size: 11px;} ; a, .uk-link {color: hsl(0, 0%, 27%);} */


/* below is some responsive code to keep the blog layout with images on the energy blog page to work ok on all resolution, now on mobile devices to come in one column */
body.vblog-energy .landing-page .ns2-inner { /*max-width: 380px !important;*/ width: 100% !important; }

body.vblog-energy .landing-page{
    padding: 0px ;
    border: none ;
    background: none ; 
}
 /* vish Calendar page          ***************************/
  .vcalendarevent, #vzoo-event-calendar{
      margin-top: 0;
      max-width: 100% ;
  }
  .vcalendarevent, #vzoo-event-calendar, .ui-datepicker-calendar{
      height: 360px ;
  }
  .vcalendarevent, #vzoo-event-calendar,.ui-datepicker{
      height: 400px ;
  }
/*  .vcalendarevent, #vzoo-event-calendar, .ui-datepicker, .ui-state-default{
      font-size: 16px !important;
     // text-align: right !important;
       font-weight: normal !important;
   }*/
   
    .vcalendarevent, #vzoo-event-calendar, .ui-datepicker, .ui-datepicker-next span {
    
    text-indent: 40px ;
}
 .vcalendarevent, #vzoo-event-calendar, .ui-datepicker, .ui-datepicker-prev span {
    
    text-indent: 40px ;
}
   
  .vcal-member  { padding: 0px ;}
   .vcal-member h3{ background-color: #bfb5a5 ;color: white !important ;
    font-weight: bold ;
    padding: 10px 20px ;}
   
  .vchangeevent, #vzoo-event-calendar,.ui-datepicker, .ui-state-active{
      background-image: none ;
      background-position: center 2px ;
      background-repeat: no-repeat ;
  }
   /* End vish Calendar page          ***************************/
   
span.fc-pre
{
	border-radius	: 50%;
	height			: 14px;
	width			: 14px;
	float			: left;
	margin-right	: 5px;
}

.fc-event-container a.fc-event
{
	background-color	: transparent;
	border				: 0px none;
}

#calendar {
	max-width: 100%;
	margin: 0 auto;
}

.fc-content
{
	color: black;
}

 /* vish qfl article filter          ***************************/
 #qfl-articles-filter .filter .value .vbutton {

    width:80px;
    margin-left: 20px;
	background-color: #bee5f5;
    border: 1px solid #9ed0e5;
    color: #3484a4;
    padding: 9px;
	
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0;
 }
 
  #qfl-articles-filter .filter .value .vbutton:hover {
  
    background-color: #77b8d3;
    border: 1px solid #3484a4;
    box-shadow: 2px 2px 10px #3484a4 inset;
    color: #ffffff;
    padding: 9px;
}
 

#qfl-articles-filter .filter .label:first-child, 
#qfl-articles-filter .filter .value:first-child, 
#qfl-articles-filter-module .filter .label:first-child, 
#qfl-articles-filter-module .filter .value:first-child {

    border-radius: 0;
}
 
 .vtextboxsize {
 
     width:261px ;
 }
 
 .vform{
 
     background-color: #EEFAFF;border: 1px lightgray solid; padding: 20px;
 }
 
 .vform .uk-panel-title{
 
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: none; color: #3484A4;
 }
 .vlable-search{
     
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    color: #3484A4 !important;
    display: inline-block !important;
    float: left !important;
    font-size: 13px !important;
    font-weight: bold !important;
    height: 18px !important;
    line-height: 18px !important;
    text-align: left !important;
    width: auto !important; min-width:0px !important;
 }
 
 .vdatepickerboxsize{
 
     width:142px !important;
 }
 
 .vdatepickerdivsize1{
 
     width: 27% ;float: left;
 }
 
  .vdatepickerdivsize2{
  
     width: 73% ;float: left;
 }
 
 .vmargin{
 
     margin-top: 15px !important;
 }
 
 
/* End vish qfl article filter         ***************************/

 /* vish Campaigns page image size          ***************************/
 
   body.vcampblog .uk-container .uk-grid .uk-grid .uk-article div p img{
      width: 20% !important;
   }
/*End vish Campaigns          ***************************/
  
/* vish policy and energy page          ***************************/
@media (max-width:767px) {
body.vblog-energy  div.nssp2 .col-2 {  width: 100% !important;}
body.vblog-energy .landing-page .ns2-inner {max-width:100% !important;width: 100% !important;}
body.vblog-energy .col-2 img.ns2-image {height: auto;width: 100%;max-width:100% !important;}
}

  
/*End vish policy and energy page          ***************************/




  /* SiteMap - PF

------------------------------------------------------------------------- */

div#xmap h1 {

    margin-top: 0;
}

div#xmap ul.level_0 {

    text-indent: 0;
}

div#xmap ul.level_0 ul {

    list-style: none outside none;
    padding: 0;
}

div#xmap ul.level_0 li {

    color: #333;
    margin-top: 20px;
    text-transform: uppercase;
}

div#xmap ul.level_0 li a:after {

    content: " >";
    font-family: Comic Sans MS;
    font-size: 10px;
    position: relative;
}

div#xmap ul.level_0 li span:after {

    content: " >";
    font-family: Comic Sans MS;
    font-size: 10px;
    position: relative;
}

div#xmap ul.level_0 li ul.level_1 li {

    border-top: 1px solid #ccc;
    margin-top: 6px;
    padding-top: 5px;
    text-transform: none;
}

div#xmap ul.level_0 li ul.level_1 li a:after,
div#xmap ul.level_0 li ul.level_1 li span:after {

    content: " >";
    font-family: Comic Sans MS;
    font-size: 10px;
    position: relative;
}

div#xmap ul.level_0 li ul.level_1 li ul.level_2 li {

    border-top: 1px solid #ccc;
    margin-top: 6px;
    padding-top: 5px;
}

div#xmap ul.level_1 {

    text-indent: 3%;
}

div#xmap ul.level_1 li {

    padding: 0;
}

div#xmap ul.level_1 ul.level_2 {

    text-indent: 9%;
}

div#xmap ul.level_1 ul.level_2 ul.level_3 {

    text-indent: 15%;
}


  /* RSFrom! - PF

------------------------------------------------------------------------- */

.componentheading {

    font-family:    "Open Sans";
	font-size:      36px;
    font-weight:    300;
    line-height:    42px;
    text-transform: none;
}

.formResponsive .rsform-block.rsform-block-text div.formControls,
.formResponsive div.rsform-block.rsform-block-header div.formControls { 

	margin: 0;
	color:  #3484a4;
}

.formResponsive div.rsform-block div.formControlLabel { 

	color:     #3484a4;
	font-size: 16px;
}

.formResponsive .rsform-block.rsform-block-text div.formControlLabel  { 

	width: 0;
}

.formResponsive .rsform-block.rsform-block-header div.formControls div.formBody {

	font-size: 18px;
}


.euk_join_form.formResponsive div.rsform-block.rsform-block-text {

	margin-bottom: 0;
}


.formResponsive textarea, 
.formResponsive input[type="text"], 
.formResponsive input[type="password"] {

    border-color:  #c0eafa;
    border-radius: 0;
    border-style:  solid;
    border-width:  1px;
    box-sizing:    border-box;
    height:        auto;
    margin:        0;
    padding:       8px 0 8px 1%;
    width:         98%;

}

.formResponsive .rsform-block.rsform-block-captcha .rsform-captcha-box {

	margin-top: 25px;
}

.formResponsive input[type="submit"] {

    background-color: #bee5f5;
    background-image: none;
    border:           1px solid #9ed0e5;
    border-radius:    0;
    color:            #3484a4;
    font-size:        14px;
    padding:          9px;
    text-shadow:      none;
	
	
}

.formResponsive input[type="submit"]:hover, 
.formResponsive input[type="submit"]:active, 
.formResponsive input.active[type="submit"], 
.formResponsive input.disabled[type="submit"], 
.formResponsive input[type="submit"][disabled] {

    background-color: #77b8d3;
	box-shadow:       2px 2px 10px #3484a4 inset;
    color:            #ffffff;
	
}


 div.uk-container.uk-container-center div.tm-middle.uk-grid div.tm-main.uk-width-medium-3-4.uk-push-1-4 main.tm-content dl#system-message dd.message.message.fade {

    background: none repeat scroll 0 0 #ebf7fd;
    border: 1px solid rgba(45, 112, 145, 0.3);
    border-radius: 4px;
    color: #2d7091;
    margin-bottom: 15px;
    padding: 20px 0 0;
    text-shadow: 0 1px 0 #fff;
	opacity: 10;

}

  /* qfl-articles-filter used for the Search News Archive - PF

------------------------------------------------------------------------- */

div#qfl-articles-filter div.date {

    font-size: 12px !important;
    line-height: 18px;
}

div#qfl-articles-filter div.date:before {

    content: "Written on";
} 

#qfl-articles-filter .chosen-container .chosen-search input { width : 95%; }


#qfl-articles-filter .qfl-select, #qfl-articles-filter-module .qfl-select, 
#qfl-articles-filter input[type="text"], #qfl-articles-filter-module input[type="text"] {

    border-radius: 0;
    padding: 7px 6px;
}

  /* Zoo events 

------------------------------------------------------------------------- */

.events-showevent .teaser-item.event h1.uk-article-title { 

	margin-top : 0px;	
}

.events-showevent div.events{ 

	float : left; 
	margin-right : 20px; 
}

.events-showevent div.item div.floatbox{ 

	clear : both; 
	margin-top : 50px; 
}

body #yoo-zoo .item div.pos-media .element.first { 

	margin-top: 0px; 
}

body #yoo-zoo .details {

	padding-left: 0px;
}

#yoo-zoo.events-showevent .teaser-item a img:hover{ border : 0px none; box-shadow: 0px 0px 0px; }

/* ARKHIVE FOLDERS ------------------------------------------------------------------------- */
/* Folder Row */
#ark .arkhive-category .category-desc
{
	padding					: 0px 0px 10px;

	color					: #888888;
}

#ark .arkhive-category .folder-box
{
	margin					: 0px 0px 10px;
	padding					: 10px;
	overflow				: hidden;

	color					: #444444;
	border					: 1px solid #dddddd;
	background-color		: #fafafa; 
}

/* Folder Title */
#ark .arkhive-category .folder-box .folder-title
{
	max-width				: 90%;
	float					: left;
	padding					: 6px 0px 0px 7px;
	overflow				: hidden;

	color					: #444444;
	line-height				: 32px;
	text-overflow			: ellipsis;
	white-space				: nowrap;
}

#ark .arkhive-category .folder-box .folder-title:hover
{
	color					: #428bca;
	text-decoration			: none;
}

#ark .arkhive-category .folder-box .folder-title:focus
{
	outline					: 0px none;
	text-decoration			: none;
}

/* Folder Icon */
#ark .arkhive-category .folder-box .folder-icon
{
	display					: block;
	width					: 41px;
	height					: 41px;
	float					: left;
	position				: relative;
	left					: 0px;
	top						: 0px;
}

#ark .arkhive-category .folder-box .folder-icon span
{
	display					: block;
	width					: 100%;
	position				: absolute;
	left					: 0px;
	top						: 10px;

	color					: #ffffff;
	font-size				: 70%;
	font-weight				: bold;
	text-align				: center;
}

#ark .arkhive-category .folder-box .folder-icon i
{
	width					: 41px;
	height					: 41px;

	font-size				: 170%;
	background-image		: none;
}

/* Folder Toggle Icon */
#ark .arkhive-category .folder-box .folder-toggle
{
	padding-top				: 6px;
	padding-right			: 7px;

	color					: #444444;
	font-size				: 16px;
}

#ark .arkhive-category .folder-box .folder-toggle:hover
{
	color					: #428bca;
	text-decoration			: none;
}

#ark .arkhive-category .folder-box .folder-toggle:focus
{
	outline					: 0px none;
	text-decoration			: none;
}

#ark .arkhive-category .folder-box .folder-toggle [class*="down"] { display : none; }
#ark .arkhive-category .folder-box .folder-toggle [class*="up"] { display : inline-block; }

#ark .arkhive-category .folder-box .folder-toggle.collapsed [class*="down"] { display : inline-block; }
#ark .arkhive-category .folder-box .folder-toggle.collapsed [class*="up"] { display : none; }

/* Child Folders */
#ark .arkhive-category .folder-box + .folder-children
{
	padding-left			: 60px;
}

/* ARKHIVE FILES ------------------------------------------------------------------------- */
/* File Row */
#ark .files-container .file-box
{
	margin					: 0px 0px 10px;
}

/* File Top Box */
#ark .files-container .file-top-box
{
	margin					: 0px;
	padding					: 10px;
	overflow				: hidden;

	color					: #444444;
	border					: 1px solid #dddddd;
	background-color		: #fafafa; 
}

/* File Icon */
#ark .files-container .file-box .file-icon
{
	display					: block;
	width					: 41px;
	float					: left;
}

#ark .files-container .file-box .file-icon i
{
	font-size				: 32px;
}

/* File Title */
#ark .files-container .file-box .file-title
{
	max-width				: 93%;
	float					: left;
	padding					: 0px 0px 0px 7px;
}

#ark .files-container .file-box .file-title h3
{
	margin					: 0px;
	padding					: 0px;
	overflow				: hidden;

	line-height				: 32px;
	text-overflow			: ellipsis;
	/* white-space				: nowrap; PF - requested by EUK*/
}

#ark .files-container .file-box .file-title a
{
	color					: #444444;
}

#ark .files-container .file-box .file-title a:hover
{
	color					: #428bca;
	text-decoration			: none;
}

#ark .files-container .file-box .file-title a:focus
{
	outline					: 0px none;
	text-decoration			: none;
}

/* File Description */
#ark .files-container .file-box .file-text
{
	padding-top				: 5px;
	color 					: #888888;
}

/* File Bottom Box */
#ark .files-container .file-bottom-box
{
	margin					: 0px;
	padding					: 0px;
	overflow				: hidden;

	color					: #444444;
	border-top				: 0px none;
	border-right			: 1px solid #dddddd;
	border-bottom			: 1px solid #dddddd;
	border-left				: 1px solid #dddddd;
	background-color		: #fafafa; 
}

/* File Attributes */
#ark .files-container .file-box .file-attr
{
	width 					: 33.3%;
	float					: left;
	padding					: 10px 13px;

	border-left				: 1px solid #dddddd;
}

#ark .files-container .file-box .file-attr:first-child
{
	border-left				: 0px none;
}

#ark .files-container .file-box .file-attr a:focus
{
	outline					: 0px none;
}

#ark .files-container .file-box .file-attr-icon
{
	float					: left;
	padding-top				: 2px;
	padding-right			: 10px;

	line-height				: 16px;
}

#ark .files-container .file-box .file-attr-icon i
{
	width 					: 16px;
	height 					: 16px;

	font-size				: 16px;
	background-image		: none;
}

#ark .files-container .file-box .file-attr-name
{
	overflow				: hidden;

	text-overflow			: ellipsis;
	white-space				: nowrap;
}

/* ARKHIVE FILE ------------------------------------------------------------------------- */
/* File Title Container */
#ark .file .page-header
{
	margin-top				: 0px;
	overflow				: hidden;

	border					: 0px none;
}

#ark .file .page-header h2
{
	margin					: 0px;
	padding					: 0px;
}

/* File Icon */
#ark .file .page-header .file-icon i
{
	font-size				: 32px;
}

/* File Title */
#ark .file .page-header .file-title
{
	overflow				: hidden;
	text-overflow			: ellipsis;
	white-space				: nowrap;
}

#ark .file .page-header .file-title a
{
	color					: #444444;
}

#ark .file .page-header .file-title a:hover
{
	color					: #428bca;
	text-decoration			: none;
}

#ark .file .page-header .file-title a:focus
{
	outline					: 0px none;
	text-decoration			: none;
}

/* File Description */
#ark .file .file-text
{
	margin-bottom			: 20px;

	color 					: #888888;
}

/* File Attributes */
#ark .file .file-box
{
	margin					: 0px;
	padding					: 0px;
	overflow				: hidden;

	color					: #444444;
	background-color		: #fafafa; 
	font-size				: 80%;
}

/* File Top Box */
#ark .file .file-top-box
{
	border-top				: 1px solid #dddddd;
	border-right			: 1px solid #dddddd;
	border-bottom			: 1px solid #dddddd;
	border-left				: 1px solid #dddddd;
}

/* File Bottom Box */
#ark .file .file-bottom-box
{
	border-top				: 0px none;
	border-right			: 1px solid #dddddd;
	border-bottom			: 1px solid #dddddd;
	border-left				: 1px solid #dddddd;
}

/* File Attributes */
#ark .file .file-attr
{
	width 					: 33.3%;
	padding					: 10px 13px;
}

/* Left Float Attrs */
#ark .file .file-attr.pull-left { border-left : 1px solid #dddddd; }
#ark .file .file-attr.pull-left:first-child { border-left : 0px none; }

/* Right Float Attrs */
#ark .file .file-attr.pull-right { border-right : 1px solid #dddddd; }
#ark .file .file-attr.pull-right:first-child { border-right : 0px none; }

#ark .file .file-attr a:focus
{
	outline					: 0px none;
}

#ark .file .file-attr.hasLink
{
	background-color		: #eefaff;
}

#ark .file .file-attr.hasLink:focus,
#ark .file .file-attr.hasLink:active
{
	background-color		: #77b8d3;
	box-shadow				: 2px 0px 8px #3484a4 inset;
}

#ark .file .file-attr.hasLink:focus a,
#ark .file .file-attr.hasLink:active a
{
	color					: #ffffff;
}

#ark .file .file-attr-icon
{
	float					: left;
	padding-top				: 2px;
	padding-right			: 10px;

	line-height				: 16px;
}

#ark .file .file-attr-icon i,
#ark .file .file-attr-icon i:before
{
	width 					: 16px;
	height 					: 16px;
	margin					: 0px;

	font-size				: 16px;
	background-image		: none;
}

#ark .file .file-attr-name
{
	overflow				: hidden;

	text-overflow			: ellipsis;
	white-space				: nowrap;
}

/* ARKHIVE PAGINATION ------------------------------------------------------------------------- */
/* Pagination Container */
#ark .pagination
{
	border-top				: 3px solid #dddddd;
}

/* Pagination Navigation Container */
#ark .pagination .pagination-nav
{
	position				: relative;
	top						: -3px;
}

/* Pagination Navigation */
#ark .pagination ul li *
{
	padding					: 4px 10px;

	border-right			: 0px none;
	border-bottom			: 0px none;
	border-left				: 0px none;
	border-radius			: 0px;
}

#ark .pagination ul li span
{
	color					: #888888;
	border-top				: 3px solid #438bca;
}

#ark .pagination ul li a,
#ark .pagination ul li.pagination-start span,
#ark .pagination ul li.pagination-prev span,
#ark .pagination ul li.pagination-next span,
#ark .pagination ul li.pagination-end span
{
	border-top				: 3px solid #dddddd;
}

#ark .pagination ul li a:focus
{
	outline 				: 0px none;
}

/* Pagination Counter */
#ark .pagination .counter
{
	margin					: 0px;
	padding					: 4px 0px;

	color					: #888888;
}

/* ARKHIVE MISC ------------------------------------------------------------------------- */
/* Arkhive Root Stuff */
#ark .arkhive-category .folder-box *,
#ark .files-container .file-box *,
#ark .file .file-box *
{
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	box-sizing				: border-box;
}

/* Folder/File Pretext */
#ark .arkhive-category .alert,
#ark .files-container .alert
{
	display					: block;
}

/* Folder/File Search */
#ark .highlight
{
	margin					: 0px 2px;
	padding					: 0px 5px;

	color					: #ffffff;
	/*background-color		: #438bca; USe EUK Orange */
}

/* Search Buttons */
#ark #yoo-zoo .v_search_box .button
{
	/* Outprioritise Bootstrap the Hard Way! */
	-webkit-box-sizing 		: border-box !important;
	-moz-box-sizing 		: border-box !important;
	box-sizing				: border-box !important;
}

#ark #yoo-zoo .v_search_box #filter-search { width : 65%; border-right : 1px solid #9ed0e5; }
#ark #yoo-zoo .v_search_box .button[type="submit"] { width : 9%; margin: 0px 20px; }
#ark #yoo-zoo .v_search_box .button[type="reset"] { width : 20%; }


/* EVENTS GALLERY ------------------------------------------------------------------------- */
body .wk-gallery-showcase-bigeasy .slides-container:hover .next,
body .wk-gallery-showcase-bigeasy .slides-container:hover .prev,
body .wk-gallery-showcase-bigeasy .wk-slideset  .next,
body .wk-gallery-showcase-bigeasy .wk-slideset  .prev
{
	opacity					: 0.8;

	background-position		: 0px 0px;
}

body .wk-gallery-showcase-bigeasy .slides-container:hover .next:hover,
body .wk-gallery-showcase-bigeasy .slides-container:hover .prev:hover,
body .wk-gallery-showcase-bigeasy .wk-slideset  .next:hover,
body .wk-gallery-showcase-bigeasy .wk-slideset  .prev:hover
{
	opacity					: 1;

	background-position		: 0px 0px;
}


body .wk-gallery-showcase-bigeasy .slides-container:hover .next,
body .wk-gallery-showcase-bigeasy .wk-slideset  .next
{
	background-image		: url( '../../../images/calendar_img/c-next-button.png' );
}

body .wk-gallery-showcase-bigeasy .slides-container:hover .prev,
body .wk-gallery-showcase-bigeasy .wk-slideset  .prev
{
	background-image		: url( '../../../images/calendar_img/c-prev-button.png' );
}

img.screenshot {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    margin: 5px 0;
    padding: 10px;
}

.checkoutlink
{
font-size: 16px;
}

.myorders
{
margin-top: 20px;
 display: inline-block;
}

.wk-gallery-showcase-bigeasy .wk-slideshow .caption, .wk-gallery-showcase-bigeasy .wk-slideshow .caption a {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}

/* 29/01/2015*/

div#yoo-zoo.yoo-zoo.events-showevent.events-showevent-energy-uk-events-registration div.description.no-box form div.amf-el-inner .checkbox {

  margin: -1px 6px 0 0;
  float: left;
}

.zx-zoocart-tableitems-row-name
{
	margin-bottom: 5px;
}


/** 13/03/2015 */
div.arkhive-category  .alert 
{
	color: black;
}

div.arkhive-category  .alert i
{
	color: #e28327
}

body .year
{
	padding-top: 0px;
	height: 22px;	
}

body .year.active-year
{
	background: -webkit-linear-gradient(#f6871f, #eea662); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f6871f, #eea662); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f6871f, #eea662); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f6871f, #eea662); /* Standard syntax */
	border-radius: 4px;
	line-height: 23px;
}
body #column1
{
	overflow: hidden;
}

/* 07/05/2015*/

section.mainmiddle div.uk-panel.uk-panel-box.uk-panel-box-primary.marginbtn {

	margin-bottom: 25px;
}