/* Copyright (c)2012 Thinkroomten Ltd.  All rights reserved.  */

/* ON TRIAL 
****************************************************************************************************/


#footerTextWrap		{width:100%; display:inline-block;   padding-bottom: 60px;}
.footerText		{float:left; width:30%; margin:1%; color:#b0b0b0; font-size:0.75em;}

#contactright	{  float: right;      width: 310px; background: #282828; padding: 10px 15px; font-size: 16px; padding:30px;}

.main_images_wrapper  {max-width:610px; width:100%!important; overflow:hidden; float:none!important; margin:0 auto;}
div.main_image_slideshow_wrapper {max-width:610px; width:100%!important;}
.main_large_image    {max-width:600px; width:100%!important;}
.large_img         {max-width:600px; max-height:450px; height:auto!important; width:100%!important; left:0px!important;}
.main_thumb_container, .main_thumbs_arrow_wrapper  {max-width:600px; width:100%!important;} 


/* Header */

#socials a {float: left;}
#socials a.fa 			{font-size: 26px; margin-left: 12px;}
#socials a.fa:hover		{color:#555555; text-decoration:none;}
a.donate	{
	    background-color: #15BD69;
    background-image: url('https://www.nowdonate.com/images/buttons/button-light.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 100px;
    height: 24px;
    border-radius: 3px;
    display: inline-block;
    background-size: auto 90%;
    margin-right: 5px;
    }
    
/* Breadcrumbs */

.breadcrumb	{    border-top: 1px solid #535353;         padding: 19px 0 15px;    font-size: 14px;    margin-bottom: 15px;}
.breadcrumb a,  .breadcrumb span, .breadcrumb img, .breadcrumb li	{display:inline-block}     
.breadcrumb li	{margin: 0px 10px 0 0;}
span.divider	{margin-left:10px;}
    
/* Homepage Video */

.iframe-container {
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
}

.iframe-container iframe, .iframe-container object, .iframe-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}

.iframe-container img {max-width: none;}

/* Book Now */

#bookNowInner	{margin:0 auto;   padding:0px 40px;  max-width:1220px; }

/* Newsflash */

ul.newsflash-horiz {max-width: 1220px; margin: 0 auto; padding: 0px 40px; clear:both;}
.newsflashImage {width: 100%;  height: 202px; margin-bottom: 25px; transition:all 0.5s ease;}
.newsflashImage:hover {opacity: 0.5; transition:all 0.5s ease;}
ul.newsflash-horiz li	{    float: left;     width: 22%;    margin: 0px 2%;  list-style-type: none; padding: 75px 0 50px;}
h4.newsflash-title 	{padding:25px 0 20px; border-top: 2px solid #15bd69;}
h4.newsflash-title a {color:#fff;}
h4.newsflash-title a:hover	{text-decoration:none;}
.introText {height:280px; border-bottom:1px solid #535353;}
ul.newsflash-horiz li:first-child	{margin-left:0px;}
ul.newsflash-horiz li:last-child	{margin-right:0px;}
ul.newsflash-horiz li a	{color:#b7b7b7;}
ul.newsflash-horiz li p {border-bottom: 1px solid #535353; height: 120px;}
ul.newsflash-horiz a.readmore {margin: 15px 0px 0px;}
ul.newsflash-horiz a:hover	{text-decoration:none;} 

/* Sidebar */

div.rightPanel 					{background: #282828; padding: 5% 10% 10%;  margin: 0 0 30px;}
div.rightPanel a.majorbutton	{width: 80%;  padding: 5% 10%;}

div#voucheright.hidedesktop a.majorbutton {
    width: 260px;
    padding: 12px 15px;
    margin: 0 auto;
    display: block;
}



/* Footer */

#sponsors, #quickContact		{float:left; min-height:190px; }
#sponsors h3, #quickContact h3	{width:100%; border-bottom:1px solid #535353; padding-bottom:12px; margin-bottom:25px;}
#sponsors 						{width: 70%; margin-right: 3%;  border-bottom: 1px solid #535353; margin-bottom: 20px;padding-bottom: 25px;}
#sponsors a 					{display: inline-block; margin-right: 20px;}
#quickContact					{width:27%; border-bottom: 1px solid #535353; margin-bottom: 20px;}
#copyright 						{font-size:14px; line-height:16px; clear:both;}




    
    
/* Events Calendar */

.fc-week-number {display: none;}    
.fc-day 		{background: #2f2f2f; border: 3px solid #222222!important;}
.fc-day-header 	{background: #4d4d4d; border: 3px solid #222222!important; text-align: left!important; font-weight: 100;  color: #fff; padding-left:5px!important;}
.fc-event, .fc-event:visited 		{border-radius: 0px!important;  color: #222222;}
.fc-event:hover	{background: #6a6a6a !important; text-decoration:none; border-color:#6a6a6a; color:#fff;}
.fc-grid .fc-event-time		{display:block; font-size:1.25em;}
.fc-event-title		{line-height:1em;}
.fc-event-hori	{margin-bottom:3px; padding:5px;}
.fc-state-highlight	{background:#666666;}

/* Product Pages */

.vm-product-container			{clear:both; position:relative;}
.product-description			{width:55%;}
.vm-product-details-container 	{float: right; width: 35%;}
.main-image						{margin-bottom: 30px;}
.main-image img 				{width: 100%; max-height:none;}
div.product-description	#toggle	{display:none;}
.chzn-container, .chzn-drop, .chzn-search input		{width:100%!important; font-size: 22px;}
.chzn-container .chzn-results	{max-height:350px;}
.chzn-single, .chzn-container .chzn-results li	{padding:10px!important;}
.chzn-results li	{color:#222222;}
.product-field h3				{padding-bottom: 20px;}
#fancybox-content {padding: 20px; border: 10px solid #444; background: #444;}
span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button	{
	display:inline-block;
font-size: 17px;
    padding: 12px 15px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width:250px!important;
    background: url('../graphics/button-big-bg.png') no-repeat 94% center #15BD69;
        line-height: 1.4em;
        color: #ffffff!important;
    border: none;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    text-align:left;
    }
  
span.addtocart-button input.addtocart-button:hover, span.addtocart-button input.notify-button:hover, #form-login input[type="submit"]:hover { background: url('../graphics/button-big-bg.png') no-repeat 94% center #555555;  text-decoration: none;}
span.quantity-controls input.quantity-plus	{margin: 5px 0;}
span.quantity-controls input.quantity-controls {height: 15px; border: none; width: 15px; cursor: pointer; padding: 0px;}
input.quantity-input	{margin:0px 5px 0 0;}
span.addtocart-button	{float:right;}
.addtocart-bar	{text-align:left;}
.vm-product-descr-container-1	{height:120px;}
.orderlistcontainer div.activeOrder	{background: #555 top right no-repeat url(../images/vmgeneral/arrow_down.png); border: solid #15bd69 1px; color: #15bd69;}
.orderlistcontainer div.orderlist	{border: solid #15bd69 1px; background: #555;}
.orderlistcontainer div.orderlist div:hover	{background: #555;}
.orderlistcontainer div.orderlist a:hover {text-decoration:none; color:#fff;}
#limit	{border: solid #15bd69 1px; background: #555; color: #15bd69; border-radius: 4px;  height: 32px;}
div.browseImage	{
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-bottom: 10px;
 	}   
.manufacturer-image img	{margin:0 0 30px 0; float:none; width:100%;}
#close {margin-top:30px;}

.chrisDelivery {color: #ef0000;}

.vmgroupsnapshot, #belowContentGroup .vmgroup {margin: 0 auto; padding: 40px; max-width: 1220px;}	





/* Shopping Cart */

.cart-summary td, .cart-summary th	{border:none;}
table.cart-summary tr th	{background:transparent; padding: 10px 2px 10px; font: normal 20px/1em 'Open Sans'; border-bottom: solid #535353 1px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td	{padding:15px 0px; }
span.cart-images img	{margin: 0 20px 0 0; width: 95px;}
.billto-shipto {border-top: solid #535353 1px; border-bottom: solid #535353 1px; padding: 40px 0px;}
.billto-shipto a.details {margin-bottom: 20px;}

fieldset.vm-fieldset-tos {float: right;}
.checkout-button-top	{border:none;}
.billto-shipto span 	{font:400 1.25em/1em 'Open Sans'; color:#fff;}
.vmicon 		{background: transparent; font: normal 1.25em/1em 'FontAwesome'!important;  color: #15BD69 !important;}
.vm2-add_quantity_cart, .vm2-remove_from_cart	{height:auto; width:auto; padding:10px; vertical-align:top;}
.vm2-add_quantity_cart:hover, .vm2-remove_from_cart:hover	{background:transparent!important;}
table.user-details input	{
	margin: 10px 0px 20px;
    padding: 10px 15px;
    max-width: 450px;
    background:#444;
    border: none;
    font: normal 18px/20px Arial, sans-serif;
    outline: none;
    color: #cccccc;
    border:1px solid #535353;
    border-radius:0px;
    }
table.user-details input:hover	{background:#111; color: #cccccc;}
.vm2-add_quantity_cart, .vm2-remove_from_cart	{padding:0px 5px;}
.cart-summary .quantity-input	{margin:0px;}
.coupon {
    border-radius: 0px;
    border: 1px solid #CAC9C9;
    font-size: 9px;
    margin: 10px 0px 20px;
    padding: 10px 15px;
    background-color: #444;
    border: none;
    font: normal 18px/20px Arial, sans-serif;
    outline: none;
    color: #cccccc;
    border: 1px solid #535353;
    width: 169px;
}
span.details-button input.details-button	{border:none; padding: 6px 15px; width:auto;}
.cart.customer-note {text-align: center;}
textarea#customer_note_field	{margin: 20px auto 10px; display:block;}
.cart.tos {text-align: center;}
div.terms-of-service	{margin:0px; display:block; padding: 0px 0 15px;}
#CartCounter	{
height: 45px;
    background: url('../graphics/cart.png') no-repeat left top;
    text-align: center;
    background-size: 30%;
    background-position: 100% 0%;
    padding: 7px 15px 0px 0px;
    }
#com-form-login-remember	input.default	{    margin: 10px 0px 20px;}   
#com-form-login-remember	input.default:hover	{background-color:#555;} 
#userIDcart_chzn a.chzn-single	{width: 238px; font-size: 16px;}
#userIDcart_chzn .chzn-results li	{font-size: 14px;}
#userIDcart_chzn .chzn-search input[type="text"]	{    width: 253px!important;}
#userIDcart_chzn .chzn-drop   {width: 260px!important;}

/* Billing Address */

#form-login {padding: 30px 0px 10px;}
#userForm {margin-top: 40px;}
#userForm h2 {padding-bottom: 40px;}
#userForm > fieldset {
    margin: 0 auto 30px;
    max-width: 500px;
    padding: 40px 70px;
    border: solid #535353 1px;
    border-radius: 20px;
}
table.user-details	{width:auto; margin:0px;}
.chzn-container-single .chzn-search input:hover    {background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);}
.control-buttons {text-align: center!important; margin: 50px auto;}
table.user-details input.invalid	{margin: 10px 0px 20px; padding: 10px 15px; border-radius:0px;   color: #cccccc;     background: #444;}
label.invalid {background-color:#222222;}
.control-buttons #reg_text	{float:none; text-align:center; margin: 0 20px 20px 0;}
.accordion-heading a:hover {color: #fff;}
label.MailingList {font-size: 13px;}
.adminForm .controls label {display: block; margin-bottom: 10px;}


/* Category Accordion */

div.blog .category-desc img	{width:100%;}

div.blog div.accordion {padding: 20px 0px;}
div.blog .items-row .page-header   { background: #282828;     margin: 0 0 4px 0;}
div.blog a	{text-decoration:none;}
div.blog a.accordion-toggle .page-header h2	{
    margin: 0;
    display: block;
    background: url(../graphics/accordion-closed.png) no-repeat left top;
    color: #ffffff;
    font-size: 20px;
    line-height: 52px;
    padding:0 0 0 65px;
    border:0;
    }
div.blog a.accordion-toggle.collapsed .page-header  h2    {
	color: #15bd69; 
	background: url(../graphics/accordion-open.png) no-repeat left top;
	 margin: 0;
    display: block;
    color: #ffffff;
    font-size: 20px;
    line-height: 52px;
    padding:0 0 0 65px;
    border:0;
	}    
.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .35s ease;
	-moz-transition: height .35s ease;
	-o-transition: height .35s ease;
	transition: height .35s ease;
}
.collapse.in {height: auto;}
.accordion-inner {padding: 25px 0 40px;}
.category-desc img {margin-bottom: 30px;}


/* Competition Page */

#compOuter {
    max-width: 810px;
    width: 100%;
    background: transparent url(../images/KielderComp-BG.png) no-repeat center bottom;
    min-height: 550px;
}
#compInner {
    max-width: 760px;
    margin: 0 auto 20px;
    border: 3px solid #15BD69;
    border-bottom: none;
    min-height: 450px;
    padding: 20px;
}
#compInner h2, #compInner h3 {text-align: center; padding: 10px 0px;}
#compInner p {max-width: 550px; width: 100%; margin: 0 auto; padding-bottom: 30px;}
#compInner img {max-width: 550px; width: 100%;}


/* Events List */

div.product	{border:0;}
.orderby-displaynumber	{    
border-top: 1px solid #535353;
    border-bottom: 1px solid #535353;
    background: #2f2f2f;
    margin: 10px 0 30px;
    }
div.vm-pagination {    
    float: none;
    padding: 20px 0px;
    }
.vm-order-list	{padding-bottom: 20px;}
.vm-pagination ul {

}
.vm-pagination ul li a {
	color: #fff;
    padding: 0px;
    margin: 0 2px;
    text-decoration: none;
    display: block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    float: left;
    }

.vm-pagination	.pagenav	{   background: #555; border:0;} 
.vm-pagination ul li.disabled a	{background: #555; border:0;}
.vm-pagination ul li.disabled.hidden-phone a	    {background: #15BD69;}
.vm-pagination	.pagenav:hover 	{background:#15BD69; } 
  
#component div.vm-pagination ul li {margin: 0 1px;     display: inline-block;}
.vm-pagination ul li span {background: #555;     color: #999;}
.vm-pagination ul li a.pagenav span	{background:transparent; color:#fff;}

.vm-product-media-container img {margin: 0 auto;}
.browse-view .row .product .spacer	{padding:20px;}
.vm-product-media-container	{    margin-bottom: 25px;  padding-bottom: 25px;  border-bottom: 2px solid #15bd69;}
.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2	{font:normal 1.25em/1em Arial; color:#fff; text-align: left;  height: 40px;}
.vm-col-3 a	{color:#fff;}
.vm-col-3 a:hover	{text-decoration:none;}
.PricesalesPrice span {color: #15bd69!important; font-size: 20px!important;}
.vm3pr-1 h3 {display: none;}

/* Which Event Layout */


.whichEventPanels {
    margin: 0 -1.25%;
}
.whichEventPanels a {
	float:left;
	width:calc(22.5% - 42px);
	border:1px solid #fff;
	margin:0 1.25%;
	padding:20px;
	text-align:center;
}
.whichEventPanels a:hover {text-decoration:none;}
.whichEventPanels a::before {    
	font-family: 'FontAwesome';
    font-size: 60px;
    text-align: center;
    color: #fff;
    padding: 35px;
    display: block;
    clear: both;
    }
a.mainEvents::before {content:'\f073';}
a.mainEvents:hover, a.mainEvents.active {border-color:#6daaf4; background:#6daaf4; color:#222222;}
a.mainEvents:hover h3, a.mainEvents:hover::before, a.weekendEvents:hover h3, a.weekendEvents:hover::before, a.familyEvents:hover h3, a.familyEvents:hover::before, a.specialEvents:hover h3, a.specialEvents:hover::before, .whichEventPanels a.active h3, .whichEventPanels a.active::before {color:#222222;}
a.weekendEvents::before {content:'\f186';}
a.weekendEvents:hover, a.weekendEvents.active {border-color:#63e9fc; background:#63e9fc; color:#222222;}
a.familyEvents::before {content:'\f0c0';}
a.familyEvents:hover, a.familyEvents.active {border-color:#f7de00; background:#f7de00; color:#222222;}
a.specialEvents::before {content:'\f19d';}
a.specialEvents:hover, a.specialEvents.active {border-color:#52ff20; background:#52ff20; color:#222222;}
.whichEventPanels a h3 {
    max-width: 120px;
    margin: 0 auto;
    line-height: 1.25em;
}
a.weekendEvents h3 {max-width:150px;}
.whichEventPanels::after {
    content: '';
    clear: both;
    display: block;
    margin-bottom: 60px;
}
.spacer a {
    margin: 0 30px;
    display: block;
}
.paddProd h4 {height:45px;}
.paddProd .shortDesc {height:80px}
.slick-prev, .slick-next {
font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-next {
    right: -25px;
}
.slick-prev {
    left: -25px;
}
.slick-prev::before, .slick-next::before {
    font-family: 'FontAwesome';
    color: #fff;
    z-index: 2000;
    display: block;
    font-size: 30px;
}
.slick-prev::before {content:'\f053';}
.slick-next::before {content:'\f054';}
#familyEvents, #weekendEvents, #specialistEvents, #mainEvents {opacity:0; height:0;}
.hideSlide {opacity:0!important; height:0!important;}
.show {opacity: 1!important; height: auto!important; transition:all 1s ease;}
.stepTwo {padding-bottom: 40px;}
.whichEventIntro h2, .stepTwo h2, .stepThree h2 {color: #fff;}
p.italic {font-style: italic;margin-bottom: 5px;}
.whichEventIntro {
    padding: 20px 0;
}
.stepTwo h2, .stepThree h2 {
    padding-bottom: 20px;
}



/* END OF TRIAL
****************************************************************************************************/


/* ARTICLE LAYOUT
****************************************************************************************************/

.img-intro-right {float: right; margin-left: 50px;}
.img-intro-right	img	{max-width:335px; width:100%;}
.img-intro-left {}
.img-intro-left	img	{width:100%; margin-bottom:20px;}

.img-intro-none {width: 100%; height: 202px; margin-bottom: 20px;}

.img-fulltext-right {float: right; margin-left: 50px;}
.img-fulltext-right	img	{max-width:335px; width:100%;   padding-left: 50px; }
.img-fulltext-left {float: left; margin-right: 50px;}
.img-fulltext-left	img	{max-width:335px; width:100%;   padding-right: 50px;  border-right: 2px solid #b0b0b0;}

.img-fulltext-none	{width:100%;}
.img-fulltext-none img	{margin:0 auto; width:100%; padding-bottom:50px;}

.img-intro-none			{}
.img-intro-none	img 	{max-width:300px; width:100%; padding-bottom:30px; height:250px;}

.blog					{}
.items-row .item		{}
.items-row .item h2		{border-top: 1px solid #535353; border-bottom: 1px solid #535353;  overflow: auto; padding: 25px 0; margin-bottom: 20px;}


/* MENUS 
****************************************************************************************************/


/* Main Menu */

ul.menu			{list-style-type:none; padding: 0px;}
ul.menu li		{display: inline-block; margin:0px 10px;}
ul.menu li a		{color:#fff;  border-top:4px solid #222;     padding: 15px 5px 10px 5px;   display: block; font-weight: bold;     font-size: 15px;}
ul.menu li:hover a	{color:#888; border-top:4px solid #888; text-decoration:none;}
ul.menu li.active a	{color:#15BD69; border-top:4px solid #15BD69;}
ul.menu li.active ul 	{ padding:0;}
ul.menu li.active ul li a	{ border-top:0;}
ul.menu > li.deeper > ul {display:none;}
ul.menu > li.active > ul {display:block;}
/* Footer Menu */
ul.menuft {list-style-type:none;  margin:0px auto;  width: 27%;     min-width: 280px; text-align: right; position: absolute;    right: 30px;    bottom: 40px;}
ul.menuft li { display:inline-block; text-align:center;     padding: 2px 4% 0px;  border-left: 1px solid #535353;  margin: 0px;}
ul.menuft li a, ul.menuft li span.separator {


 }
ul.menuft li a:visited { }
ul.menuft li a:hover   {}
ul.menuft li.active a { /* style active link */ }


/* ARTICLE ICONS & PERIPHERALS
****************************************************************************************************/
ul.actions {list-style-type:none; }
ul.actions li {float:right; margin:0; padding:0 0.5%;}
a.readmore, p.readmore {    }
a.readmorebutton, p.readmorebutton {    
padding: 6px 15px;
    margin-top: 30px;
    background-color: #15BD69;
    color: #ffffff;
    border: none;
    font-size: 15px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
        font-weight: bold;
    }
a.readmorebutton:hover, p.readmorebutton:hover, button:hover, .majorbutton:hover  {background-color: #555555!important;  text-decoration: none;}

/* COMPONENT - EDITOR PAGE
****************************************************************************************************/
div.edit {}
/* SECTIONS / FEILDSETS */
div.edit form#adminForm.form-validate fieldset        {margin:0 0 30px;}
div.edit form#adminForm.form-validate fieldset legend {margin:0 0 15px; border-bottom:1px dotted #777; display:block; width:100%;}
/* LABELS */
div.edit form#adminForm.form-validate fieldset label {display:inline-block; width:150px;}
/* ACTION BUTTONS */
div.formelm-buttons {float:right;}
div.formelm-buttons button {display:inline-block;
 background-color:#efefef;
 border:none;
 color:#222;
 font-size:12px;
 line-height:15px;
 height:auto;
 width:auto;
 padding:5px 20px;
 }
/* XTD BUTTONS UNDER EDITOR */
div#editor-xtd-buttons {text-align:center;}
div#editor-xtd-buttons div {display:inline-block; margin-right:10px;}
div#editor-xtd-buttons div div a {font-size:11px;}
/* SPACE BETWEEN FORM LINES */
div.formelm, div.formelm-area {margin-bottom:5px;}
/* CALENDAR POSITION */
div.formelm img.calendar {display:inline-block; vertical-align:middle;}
/* EDITOR */
div.mceEditor {	position: relative;}
div.mceEditor.fullscreen {position: fixed;	z-index: 10000;	top:0;	left:0;}
div.mceEditor table.mceLayout td {	padding: 0;	margin: 0;	text-align: left;}
/* EDITOR TOGGLED OFF */
textarea.wfEditor, textarea.wfNoEditor {background: #FFFFFF none;font-family: monospace;font-size: 12px;color:#333;line-height: 16px;position: relative;border: 1px solid #CCCCCC;}
textarea.wfEditor:focus, textarea.wfNoEditor:focus {	background: #FFFFFF none;   color: #333;}
span.wf_editor_toggle {cursor: pointer;	display: block;	padding: 7px;	line-height: 20px;	font-size:9px;}
div.mceEditor table.mceLayout td.mceIframeContainer iframe.hidden {visibility: hidden;z-index: 0;}
div.mceEditor table.mceLayout td.mceIframeContainer iframe.offleft {position: absolute;	position: absolute;    top: -10000px; left: -10000px;}

/* COMPONENT - PROFILE PAGE & EDIT PROFILE PAGE
****************************************************************************************************/
/* profile */
div.profile fieldset        {margin:0 0 30px;}
div.profile fieldset legend {margin:0 0 15px; border-bottom:1px dotted #777; display:block; width:100%;}
div.profile fieldset dl     {width:370px;}
div.profile fieldset dl dt  {display:inline-block; width:170px; margin-bottom:5px;}
div.profile fieldset dl dd  {display:inline-block; margin:0;}
/* edit */
div.profile-edit form fieldset        {margin:0 0 30px;}
div.profile-edit form fieldset legend {margin:0 0 15px; border-bottom:1px dotted #777; display:block; width:100%;}
div.profile-edit form fieldset dl     {width:440px;}
div.profile-edit form fieldset dl dt  {display:inline-block; width:200px; margin-bottom:5px;}
div.profile-edit form fieldset dl dd  {display:inline-block; margin:0;}
div.profile-edit form div button.validate {margin-bottom:5px;}

/* COMPONENT - CONTACT FORM
****************************************************************************************************/
div.contact span.jicons-icons {display:none;}
div.contact-form form fieldset        {margin:0 0 30px;}
div.contact-form form fieldset legend {margin-bottom:10px; font-size:0.8em;}
div.contact-form form fieldset dl     {width:370px;   padding-top: 30px;}
div.contact-form form fieldset dl dt  {display:inline-block;}
div.contact-form form fieldset dl dd  {display:block; margin:0 0 5px;}
div.contact-form form fieldset dl dd:last-child button.button {margin:10px 0 0;}
#jform_contact_message{width: 500px; height: 300px;}  
#jform_contact_message:focus, input:focus{
  box-shadow: 0px 0px 40px #999;
   outline:none;
}  
div.contact-address, div.contact-contactinfo {margin-bottom:60px;}
span.contact-telephone{color:#f90; font: normal 52px/67px Arial, sans-serif;}
span.contact-telephone{color:#f90; font: normal 52px/67px Arial, sans-serif;}
  label#jform_contact_email_copy-lbl	{font-size:0.75em; margin-right:5px;}
  span.contact-telephone, span.contact-street {margin-bottom:30px;}
span.contact-emailto	{  line-height: 70px;}
span.contact-telephone{font: normal 32px/67px Arial, sans-serif;}
span.contactIcon {font: normal 70px/1em FontAwesome;  float: left;  color: #150C8D;   text-align: center;
  width: 130px; clear:both;}
  #contact-form button {width:200px;}

/* COMPONENT - LOGIN
****************************************************************************************************/
div.login {width:290px; margin:20px auto 10px;}
div.login form fieldset {padding:20px; border:1px solid #4C4C4C; max-width:250px;}
div.login-fields {display:block; margin:0 0 5px;}

div.login-fields label#remember-lbl {font-size:12px; text-align:right; padding-right:5px; width:233px;}
div.login form fieldset button.button { margin: 0px auto;}
div#forgetfuls {width:320px; margin:0 auto;}
div#forgetfuls ul {list-style-type:none; margin:0; text-align:center;}
div#forgetfuls ul li {margin:0 20px; display:inline-block;}


div.login form fieldset {background:#272727;}
div.login form fieldset label {color:#fff;}
div#forgetfuls ul li a {
    font-size: 16px;
    transition:color 1s ease;
}

div#forgetfuls ul li a:hover{
    text-decoration:none;
    color:#fff;
}



/* COMPONENT - CATEGORY LIST VIEW
****************************************************************************************************/
div.category-list {}
div.category-list table.category {margin:30px 0 40px;}
div.category-list table.category tr th {padding:20px 0 5px; border-bottom:1px solid #0C5107;}
div.category-list table.category tr td {padding:10px 5px; vertical-align:middle;}
div.category-list table.category tr td.list-author {text-align:center;}
div.category-list table.category tr td.list-hits   {text-align:center;}
div.category-list table.category tr td ul.actions {float:right; }
div.category-list table.category tr td ul.actions li {float:none; margin:0; padding:0;}

/* COMPONENT - CATEGORY BLOG VIEW
****************************************************************************************************/

.img-intro-right    {
					float: left;  
					margin: 0px 50px 20px 0px;
		  			padding: 0px 50px 40px 0px;
		  			border-right: 5px solid #E8E7EC;
		  			min-width: 250px;
  					}
.img-intro-right  img  	{max-width:300px; width:100%;}


/* MEDIA QUERIES
****************************************************************************************************/
#faqTabs {width:70%; margin-top: 40px;}
div.faqPanel		{    padding: 20px 0px;}
div.panel h3.pane-toggler	{margin: 0; display: block; background:#282828 url('../graphics/accordion-closed.png') no-repeat left top; color: #ffffff;  font-size: 20px; line-height: 52px; padding-left: 65px;}
div.panel h3.pane-toggler-down	{margin: 0; display: block; background:#282828 url('../graphics/accordion-open.png') no-repeat left top; color: #ffffff;  font-size: 20px; line-height: 52px; padding-left: 65px;}
div.panel h3 a:hover	{text-decoration:none;}

.shopWarning {
    position: fixed;
    bottom: 0;
    text-align: center;
    background-color: #16bd68;
    width: 100%;
}

.shopWarning h4 {
    padding: 15px 20px;
    font-size: 16px;
    line-height: 1.25em;
}

.smoke {
    font-family: 'Open Sans', sans-serif!important;
}

.dialog-buttons button {
    background-color:#15BD69!important;
}
.smoke-base .dialog-inner {
    font-size: 18px;
}

/* NEW MENU 2019 */

#logo {
    max-width: 150px;
    float: left;
    top: 7px!important;
    left: auto;
}
nav {
    text-align: center;
    width: 100%;
    background: #1c1c1c;
    padding: 0 0 7px 0;
    margin: 0;
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 1000;
}
nav i.fas  {
    font:normal 1em/1em 'FontAwesome';
}

ul.nav.menu {
    text-align: right;
    padding-right: 20px;
}
ul.nav.menu > li > a, ul.nav.menu > li > span {
    padding:15px 5px 21px 5px;
    display:block;
    font-weight:bold;
    font-size:14px;
    border-top: 4px solid transparent;
    cursor: default;
}

ul.nav.menu > li.active > span, ul.nav.menu > li:hover > span {
    color: #15BD69;
    border-top: 4px solid #15BD69;
}



ul.menu > li.deeper {
    position:relative;
}

ul.menu > li.deeper > ul {
    visibility: hidden;
      opacity: 0;
      transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    left: 0;
    top: 67px;
    display: block;
    /* height: 400px; */
    min-width: auto;
    text-align: left;
    right: auto;
    width: 300px;
    z-index: 100;
    background-color: rgba(27, 27, 27, 0.8);
    
}
ul.menu > li.deeper:hover > ul.nav-child, ul.menu > li.deeper:hover > .subMenuWrap {
    visibility: visible;
      opacity: 1;
}

ul.menu > li.deeper > ul > li {
    display: block;
    width: 100%;
    float: left;
    margin: 0;
}

ul.menu > li.deeper > ul > li a {
    color: #ffffff; 
    border-top: none;
    padding: 15px 20px;
}

ul.menu > li.deeper > ul > li a:hover {
    color: #15BD69;
}

.subMenuWrap {
    width: 100%;
    height: 300px;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 67px;
    opacity: 0;
    visibility:hidden;
    transition: visibility 0s, opacity 0.5s linear;
}

nav > div {
    max-width: 1300px; margin: 0 auto; padding:0 40px;
    z-index:1000;
    pointer-events:none;
}

nav > div > ul.menu, nav > div a.loginButton, nav > div a.btnCart, nav > div > #logo > a {
    pointer-events: auto;
}