@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,400,300);
/* CSS Document */
.no-display{display:none;}
/*
@font-face {
	font-family: 'EffraNormal';
	src: url('/fonts/Effra/Regular.eot');
	src: local('☺'), url('https://www.camping-gas.com/caurasol/fonts/Regular.woff') format('woff'), url('https://www.camping-gas.com/caurasol/fonts/Regular.ttf') format('truetype'), url('https://www.camping-gas.com/caurasol/fonts/Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'Effra';
	src: url('https://www.camping-gas.com/caurasol/fonts/Effra/RegularItalic.eot');
	src: local('☺'), url('https://www.camping-gas.com/caurasol/fonts/RegularItalic.woff') format('woff'), url('https://www.camping-gas.com/caurasol/fonts/RegularItalic.ttf') format('truetype'), url('https://www.camping-gas.com/caurasol/fonts/RegularItalic.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}*//*
@font-face {
	font-family: 'EffraLighter';
	src: url('https://www.camping-gas.com/caurasol/fonts/Light.eot');
	src: local('☺'), url('https://www.camping-gas.com/caurasol/fonts/Light.woff') format('woff'), url('https://www.camping-gas.com/caurasol/fonts/Light.ttf') format('truetype'), url('https://www.camping-gas.com/caurasol/fonts/Light.svg') format('svg');
	font-weight: lighter;
	font-style: normal;
}
@font-face {
	font-family: 'EffraLighterItalic';
	src: url('https://www.camping-gas.com/caurasol/fontsLightItalic.eot');
	src: local('☺'), url('https://www.camping-gas.com/caurasol/fonts/LightItalic.woff') format('woff'), url('https://www.camping-gas.com/caurasol/fonts/LightItalic.ttf') format('truetype'), url('https://www.camping-gas.com/caurasol/fonts/LightItalic.svg') format('svg');
	font-weight: lighter;
	font-style: italic;
}
@font-face {
	font-family: 'EffraBold';
	src: url('https://www.ukfast.co.uk/fonts/Effra/Bold.eot');
	src: local('☺'),  url('https://www.camping-gas.com/caurasol/fonts/Bold.woff') format('woff'), url('https://www.camping-gas.com/caurasol/fonts/Effra/Bold.ttf') format('truetype'), url('https://www.camping-gas.com/caurasol/fonts/Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
/*
@font-face {
	font-family: 'Effra';
	src: url('https://www.ukfast.co.uk/fonts/Effra/BoldItalic.eot');
	src: local('☺'), url('https://www.ukfast.co.uk/fonts/Effra/BoldItalic.woff') format('woff'), url('https://www.ukfast.co.uk/fonts/Effra/BoldItalic.ttf') format('truetype'), url('https://www.ukfast.co.uk/fonts/Effra/BoldItalic.svg') format('svg');
	font-weight: bold;
	font-style: italic;
}

*/


.alpha{margin-left:0;}
.omega{margin-right:0;}


.container, .breadcrumb{background:#fff;}
#oc_head .container, #footerOuterContainer .container{background:none !important;} 
.breadcrumb{list-style:none;}
.breadcrumb{list-style: none; width: 976px;  margin: 0 auto !important; padding: 4px 0 !important; overflow: auto;}
header{position:relative;}
.breadcrumb li{margin-bottom:2px !important}

.facebook {
background: url(/images/social-media/widget060_32x32.gif) no-repeat left!important;
background-position: 0 -2592px!important;height: 32px;width: 32px;
display: block; float:right; margin:5px;}
.twitter {
background: url(/images/social-media/widget060_32x32.gif) no-repeat left!important;
background-position: 0 -8704px!important;height: 32px; width: 32px;
display: block; float:right; margin:5px;}
.google {
background: url(/images/social-media/widget060_32x32.gif) no-repeat left!important;
background-position: 0 -3616px!important;height: 32px; width: 32px;
display: block; float:left; margin:5px;}
.sm_container{position:absolute; right:0; top:15px;}
        .usrLogin{float:right !important}
        .usrLogin a{float: left; padding:0 10px !important;}
        .usrLogin img{width:35px; float:left;}
        .mobileLogo{width:170px; margin:0; width:40% !important; margin-right:1%; margin-top:10px; float:left; display:block;}
		.mobileLogo img{width:170px;}
@media screen and (max-width:300px) {
	.container, .breadcrumb, header{width:94%; margin:0 auto; position:relative;}
.sec_1, .sec_2, .sec_3, .sec_4, .sec_5, .sec_6, .sec_7, .sec_8, .sec_9, .sec_10, .sec_11, .sec_12{width:98%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;}

	#showhide{display:block;}
	#sidebar{display:none; position:absolute; top:30px; z-index: 9999; background: #fff;}
			.about_info{width:100%; float:left;}
	.directions_info, .deliveryInfo{width:100%; float:left;}
	.addthis_default_style{display:none !important;}
	.breadcrumb{display:none !important;}
	
	.ml-innerName{
	float: right !important;
width: 45% !important;
clear: none !important;
position: relative !important;}

.ml-inner{
	float: left !important;
width: 46% !important;
display: block !important;}

.ml-searh-option {
min-height:30px !important;}

.product-image {width:24%}
.product-discription {width:73.97%;}
.specs-container .sec_6{width:48%;}
.product-stockists{position: relative !important;
top: initial !important;
display: block !important;
clear: both !important;
padding: 10px !important;
background-color: #F5F5F5 !important;
width: 100% !important;
background-position: center !important;}
	}
@media screen  and (min-width:301px) and (max-width:639px) {
	.container, .breadcrumb, header{width:94%; margin:0 auto;  position:relative;}




.sec_1, .sec_2, .sec_3, .sec_4, .sec_5, .sec_6, .sec_7, .sec_8, .sec_9, .sec_10, .sec_11, .sec_12{width:98%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;}

	#showhide{display:block;}
	#sidebar{display:none; position:absolute; top:30px; z-index: 9999; background: #fff;}
		.about_info{width:100%; float:left;}
	.directions_info, .deliveryInfo{width:100%; float:left;}
	.AppItemSmall{width: 27.5% !important;
margin: 20px 0.5%;
position: relative;}
	.addthis_default_style{display:none !important;}
	.breadcrumb, .mtoggleTitle{display:none !important;}
.ml-innerName{	float: right !important; width: 45% !important; clear: none !important; position: relative !important;}
.ml-inner{	float: left !important; width: 46% !important; display: block !important;}

.ml-searh-option {min-height:30px !important;}

.product-image {width:24%}
.product-discription {width:73.97%;}

.specs-container .sec_6{width:48%;}
.product-stockists{position: relative !important;
top: initial !important;
display: block !important;
clear: both !important;
padding: 10px !important;
background-color: #F5F5F5 !important;
width: 100% !important;
background-position: center !important;}

	}
@media screen and (min-width:640px) and (max-width:959px) {
	.container, .breadcrumb, header{width:94%; margin:0 1%; padding:0 2%; overflow:auto;}
	.sec_1 {width:7.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_2 {width:15.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_3 {width:98%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_4 {width:48%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_5 {width:48%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_6 {width:48%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_7 {width:98%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_8 {width:98%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_9 {width:98%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_10{width:98%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_11{width:98%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_12{width:98%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_13{width:90%;margin-left: 5%;margin-right:0.5%;display:inline-block;float:left;}
	

.sec_5 .sec_6{width:48%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;}
.sr-bloc .sec_2{width:32.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left; }
.sr-bloc .sec_5{width:65.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.specs-container{float:right !important;}
#sr-sec-left{min-height:600px;}



	
	#showhide{display:none;}
	
	.AppItemSmall{width: 15.5% !important;
margin: 20px 0.5%;
position: relative; min-height:170px;}
	}
	
	
	
@media screen and (min-width:960px) and (max-width:1360px) {
	.container, .breadcrumb, header{width:85%; margin:0 auto; overflow:auto; }
	.sec_1 {width:7.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_2 {width:15.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left; }
	.sec_3 {width:24%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left; }
	.sec_4 {width:32.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left; }
	.sec_5 {width:40.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left; }
	.sec_6 {width:49%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left; }
	.sec_7 {width:57.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left; }
	.sec_8 {width:65.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left; }
	.sec_9 {width:73.97%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left; }
	.sec_10{width:82.3%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left; }
	.sec_11{width:90.63%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left ;}
	.sec_12{width:99%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
	.sec_13{width:90%;margin-left: 5%;margin-right:0.5%;display:inline-block;float:left;}

	#showhide{display:none;}
	#listing-right-panel {
	width:22%;
	border-left:solid 2px #585858;
	padding-left:0.5%;}
	.AppItemSmall{width: 15.5% !important;
margin: 20px 0.5%;
position: relative; min-height:170px;}
#sr-sec-left{min-height:600px;}
	}
	
@media screen and (min-width:1361px) and (max-width:1599px) {
	.container, .breadcrumb, header{width:80%; margin:0 auto; overflow:auto; }

	.sec_1 {width:7.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_2 {width:15.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_3 {width:24%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_4 {width:32.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_5 {width:40.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_6 {width:49%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_7 {width:57.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_8 {width:65.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_9 {width:73.97%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_10{width:82.3%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_11{width:90.63%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_12{width:99%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_13{width:90%;margin-left: 5%;margin-right:0.5%;display:inline-block;float:left;}

	#showhide{display:none;}
#listing-right-panel {
	width:22%;
	border-left:solid 2px #585858;
	padding-left:1%;}
	.AppItemSmall{width: 15.5% !important;
margin: 20px 0.5%;
position: relative; min-height:170px;}
#sr-sec-left{min-height:600px;}
	}
@media screen and (min-width:1600px) {
		.container, .breadcrumb, header{width:80%; margin:0 auto; }

	.sec_1 {width:7.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_2 {width:15.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_3 {width:24%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_4 {width:32.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_5 {width:40.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_6 {width:49%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_7 {width:57.33%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_8 {width:65.66%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_9 {width:73.97%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_10{width:82.3%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_11{width:90.63%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_12{width:99%; margin-left:0.5%; margin-right:0.5%; display:inline-block; float:left;  }
.sec_13{width:90%;margin-left: 5%;margin-right:0.5%;display:inline-block;float:left;}

	#showhide{display:none;}
	#listing-right-panel {
	width:22%;
	border-left:solid 2px #585858;
	padding-left:1%;}
	.AppItemSmall{width: 15.5% !important;
margin: 20px 0.5%;
position: relative; min-height:170px;}
	#sr-sec-left{min-height:600px;}
	}
@media screen and (min-width:1920px) {}
@media print {}

body {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; /*color: #7c765f;*/ color:#272727; margin:0; padding:0; line-height:20px; zoom:1;}

html > body .selector {display:inline;}

h1{color: #515151;}
h2{font-size: 1.3em;
clear: both;
margin: 2px 0 10px;
color: #515151;
text-transform: lowercase;
line-height: 25px;
font-weight: bold;
min-height: 30px;
text-align: left;}
h3{font-size: 1.2em;

line-height: 25px;
min-height: 30px;
text-align: left;
font-weight: lighter;
clear: both;
margin: 5px 0 2px;}
h4{}
h5{}
h6{}

p{margin:0;}
b{font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold;}
i, em{font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
strong{}

a{color:#222; text-decoration:none;}
a:hover{ color:#222; text-decoration:underline;}
a:visited{ color:#222;}

ul{ list-style-type:none; padding:0; margin:0;}
li{}

hr{clear: both; margin: 15px 0; border: solid 2px #ccc;}

#global_container{margin-top:0px;}
#global_container .container{background-color:#fff;}
/*.container{width: 976px; margin: 0 auto; padding: 0 16px;}*/

.cg_bloc{clear:both; display:block;}

.dark {
    display: inline-block;
    background: black;
}

.dark img {
    display: block;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.dark:hover img {
    opacity: 0.5;
}



/*breadcrumb */


.breadcrumbContainer{
background-color: rgb(230,230,230);
list-style: none;
overflow: hidden;
margin-bottom: 1em;
margin: 0px 0 0 0;
padding: 0;
font-size: 0.85em;}
.breadcrumb{margin:5px auto;}
.breadcrumb li{float:left;}
.breadcrumb li a{padding: 4px 20px 3px 10px;
display: block;
font-size: 0.9em;
background-image: url('https://www.camping-gas.com/images/static/buttons/right_arrow_small.png');
background-position: right 8px;
background-repeat: no-repeat;}

.breadcrumb li:last-child a{background-image:none;}
/* breadcrumb

 

.breadcrumbContainer{ background-color: rgb(230,230,230);  list-style: none;  overflow: hidden;  margin-bottom: 1em;  margin: 0px 0 0 0;  padding: 0;  font-size: 0.85em; border-bottom: solid 2px #ccc;}


.breadcrumb li a{padding: 6px 20px 3px 10px; display: block; border-right: solid #ccc 1px; border-left: solid #ccc 1px;}
*/
/* head */

#head_outer{border-bottom: 1px solid #ccc; font-size: 1em; width: 100%; display: block; overflow: hidden;  background: #556492;}

/*#head_outer_nav{background: rgba(64, 69, 86, 0.79);
font-size: 1em; width: 100%; display: block; overflow: hidden;}*/


#head_outer_nav{background-color: #f5f5f5; color: #444 !important; border-bottom: 1px solid #e9e9e9; font-size: 1em; width: 100%; display: block; overflow: hidden;}

/*header{width: 976px; margin: 0 auto; padding: 0 16px;}*/
#logo{width:20%; margin-right:1%; margin-top:0px; float:left; display:block;}
#logo img{width:100%;}

#global_nav{display: block;}
#global_nav ul li{float:left; min-width: 7.5%;}
#global_nav ul li a{padding: 5px 15px;
border-left: solid 1px #787878;
line-height: 35px;
color:#787878; font-weight:normal;}
/*color: #F3F3F3;
font-weight: lighter;*/
font-size: 1.15em;
/*font-family: 'EffraLighter';}*/
#global_nav ul li form{padding: 0 0 0 6px; border-left: solid 1px #ccc; width:42%}
#global_nav ul li form input{border: solid 1px #ccc; padding: 7px 4px; margin: 0 0 0 5px; width: 65%;}
#global_nav ul li form button{border: solid 1px #ccc; padding: 7px; width: 28%;}

.headSearch{float: right; padding: 0px 100px 0 0; width:47%;}
.headSearch input{padding: 10px; width: 65%; display:inline-block !important;}
.headSearch button{padding:0 10px !important; width:25%; height:40px !important}

.topBar{float:left;margin: 10px 0 0 0 !important;line-height: 30px !important;color: #fff;}
.topBar h1{color: #fff;
    float: left;
    font-weight: lighter !important;
    text-transform: lowercase;
    font-size: 190% !important;
	margin:inherit !important;
    font-family: 'Open Sans' , Arial, Helvetica, sans-serif;}


/* footer */


#footerOuterContainer{background-color: #3b81de; overflow:auto; clear:both; width:100%; margin-top:30px;} 
.companyOuter{background-color: #1A65CA; overflow:hidden; clear:both;}
#footer-container, .company{width: 960px;
margin: 4px auto;
max-width: 1100px;
min-width: 1100px;
overflow: auto;
position:relative;}

#footer-container .grid_4 .grid_12 .sm_container{position:absolute; left:0; top:100px; width:130px}

#companyAbout{width: 31.333%; float:left; position:relative;}
#companyAbout .grid_8{width: 64.666%;}
#companyAbout .grid_4{width: 31.333%;}

.footerItems{width: 64.666%; margin:1%; float:left;}
.footerItems .grid_4{width: 31.333%; margin:1%; float:left}
.footerItems .grid_4 ul li a{text-decoration:none; color:#fff;}


.companyPartOf{font-size: 0.8em;
margin-top: 20px;
float: left;
color: #fff;}
.companyPartOfImg{float:left;}
.footerItems h5{font-weight: bold;  margin: 10px 0 10px 0;  font-size: 1.2em;  color: #fff;}
.company{background-color: #1A65CA; padding: 13px; color: #fff; overflow:auto;}
.copyright{font-size: 0.8em; float:left; color: #FFFFFF; display: block; text-align: left;}
.copyright span{padding-left: 15px;}
.legalLinks ul{margin: 0; list-style-type: none;}
.legalLinks ul li{float: right; padding: 0 10px;}
.legalLinks ul li a{color: #fff; font-size: 0.8em;}

/* page Section */
.global_container{border-bottom: 1px solid #ccc; font-size: 1.3em; font-weight: bold; width: 100%; display: block; overflow: hidden;}

/*home specifics */

	#carousel1{width:200px;}
			.item1{overflow: visible;
width: 465px !important;
position: relative;
height: 200px;
float: left;
padding: 0px;
border-right: solid 2px #ccc;
margin: auto;}

.car1Cont{width:50%; margin:0; height:200px; float:left; overflow:hidden !important;}


.wtw1:hover, .wtw1:hover .wtw2, .wtw2:hover, .wtw2:hover .wtw1, .wtw3:hover, .wtw3:hover wtw4, .wtw4:hover, .wtw4:hover .wtw2, .wtw7:hover, .wtw7:hover .wtw8, .wtw8:hover{cursor:pointer; transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;}

.wtw1:hover, .wtwCon1:hover .wtw1{background:#000A3F;  transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;}
	
.wtw3:hover, .wtwCon2:hover .wtw3{background: #597E5A;  transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;}
	
.wtw7:hover, .wtwCon3:hover .wtw7{background:#93440E;  transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;}

.wtw1{float:left; width:50%; height:200px;background:#2460BC ;position: relative;}
.wtw1 h2{color: #fff; font-size: 2em; line-height: 45px; position: absolute; width: 90%; text-transform: capitalize; bottom: 85px; left: 15px; font-weight: lighter; }
.wtw1 span{font-size: 1.1em; line-height: 25px;  position: absolute; width: 88%;  
    color: #efefef; bottom: 10%; left: 7%;}
.wtw2{float:left;width:50%;height:200px;}
.wtw2 img{float:left; width:100%; height:200px;}


.wtw7{float:left; width:50%; height:200px;background:#B4742C ;position: relative;}
.wtw7 h2{color: #fff; font-size: 2em; line-height: 45px; position: absolute; width: 90%; text-transform: capitalize; bottom: 85px; left: 15px; font-weight: lighter; }
.wtw7 span{font-size: 1.1em; line-height: 25px;  position: absolute; width: 88%;  
    color: #efefef; bottom: 10%; left: 7%;}
.wtw8{float:left;width:50%;height:200px;}
.wtw8 img{float:left; width:100%; height:200px;}


.wtw3{float:left; width:50%; height:200px;background:#61B040;position: relative;}
.wtw3 h2{color: #fff; font-size: 2.5em; line-height: 45px; position: absolute; width: 100%; text-transform: capitalize; bottom: 85px; left: 15px; font-weight: lighter; }
.wtw3 span{font-size: 1em; line-height: 25px;  position: absolute; width: 80%; color: #efefef; bottom: 10%; left: 7%;}
.wtw4{float:left;width:50%;height:200px;}
.wtw4 img{float:left; width:100%; height:200px;}


.wtw5Con{float:left;width:25%;height: 200px;}
.wtw5Con img{float:left; width:50%; height: 100px;}

.wtw6{height: 200px; width:100%;background: #838383;position: relative;  background: rgb(191,210,85);
background: -moz-linear-gradient(-45deg, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1)));
background: -webkit-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
background: -o-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
background: linear-gradient(135deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 30%,rgba(114,170,0,1) 25%,rgba(158,203,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 ); background: linear-gradient(135deg, rgba(85, 205, 210, 1) 0%,rgba(42, 128, 185, 1) 30%,rgba(0, 95, 170, 1) 25%,rgba(45, 178, 203, 1) 100%);}

.wtw6 .topIcon{width: 90px !important; height: 90px !important;  position: absolute; Top: 9px; left: 5px;  background-image: url(../../images/static/icons/cart-36-256.png);  background-size: 75%;  background-repeat: no-repeat;}
.wtwTitle{font-size: 2em;  line-height: 35px;  position: absolute; width: 59%; top: 15%; right: 2%; color: #fff;}
.wtwDesc{font-size: 1em; line-height: 20px;  position: absolute; width: 88%;  
    color: #F1F1F1; bottom: 5%; left: 7%;}



#wrapper {background-color: #fff; width: 100%; height: 550px; margin-top: 0px; overflow: hidden; position: relative; }
#carousel{width: 950px; height: 550px; overflow: hidden;}
#item{width:950px !important; position:relative;  height:550px; float:left; padding:0 15px; border-right:solid 2px #ccc; margin:auto;p  }

		.h_onstart{display:block; -moz-opacity:.50; 
filter:alpha(opacity=50); 
opacity:0;}
		.h_first{display:block; margin:auto;}

.item{margin-left:0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out;}
#prev, #next {background-color: rgba(255, 255, 255, 0.7); display: block; height: 670px; width: 50%; top: 0; position: absolute; display:block; -moz-opacity:0; 
filter:alpha(opacity=0); 
opacity:0; }
#prev:hover, #next:hover {background-color: #fff;background-color: rgba(255, 255, 255, 0.8); }
#prev {left: -495px;}
#next {right: -495px;}
.pag{width:21%; text-align:center; border-top:solid #ccc; margin-right:10px; border-right:0; padding:10px; float:left;}
.pag:hover{cursor:pointer; border-top:#272381 solid;}
.selected{font-weight:bold;}
.prevTransition{margin-left:20px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.nextTransition{margin-left:-20px; -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.prevButton{position: absolute; top: 35%; width: 82px; height: 82px; background: #697C96; border-radius:15px 0 0 0; display: block; right: 0px; z-index: 9999999; opacity: 1; overflow: visible; background-image:url(../images/buttons/left-white.png);}
.nextButton{position: absolute; top: 35%; width: 82px; height: 82px; background: #697C96; border-radius:0 0 15px 0; display: block; left: 0px; z-index: 9999999; opacity: 1; overflow: visible; background-image:url(../images/buttons/right-white.png);} 
.prevButton:hover, .nextButton:hover{background-color:#545454; -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;   -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

.car_img_large{width: 98%; padding: 0 2% 0 0; max-height:220px;}
.car_img{width: 98%; padding: 0 2% 0 0;  -webkit-transition:ease-out 1s;}
.car_img:hover{-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='https://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); -webkit-transition:ease-in 0.2s;}



.loading-bar {
	padding: 10px 20px;
	display: block;
	text-align: center;
	margin: 10px 0;
	font-size: 1.5em;
	border: 1px solid #ddd;
	margin-right: 1px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	background:#238EDC;
	color:#fff;
	clear:both;
}

.loading-bar:hover {
	box-shadow: inset 0px 45px 30px -40px rgba(0, 0, 0, 0.05);
}



#searchItems {
float: left;
width: 50% !important;
display: block;
margin-left: 0%;
margin-right: 0%;
}
#searchItems span {
width: 150px !important; height: 110px !important; margin: 1px 3px; background-size: 100%; background-position: 0 -43px; }

#searchBlock{
	float: left;
width: 50% !important;
display: inline-block;
margin-left: 0%;
margin-right: 0%;}





#si_ag{background-image: url(../../images/static/autogas-search.png);background-repeat: no-repeat;}
#si_ag:hover {background-image: url(../../images/static/autogas-search-Hover.png);background-repeat: no-repeat;}
#si_county{background-image: url(../../images/static/find-a-stockist.png); background-repeat: no-repeat;}
#si_county:hover {background-image: url(../../images/static/find-a-stockist-Hover.png);background-repeat: no-repeat;}
#si_app{background-image: url(../../images/static/GAS-APPLIANCES.png);background-repeat: no-repeat;}
#si_app:hover {background-image: url(../../images/static/GAS-APPLIANCES-Hover.png);background-repeat: no-repeat;}
#si_info{background-image: url(../../images/static/LPG-Info.png); background-repeat: no-repeat;}
#si_info:hover {background-image: url(../../images/static/LPG-Info-Hover.png);background-repeat: no-repeat;}


.hp_search_container {
float: left;
width: 48% !important;
margin-right: 0%;
margin-left: 1%;
}
.hp_search_container fieldset {
border: solid 0;
padding: 2px 0;
margin: 0px 0 0 0;
}
.hp_search_container select {
float: left;
padding: 9px 1%;
border: solid 1px #ccc;
width: 70% !important;
}
.hp_search_container input[type="text"] {
float: left;
padding: 9px 3%;
border: solid 1px #ccc;
width: 64% !important;
}
.hp_search_container button {
float: right;
padding: 9px 1%;
width: 28%;
background-color: #F1F1F1;
border: solid 1px #ccc;
}


.ca-container {position: relative;width:90%;height: 300px; margin-left:40px;}
.ca-wrapper{width: 100%; height: 300px; position: relative; display: block; clear: both;}
.ca-item{position:relative;float:left;width:190px;height:100%;text-align:center;}
.ca-close{position:absolute;top:10px;right:10px;background:#fff url(/images/static/buttons/cross.png) no-repeat center center;
	width:27px;height:27px;text-indent:-9000px;outline:none;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 2px rgba(0,0,0,0.2);opacity:0.7;}
.ca-close:hover{opacity:1.0;}
.ca-item-main{padding: 5px; position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;background: #fff;overflow: hidden;}
.ca-icon{width:100%;height:120px;position:relative;margin:0 auto;background:transparent url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQSsq4D9SeeAW-WVMw_5iQBkpvLTTdAetw0sEkgWFg4Fkkda5Si) no-repeat center center;	background-size:100%;}

.ca-item-main:hover h3{background-color:rgba(109,109,110,1.00) !important;}

.ca-item-main h3{color: #fff; text-indent: 10px;}
.ca-item-2 .ca-icon{background-image:url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRcTKTpksM9-sfjLWqKdqxCzoC7ehKza_q6bKqbZUEcda0azljaSA);}
.ca-item-3 .ca-icon{background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRVAVR-8Rqagv4nAtD_QWifQbweIvT-YHGn4HurcHPIv5v_P2nJHw);}
.ca-item-4 .ca-icon{	background-image:url(https://www.camping-gas.com/images/static/bulk-lpg-suppliers.jpg);}
.ca-item-5 .ca-icon{background-image:url(https://www.camping-gas.com/images/static/portable-gas-heaters.jpg);}
.ca-item p {text-align: left; height: 85px; padding-top:10px; overflow: hidden; margin: 0; }
.ca-item p span{display:block; margin:0; display:table-cell; vertical-align:middle;}


/* news section */
.hp_news_section img {
width: 96% !important;
float: left;
padding: 0 10px 5px 0;
}

.news-source img{width: 23% !important;}

.news-sub-headings{display:block; font-size:1.1em; line-height:1.6em}

/* Appliances **/

.pagination-centered{    display: block !important;    overflow: auto;    clear: both;}


.homeAppliance {margin-bottom:20px; border-bottom:solid 2px #ccc;}
.ha_Title{width:100%; height: 75px;}
.ha_Price{display: block; margin: 0; padding: 0;}
.ha_ImgContainer{width:100%; height:100px; display:table;}
.ha_ImgContainer img{max-height: 90px;
max-width: 96%;
margin: auto;
display: table-cell;
vertical-align: middle;}

/* item bloc img */

.hp_item_bloc:hover{cursor:pointer; text-decoration:underline;}

.hp_item_bloc img {
width: 100px;
float: left;
padding: 0 10px 5px 0;
}

.hp_link_container li a {
font-size: 1.2em;
height: 30px;
margin: 5px 0 2px;
display: block;
color: #0D94FF !important;
}
.hp_link_container li {
/*background: url(https://static.bbci.co.uk/news/1.28.6-633/img/icons-sprite.png) no-repeat;
background-position: right -205px; */
}


.clisting, .container{background:#fff !important; overflow:auto; clear:both;}


/* article */
.article p {padding-left: 5%; border-left: solid 2px #ccc;}


.article-left{overflow: auto; margin: 16px 0;}
.article-left img{max-height: 151px; float: left; width: 155px;}
.article-left h3{clear: none; margin: 0;}
.article-left p{float: left; width: 59%;}

.article-links{}
.article-links ul{font-weight: lighter;}
.article-links ul li{padding: 5px 0; background: url(https://static.bbci.co.uk/news/1.28.6-633/img/icons-sprite.png) no-repeat;
background-position: right -130px;
background-size: 9%;}
.article-links ul li a{color: #222 !important;
font-weight: normal;}
 
 .article-links-text ul li{background-position: right -180px;}
 
 
/* Appliances */
	.grid_display{margin-bottom: 20px; cursor:pointer;}
	.grid_display p{height: 80px;}
	.img_container{display: block;
width: 100%;
height: 110px;
text-align: center;
overflow: hidden;}
	.grid_display h3{text-indent: 10px;
background: #EFEFEF;
font-size: 1.2em;}
	.img_container img{width: 105% !important;
min-height: 105% !important;}
	
	.matchingProducts {
padding: 10px 5px;
font-weight: bold;
font-size: 0.45em;
}
	.optionHeader{color: #fff;
text-indent: 10px;
background: #d24400;
padding: 5px 0px;
font-size: 1.2em;
margin: 10px 0;}

.s-r-refine-options li{
	border-bottom: 1px solid #bbbbbb;
padding: 4px 0;
line-height: 1.2em;
margin-bottom: 2px;}


.split{clear:both; width:100%;}
.backtop {
clear: both;
display: block;
padding: 5px;
background: #d24400;
color: #fff;
}
.products {
margin: 0;
padding: 0;
list-style: none;
min-height: 600px;
width: 100%;
}
 
.AppItem {
width: 30.33%;
margin: 20px 1.5%;
position: relative;
}
 
.product {
position: relative;
vertical-align: top;
padding: 185px 0 0 0;
box-shadow: none;
width: 100%;
height: 220px;
margin: 10px 0 0px 0;
display: block;
}

.title { height: 55px; }
.product dt{margin:0; padding:0; text-transform:capitalize; font-size:1.2em;}
.product dd{margin:0; padding:0;}
.product .reference {color: #666; font-size: 0.9em;}
.product .price { font-size: 1.2em; font-weight: bold; margin-bottom: 3px; width: 240px; color: #048444;}
.delivery {
height: 0px;
width: 68px;
position: absolute;
right: 0px;
bottom: 45px;
overflow: inherit;
display: block;
}
.delivery img{width:56px; float:right;}
.productLocation {
float: right;
font-size: 0.9em;
word-wrap: break-word;
width: 165px;
position: absolute;
left: 0;
top: 360px;
}
.productLocation b{font-weight:lighter;}
.product .findStockists {
position: absolute;
bottom: 230px;
width: 96%;
text-align: center;
padding: 6px 2%;
background: rgba(204, 204, 204, 0.8);
z-index: 999;
}
.product:hover .findStockists{display:block;}
.product .details {clear: both; margin-bottom: 8px; padding:0;}
.product .image {left: 0; top: 0; position: absolute;  width:100%; text-align:center;}
.product .image img {max-width: 140px; max-height: 135px;}	

.notifiaction{margin-top:10px; padding:10px; clear:both; background:rgba(36,54,134,1.00); color:#fff;}
.notifiaction a{color:#fff;}
.notifiaction a:hover, .notifiaction a:focus{text-decoration:underline; background:#000000;}
.notifiaction a:hover .notifiaction, .notifiaction a:focus{text-decoration:underline; background-color:#4E4E4E;}

.sr-bloc{margin-top:10px; border-top:1px solid #CCCCCC; min-height:110px; position:relative; }
.sr-bloc .title{font-size:1.2em;}
.sr-bloc .title a{color:#2B2B2B;}
.content .sr-bloc:last-child{
	margin-bottom:20px;}
.sr-bloc:hover, .sr-bloc:focus{text-decoration:underline; cursor:pointer; color:#014483;}
.resultInfo{border-bottom:solid 1px; margin-bottom:5px; clear:both;}
#sr-sec-left .sec_12{overflow:hidden;}

.product-takeover-continer{border:solid; padding:10px; margin:10px 0;}
.product-takeover-continer h2{float:left; width:65%; clear:none; font-size:1.2em; padding-left:10px; color:rgb(0, 152, 190);}
.product-takeover-continer p{float: left; width: 65%; font-size: 1.2em; clear: left; padding: 10px;}
.product-takeover-continer img{max-width: 100%;
max-height: 120px;
padding: 10px;}
.product-takeover-continer a{float: left; display: block; text-decoration:underline;}
#productAlternativeName{clear:both; width:100%; text-align:center;}
.alternative{width:20%; float:left;}
#productAlternativeContainer{width: 100%;
overflow: auto;}
#productAtlernativeImg{max-width: 100%;
clear: both;
text-align: center;}

.product-stockists{display:block; position:absolute; top:3px; right:5px; background-image:url('../../images/static/buttons/find-stockists.png'); width:150px; height:25px; background-repeat:no-repeat;}

.sprite{background: url(../../images/static/icons/icons-small.jpg) no-repeat;}
.tel{}


#grid {background: url(../../images/static/icons/list-view.png) 50% no-repeat;
background-position: left;}
#list{background: url(../../images/static/icons/grid.png) 50% no-repeat;
background-position: left;}

#sortList{background: url(../../images/static/icons/sort.png) 50% no-repeat;
background-position: left; background-size:19% !important;}

#grid, #list, #sortList {
float: right;
border-radius: 3px;
height: 15px;
margin-left: 25px;
cursor: pointer;
padding: 0px 0px 5px 20px;
line-height:23px;
margin-top:5px;
}


.topRefines li{border-bottom: 1px solid #bbbbbb;
padding: 8px 0;
line-height: 1.2em;
margin-bottom: 2px;
border: solid 1px;
float: left;
margin: 2px;
text-align: center;
color: #fff;
background: #ddd; background-image: url('https://www.clipartbest.com/cliparts/9cz/EyM/9czEyMdRi.svg');
background-size: 30px;
background-repeat: no-repeat;}

.topRefines li:hover, .topRefines li a:hover, .topRefines li:hover a{background-color:#325EAB; cursor:pointer; color:#fff; }
.manStocked{clear: both; position: absolute; bottom: 8px; width: 100%; height: 23px;}
.CGmanufacturer-logo-inner{float: left; padding: 5px 10px 0 0; position: relative; max-width: 15%; height: 100%;}
.CGmanufacturer-logo-inner img{max-width: 100%; max-height: 100%; -webkit-filter: grayscale(60%);
-moz-filter: grayscale(60%);
filter: grayscale(60%);}

.sr-bloc:hover .title a{color:rgba(0,66,206,1.00); text-decoration:underline;}
.sr-bloc:hover .CGmanufacturer-logo-inner img{ -webkit-filter: grayscale(5%);
-moz-filter: grayscale(5%);
filter: grayscale(5%);}

.product-image img{-webkit-filter: grayscale(35%);
-moz-filter: grayscale(25%);
filter: grayscale(25%);}
.sr-bloc:hover .product-image img{ -webkit-filter: grayscale(5%);
-moz-filter: grayscale(5%);
filter: grayscale(5%);}

#sr-sec-left{float:right; margin-bottom:15px; border-bottom:solid; padding-bottom:10px;}
.sr-map{height:250px; margin-top:10px;}
.sr-title{font-size: 1.8em; font-weight: normal; margin: 0; clear: both; padding: 10px 0 0 0; line-height: 1.6em; color: #3274BB;}

#sr-sec-right{float:left;}
#sr-sec-right h2{margin-top: 10px;
border-bottom: solid #fff 5px;
background: #F1F1F1;
color: #262443;
font-size:1.5em;
text-align: left;
line-height: 1.8em;
text-indent: 10px;
text-transform: lowercase;
border-left: solid #2366DD 5px;
font-weight: normal;} 
#sr-sec-right h3{border-bottom:solid;
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 0;
border-bottom: 1px solid #e4e4e4;
margin: 4px 0 10px;}

#sr-sec-right h3:after, #sr-sec-right h3:after, #sr-sec-right h3:after {
background-color: #269ccb;
bottom: 0;
content: "";
margin-top: 10px;
margin-bottom: -1px;
display: block;
width: 50px;
height: 3px;
}

#content{clear:both;}

/* search results products */

.right ul#nav {margin: 4px 3px 4px 2px; border:solid 1px #ccc; color:#666; background-color:#eee;}
ul.drop1 a { display:block; color: #222; font-family: Open Sans; font-size: 0.85em; text-decoration: none; border:0; padding:0; float:none; background:none; margin:0; text-align:left;}
ul.drop1 a:hover, ul.drop1 a:focus{background:#2366DD; color:#fff; text-decoration:underline;}
ul.drop1, ul.drop1 li, ul.drop1 ul { list-style: none; margin: 0; padding: 0px;}
ul.drop1 { position: relative; z-index: 597; float: left; }
ul.drop1 ul li:hover, ul.drop1 ul li:hover ul.drop1 a, ul.drop1 ul li:focus { position: relative; z-index: 599; cursor: default; background:#2366DD; color:#fff; text-decoration:underline;}
ul.drop1 ul { visibility: hidden; position: absolute; top: 100%; left:-60px;  z-index: 598; width: 140px; background-color:#ddd; border:solid 1px #A8A8A8;}
ul.drop1 ul li { float: none; padding:3px 5%; width:90%; background-color:#eee;}
ul.drop1 ul ul { top: -2px; left: 100%; }
ul.drop1 li:hover > ul { visibility: visible }
ul.drop11 {list-style: none; margin: 0; padding: 3px;}
ul.drop11 {position: relative; z-index: 597; float: left; margin-top:5px; }

.sr-header{padding:3px 10px 10px 10px; background: #ffffff; margin-top: 10px; color: #3A3A3A; overflow:auto; border-top:solid #6c80b3;}
.sr-title{color:#3A3A3A;}

.gen_cartridge{margin-top:10px; border-bottom:#3666DD solid 2px; height:110px;}
.gen_cartridge h4{margin:0;}

.sr-refine-options{height:31px; padding:1px 2px; background:#f1f1f1; color:#525252; line-height:26px; border-left:solid 5px #2366dd; width:98%; margin:10px 0;}
.products-container{margin-left:5%; -webkit-padding-start:0;}
.prod{padding:10px 0 0 0; border-top:solid 2px #DDDDDD;}
.grid{min-height:395px;}
.product-image img{max-width:95px; max-height:100px; text-align:center; margin:auto; display:block;}
.product-tags{margin-top:10px; border-top:1px solid #CCCCCC; font-size:0.85em; display:block;}
.specs-container{margin-top:10px; font-size:0.9em; color:#222;}
.specs-container strong{color:#2366DD;}
.product-discription p{min-height:50px;}

.man-logo{max-width:80%; padding:15px 10% 0 0; max-height:60px; margin:auto; display:block;}
.article_section{display:block; clear:both;}
.article_section header{margin:0; width:100%;}
.article_section img{max-width:50%; float:left; max-height:150px; padding:0 10px 10px 0;}


.p-s-p-container h2{border-bottom:solid;}
.p-s-p-container p{overflow:auto; border-bottom:solid 1px;}
.p-s-p-container h4{margin-bottom:5px; border-bottom:solid 2px;}
.p-s-p-container table{width:100%;}
.p-s-p-container table th{text-align:left;}
.p-s-p-container img{max-width:90px; float:right; padding:5px;}



.email-stockist input, textarea{padding: 5px 10px; width: 52%;}
.stockistContactbutton{width: 50%; background: #47568D; border: none; color: #fff; padding: 10px 0; float: right; margin: 33px 5px 0 0;}
.stockistContactbutton:hover, .button:focus{background-color:#221A92; color:#fff;}


/* Styles to be cleaned */
#mmenu{background:#fff;}
@media screen and (min-width: 950px) {
#head_outer {
		display:block;
	}

nav#mobile {
		background-color:#111;
		box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
		display:none;
	}

}

@media only screen and (max-width: 951px) {
	#head_outer {
		display:none
	}
	#head_outer_nav {
		display:none;
	}

	nav#mobile {
		background-color:#556492;
		box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
		display:block;
		overflow:hidden;
	}

	/*
	Top black bar that holds the toggle button
	*/

	nav#mobile #toggle-bar {
		line-height:70px;
		height:70px;
	}

	/*
	Toggle button #1 ("Menu")
	*/

	nav#mobile strong a {
		margin-left:30px;
		border:1px solid #fff;
		padding:10px;
		color:#fff;
	}

	/*
	Toggle button #2 ("Navicon")
	*/

	nav#mobile .navicon {
		float: right;
		height: 6px;
		width: 34px;
		margin: 20px;
		border-top: 18px double #FFF;
		border-bottom: 6px solid #FFF;
		font-size:0;
	}

	/*
	The dropdown menu
	*/

	nav#mobile ul li {
		clear:both;
		list-style:none;
	}

	nav#mobile ul li a {
		display:block;
		background-color:#E3E3E3;
		text-transform:uppercase;
		letter-spacing:.2em;
		margin:2px 0;
		padding:6px 0 6px 8px;
	}

	nav#mobile ul ul {
		font-size:small;
	}

	nav#mobile ul ul li {
		margin-left:30px;
	}

	nav#mobile ul ul a {
		background-color:#E3E3E3;
		padding-left:8px;
	}

	nav#mobile ul ul a:before {
		content: "2192";
		padding-right:8px;
	}
}

/* REQUIRED for core functionality */

/*.responsive-tabs__heading {
	display: none;
}*/
.responsive-tabs__list__item {
	display: block;
	cursor: pointer;
	float: left;
}

@media (max-width: 767px) {
/*.responsive-tabs__list {
	display: none;
}*/
.responsive-tabs__heading {
	display: block;
	cursor: pointer;
}
/*.responsive-tabs__panel--closed-accordion-only {
	display: none;
}*/
}

@media (min-width: 768px) {
.responsive-tabs__panel--closed-accordion-only {
	display: block !important;
}
}
/* END - Required for core functionality */


/* OPTIONAL - Basic Skin */

.responsive-tabs-wrapper {
	clear: both;
	zoom: 1;
}
.responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after {
	content: "";
	display: table;
}
.responsive-tabs-wrapper:after {
	clear: both;
}
.responsive-tabs__heading:focus, .responsive-tabs__list__item:focus {
	outline: 1px solid #ccc;
}
.responsive-tabs__heading--active:focus, .responsive-tabs__list__item--active:focus {
	outline: none !important;
}
.responsive-tabs__list {
	font-size: 1em;
	margin: 10px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1px;
	line-height: 40px;
	width: 100%;
	overflow: auto;
}
.responsive-tabs__list__item {
	background: #4B4E4B;
	padding: 0px 1.6%;
	margin-right: 0.2em;
	color: #fff;
	width: 10%;
	margin: 3px 3px;
	padding:10px;
}
.responsive-tabs__list__item:hover {
	background: #efefef;
	color:#222;
}
.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover {
	background: #F0F0DC;
	border-bottom-color: #fff;
	color: #222;
}
.responsive-tabs__panel {
	margin-bottom: 50px;
	min-height:300px;
}

@media (max-width: 767px) {
.responsive-tabs__heading {
	padding: 0.5em;
	background: #ddd;
	position: relative;
}
.responsive-tabs__heading:after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 40%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #000;
}
.responsive-tabs__heading:hover, .responsive-tabs__heading--active:hover {
	background-color: #efefef
}
.responsive-tabs__heading--active {
	background: #fff;
}
.responsive-tabs__heading--active:after {
	border-bottom: 10px solid #000;
	border-top: 0;
}
}
/* END - Optional - Basic Skin */


.ml-searh-option {
min-height: 80px;
vertical-align: middle;
text-align: center;
background-color: #FFF;
position: relative;
border-top: solid #41527E 1px;
margin-top: 15px;
padding: 10px 0;
}
.ml-searh-option:hover {
	-webkit-transition: all 1s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;

}
.ml-innerName {
text-align: center;
background-color: #FAFAFA;
padding: 6px 0px;
color: #353535;
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
font-size: 1.1em;
}

.ml-searh-option:hover .ml-innerName, .ml-searh-option:focus .ml-innerName{
	background-color:#16406C;
	color:#fff;
		-webkit-transition: all 1s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

.ml-inner {
display: table-cell;
width: 150px;
height: 50px;
vertical-align: middle;
}
.ml-inner img {
	max-width: 100px;
	max-height: 60px;
}



.floatLeft{clear:none; float:left;}
.filerOptions {
	margin: 0;
	padding: 0;
}
.filerOptions li {
	background-color: #919191;
	width: 45.5%;
	text-align: center;
	float: left;
	font-size: .9em;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0 0.5%;
	padding: 8px 2%;
	-webkit-transition: ease-out 0.2s;
}

.filerOptions li:focus, .filerOptions li:hover{background:rgba(85,85,85,1.00); cursor:pointer;}
.filerOptions li:first-child {
	margin-left: 0;
}
.filerOptions li:last-child {
	margin-right: 0;
}
.filerOptions li a, .filerOptions li a:visited {
	color: #fff;
	
}

.sr-title-result{float: left;
clear: none;
font-size: 0.9em;
line-height: 3em;
padding-top: 10px;
margin: 0 10px 0 15px;}

    .searchBloc{border-bottom: solid #686767 2px; padding: 10px 0; margin-bottom: 10px; transition:ease-out 1s; -webkit-transition: ease-out 0.2s;}
	.searchBloc:hover h2, .searchBloc:hover span, .searchBloc:hover{ cursor:pointer; color:#3753D8; -webkit-transition: ease-in 0.2s;}
	.searchBloc:hover img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='https://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
cursor:pointer;	
color:#FF0004;
-webkit-transition: ease-in 0.1s;
}
.searchBloc img{-webkit-transition: ease-out 1s;}
	
    .topBorder{border-top: solid #686767 2px; padding: 10px 0; margin-bottom: 10px;}
	.searchBloc h2{background: url(https://static.bbci.co.uk/news/1.28.6-633/img/icons-sprite.png) no-repeat;
background-position: right -205px;}
	.searchBloc img{width: 100px; height: 100px; float: left;}
	.searchBloc span{display:block; float:left; margin-left: 3%; margin-top: 15px; width:68%;}
	
	
	
	/*Initialize*/
	ul.sub-menu{width:750px; height:350px; background:#fff; border:solid 1px #e7e7e7; overflow-y:scroll; overflow-x:hidden;}
	ul#menu, ul#menu ul.sub-menu {
    padding:0; margin: 0 z-index:9999}
	ul#menu li { list-style-type: none; display: inline-block; }
	ul#menu ul.sub-menu li{width: 98%;
padding: 0 0 0 10px;
margin: 0;
font-size: 1.2em;
padding-left: 5px;
text-decoration: none;
color: #484848 !important;
text-transform:uppercase;
line-height:25px;
border-bottom:solid 1px #ccc;
}
	.dropdown3{ width:17.5%;font-size:1.0em; float:left; text-indent:0px; margin-right:2%; border-bottom:solid}
	.dropdown3Title{background:#CCC; width:100%; height:30px; color:#222; margin:5px 5px 5px 0; 
text-indent:10px; line-height:30px;}
	.dropdown3 a{color:rgba(38,38,38,1.00) !important;}
	
/*Link Appearance*/
.tabTop{
    text-decoration: none;
color: #fff;
background: #313131;
padding: 9px;
display: inline-block;
min-width: 110px;
}

.tabTop a{color:#e9e9e9;}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 30px;
    left: 0;
	z-index:99;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}

.CampsitesBanner {
	clear: both;
	border: solid 1px rgb(204,204,204);
	padding: 0;
	width: 99%;
	margin: 15px 0 0 0px;
	height: 72px;
	overflow: hidden;
}


#oc_head{background: #005689;
overflow: auto;
display: block;
width: 100%;
margin: auto;}
#container_head{overflow:hidden;}
.logo_container img{width:98%;margin:20px 0 10px 0;}
.homeH1{margin-top: 50px;
color: #fff;
line-height: 2em;
font-size: 1.5em;
margin-bottom: 0;
border-top: solid 1px;
border-bottom: solid 1px; text-transform:lowercase;}


#oc_main{background:rgba(51,51,51,0.10);}
#container_main{background:#fff;}
.headIcons{margin:10px auto; padding:2px 0; cursor:pointer;}

.headIcons:hover, #search-label:hover .htnr_search{background-color:#005182; border-radius:45px;}
.htnr_icon_container{width:40px;height:40px;display:block;border:solid 2px #fff;margin:10px auto 5px auto;border-radius:50px;}

		.pt_fp_image{max-height: 100px;
float: left;
max-width: 100%;
padding: 10px;}
		.imgCon{width: 50%;
display: block;
overflow: auto;
float: left;}

.htnr_search{background-image:url('/v3/images/icons/search.png');background-size:60%;background-repeat:no-repeat;background-position:8px 8px;}
.htnr_sign_in{background-image:url('/v3/images/icons/user.png');background-size:70%;background-repeat:no-repeat;background-position:6px 4px;}
.htnr_join{background-image:url('/v3/images/icons/plus.png');background-size:70%;background-repeat:no-repeat;background-position:6px 6px;}
.htnr_icon_title{text-align:center;display:block;color:#fff;}
.nav_more ul li{float:left;}
.nav_more ul ul{display:none;margin:8px 0 0 -10px;}
.nav_more ul li:hover ul{display:block;position:absolute;}
.nav_more ul ul li{display:block;border:0px #ccc solid;padding:10px 20px;float:none;background:#EAEAEA;margin:0;border-bottom:solid 1px #ccc;color:#222;min-width:170px;text-indent:0;}
.nav_more ul ul li a{color:#222;}
.nav_more ul ul li:hover, #nav_more ul ul li:hover a{background-color:#00456e; color:#fff;}
.oc_nav{z-index:9;}
.global_nav_con{overflow:auto;}
.global_nav{font-size:1.1em; overflow:auto;}
.global_nav a{text-decoration:none;color:#fff;}
.global_nav ul{color:#fff;margin:0;}
.global_nav ul li:hover{background:#005182;cursor:pointer;}
.global_nav ul li{float:left;padding:10px 20px;margin:0;}
.nav_more{background:#333;height:38px;overflow:hidden;margin-left:2%;margin-right:0;}
.nav_more ul{}
.nav_more ul li{float:left;padding:10px 5%;margin:0 !important;width:90%;background-image:url(/v3/images/icons/list.png);background-size:15%;background-repeat:no-repeat;background-position:10px;text-indent:40px;}
.ct_bord{border-top:1px solid #4bc6df;margin-top:10px;padding-top:5px;}
.ct_art_topBot{border-top: 2px solid #0693B0;
margin-top: 10px;
padding: 5px;
border-bottom: 1px solid #EAEAEA;
margin-bottom: 10px;
padding-bottom: 5px;background:#F7F7F7;}


.sticky{position:fixed;width:100%;left:0;top:0;z-index:100;border-top:0;box-shadow:19px 7px 62px #616161;}
body{box-shadow:19px 7px 62px #616161; background-color:#EAEAEA !important;}
#navigation-bar{position:relative;height:60px;margin-top:15px;}
#search{position: absolute;top: 5px;right: 0px;width: 0px;height: 72px;}
#label{width:70px;height:80px;position:relative;z-index:20; left:25px; top:10px;}
#label label{display:block;width:70px;height:70px;font-size:0;color:rgba(0, 0, 0, 0);text-indent:-9999px;cursor:pointer;}
#input{position:absolute;top:10px;left:-450px;width:450px;height:45px;z-index:5;overflow:hidden;}
#input input{display:block;position:absolute;top:0px;left:450px;width:450px;height:100%;margin:0;padding:0 10px;border:none;background-color:#CCC;color:#fff;font-size:18px;backface-visibility:none;border-radius:0;transition:left 0;}
#input input:focus{outline:none}
#input.focus{z-index:20}
#input.focus input{left:0;transition:left 0.3s;}

/* Styles to be cleaned */
.mmenu{background:#fff; width:100%;}
@media screen and (min-width: 950px) {
#head_outer {
		display:block;
	}

nav.mobile {
		background-color:#111;
		box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
		background:none;
	}

}

@media only screen and (max-width: 951px) {
	#head_outer {
		display:none
	}
	#head_outer_nav {
		display:none;
	}

	nav.mobile {
		display:none;
		overflow:hidden;
	}


	/*
	Top black bar that holds the toggle button
	*/

	nav.mobile .toggle-bar {
		line-height:0px;
		height:60px;
	}

	/*
	Toggle button #1 ("Menu")
	*/

	nav.mobile strong a {
		margin-left:30px;
		border:1px solid #fff;
		padding:10px;
		color:#fff;
	}

	/*
	Toggle button #2 ("Navicon")
	*/

	nav.mobile .navicon {
float: right;
height: 6px;
width: 70px;
margin: 20px 20px 20px 76px;
border-top: 18px double #FFF;
border-bottom: 6px solid #FFF;
font-size: 1.5em;
text-indent: -65px;
font-weight: bold;
color: #fff;
	}

	/*
	The dropdown menu
	*/

	nav.mobile ul li {
		clear:both;
		list-style:none;
		margin-bottom:2px;
	}

	nav.mobile ul li a {
		display:block;
		background-color:#E3E3E3;
		text-transform:uppercase;
		letter-spacing:.2em;
		margin:2px 0;
		padding:6px 0 6px 8px;
	}

	nav.mobile ul ul {
		font-size:small;
	}

	nav.mobile ul ul li {
		margin-left:30px;
	}

	nav.mobile ul ul a {
		background-color:#E3E3E3;
		padding-left:8px;
	}

	nav.mobile ul ul a:before {
		content: "2192";
		padding-right:8px;
		font-size:1.5em;
		height:70px;
	}
}

.stockistsBlueBox {
	display: table;
    text-align: center;
    margin-right: auto;
    margin-left: 5%;
}
.stockistsBlueBoxLeft {
	display: table;
    text-align: center;
    margin-right: auto;
	margin-left: 5%
}