@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900italic,900);

body, table, td, p, a, li, button, blockquote, .MainStyle, .cCfont {
	-webkit-text-size-adjust: none!important;
    font:14px/20px 'Open Sans', 'Roboto', Arial, Helvetica, sans-serif;
	color: #202020;
}

/* Responsivness */

img.responsive, #MainContent p img{max-width:100%}
.ContentWrapper {width:100%; max-width:980px;}

select, input{
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
    }

.pd0{padding:0 !important;}
.mg0{margin:0 !important;}
.div70{display: inline-block;float: left; width:70%}
.div30{display: inline-block;float: left; width:30%}
.div80{display: inline-block;float: left; width:80%}
.div20{display: inline-block;float: left; width:20%}
.div50{display: inline-block;float: left; width:50%}

.txtL{text-align: left !important;}
.cartContent{ display:block; float:left; text-align:left;line-height:3em;}
.weight600, .w600{font-weight:600}
.textField, .formfield{
    width: 99.5%;
    font-size: 1em;
    font-weight: 500;
    line-height: 2em;
    border: #458CB9 1px solid;
    padding-left: 0.5%;	
	height:2.6em;
	clear:both;
}
.submitbutton{
width: 120px;
height:2.6em;
font-weight:500;
font-size: 1em;
padding: 0 7px;
line-height: 2em;
text-align:center;
clear:both;
border:#458CB9 1px solid;
background-color: #8af588;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e9fdeb),to(#7bf479));
    background-image: -moz-linear-gradient(top,#e9fdeb 0,#7bf479);
    background-image: -webkit-linear-gradient(top,#e9fdeb 0,#7bf479);
    background-image: -o-linear-gradient(top,#e9fdeb 0,#7bf479);
    background-image: -ms-linear-gradient(top,#e9fdeb 0,#7bf479);
    background-image: linear-gradient(top,#e9fdeb 0,#7bf479);
    cursor: pointer; display: inline-block;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}

.radio_item{
display: none !important;
}

.label_item {
background: url(images/tick-inactive.svg) center left no-repeat;
    background-size: contain;
    font-size: 1em;
    font-style: normal;
    font-weight: 600;
    border: 0;
    height: 42px;
    cursor: pointer;
    text-indent: 0px;
    text-align: left;
    padding-left: 35px;
}

.label_item:hover {
background: url(images/tick-hover.svg) center left no-repeat;
background-size: contain;
}

.radio_item:checked + label {
background: url(images/tick-active.svg) center left no-repeat;
background-size: contain;
}

/* Menu */
/*Strip the ul of padding and list styling*/
ul#menu {
	list-style-type:none;
	margin:0;
	padding:2.5em 0 0 0;
	width:auto

}
/*Create a horizontal list with spacing*/
ul#menu li {
	display:inline-block;
	float: left;
	
}
ul#menu li a {
	display:block;
	text-align: left;
	color: #999999;
	text-decoration: none;
	text-transform:uppercase;
	font-size:0.923em;
	font-weight:500;
		padding: 10px 8px;
	
	    letter-spacing: 0px;
	}
/*ul > :first-child a{padding-left:0}
ul > :last-child  a{padding-right:0}*/

.show-menu {
	text-decoration: none;
	color: #999999;
	text-align: left;
	margin: 10px 10px;
	padding:2.5em 0 0 0;
	display: none;
}
input#show-menu{
    display: none;
}
/*Show menu when invisible checkbox is checked    input#show-menu:checked ~ #menu li a{padding:10px 18px}   */
input#show-menu:checked ~ #menu, #menu li a{
    display: block; text-align: left;
}

.loggedmenutext{display:none !important}
	
@media screen and (max-width : 980px){
	/*Make dropdown links appear inline*/
	ul#menu {
		position: static;
		display: none;text-align: left;
	}

	/*Make all menu links full width*/
	ul#menu li {
		width: 100%; text-align: left;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:inline-block;
	}
}

@media only screen and (min-width : 85px) and (max-width:480px) {

.textField, .formfield{max-width: 99.5% !important;}

div.logo{margin: 0 auto;}

.headcontent {width:100%; text-align:center; display:block; padding:10px 0 15px 0;}
.headcontent span{margin-top:10px;}
.headcontent span#headerButtons { display: none}

.cartContent{ width:99.5% !important}
ul#menu {padding-top:1em !important}

.oDesc{ 
padding:25px 10px 10px 0;
}
div#ImGallery{text-align:center; max-width:480px;  margin:0 auto}
.NavDiv{text-align:left !important}


}



@media only screen and (min-width : 481px) and (max-width : 540px) { 

.cartContent  {
float:left; text-align:left; width:96% !important; }
.cartContent  {width:99.5% !important;}

.mobileStretch{float: left !important; margin: 15px 0; width:100%;}
.oDesc{ 
padding:25px 10px 10px 0;
}
}

/* Tablets */

@media only screen and (min-width : 481px) and (max-width : 720px) { 
.textField, .formfield{	max-width: 99.5% !important;}
.oDesc{ 
padding:25px 10px 10px 0;
}
}
@media only screen and (min-width : 721px) and (max-width : 980px) { 
.oDesc{ 
padding:4px 10px 10px 15px; max-width:460px
} 
}

@media only screen and (min-width : 481px) and (max-width : 980px) { 

.headcontent {
	width: 100%;
	text-align: left;
	padding-right: 0;
	padding-left: 0;
	float: left;
	padding:10px 0 15px 0;
}
.logo {width:auto; float:left; padding-right: 20px;}
ul#menu {padding-top:1em !important}
div#ImGallery{text-align:center; max-width:890px; margin:0 auto}
}

/* Desktops and laptops  */
@media only screen and (min-width:980px) {
.headcontent {
	width: 100%;
	text-align: left;
	padding-right: 0;
	padding-left: 0;
	float: left;
	padding:10px 0 15px 0;
}
.NavDiv{ float:right; } 
.logo {width:auto; float:left; margin-right: 80px;}

.oDesc{ 
padding:4px 10px 10px 15px;
} 
div#ImGallery{text-align:left; max-width:890px}
}





.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1f1b1c;
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 5px;
}
.copyright:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1f1b1c;
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 5px;
}
.copyright:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1f1b1c;
	text-decoration: underline;
	padding-top: 12px;
	padding-bottom: 5px;
}
.copyright:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1f1b1c;
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 5px;
}
.white10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
	line-height: 18px;

}
.white10:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
	line-height: 18px;

}
.white10:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
	line-height: 18px;

}
.white10:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
	line-height: 18px;

}
.main {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #1f1b1c;
	text-decoration: none;
	line-height: 1.2;

}
.main:link {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #1f1b1c;
	text-decoration: none;
	line-height: 1.2;

}
.main:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #1f1b1c;
	text-decoration: none;
	line-height: 1.2;

}
.main:active {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #1f1b1c;
	text-decoration: none;
	line-height: 1.2;

}
.main:visited {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #1f1b1c;
	text-decoration: none;
	line-height: 1.2;

}
.gray12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.gray12:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.gray12:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.gray12:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}.gray12:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.menu-link {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #330000;
	text-decoration: none;	
	
}
.menu-link:link {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #330000;
	text-decoration: none;
}
.menu-link:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #330000;
	text-decoration: underline;
}
.menu-link:active {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #330000;
	text-decoration: none;
}.menu-link:visited {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #330000;
	text-decoration: none;
}


.menuTitleArrowRight{
background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTI5IDEyOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTI5IDEyOSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4NCiAgPGc+DQogICAgPHBhdGggZD0ibTQwLjQsMTIxLjNjLTAuOCwwLjgtMS44LDEuMi0yLjksMS4ycy0yLjEtMC40LTIuOS0xLjJjLTEuNi0xLjYtMS42LTQuMiAwLTUuOGw1MS01MS01MS01MWMtMS42LTEuNi0xLjYtNC4yIDAtNS44IDEuNi0xLjYgNC4yLTEuNiA1LjgsMGw1My45LDUzLjljMS42LDEuNiAxLjYsNC4yIDAsNS44bC01My45LDUzLjl6IiBmaWxsPSIjOTk5OTk5Ii8+DQogIDwvZz4NCjwvc3ZnPg==) left center no-repeat;

background-size: 1.1em;
padding: 10px 6px 10px 25px !important;
margin-left: 10px
}
.menuTitleInactive{
	background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTYgNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2IDU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4NCjxnPg0KCTxwYXRoIGQ9Ik04LDQwYy00LjQxMSwwLTgsMy41ODktOCw4czMuNTg5LDgsOCw4czgtMy41ODksOC04UzEyLjQxMSw0MCw4LDQweiIgZmlsbD0iIzk5OTk5OSIvPg0KCTxwYXRoIGQ9Ik0yOCw0MGMtNC40MTEsMC04LDMuNTg5LTgsOHMzLjU4OSw4LDgsOHM4LTMuNTg5LDgtOFMzMi40MTEsNDAsMjgsNDB6IiBmaWxsPSIjOTk5OTk5Ii8+DQoJPHBhdGggZD0iTTQ4LDQwYy00LjQxMSwwLTgsMy41ODktOCw4czMuNTg5LDgsOCw4czgtMy41ODksOC04UzUyLjQxMSw0MCw0OCw0MHoiIGZpbGw9IiM5OTk5OTkiLz4NCgk8cGF0aCBkPSJNOCwyMGMtNC40MTEsMC04LDMuNTg5LTgsOHMzLjU4OSw4LDgsOHM4LTMuNTg5LDgtOFMxMi40MTEsMjAsOCwyMHoiIGZpbGw9IiM5OTk5OTkiLz4NCgk8cGF0aCBkPSJNMjgsMjBjLTQuNDExLDAtOCwzLjU4OS04LDhzMy41ODksOCw4LDhzOC0zLjU4OSw4LThTMzIuNDExLDIwLDI4LDIweiIgZmlsbD0iIzk5OTk5OSIvPg0KCTxwYXRoIGQ9Ik00OCwyMGMtNC40MTEsMC04LDMuNTg5LTgsOHMzLjU4OSw4LDgsOHM4LTMuNTg5LDgtOFM1Mi40MTEsMjAsNDgsMjB6IiBmaWxsPSIjOTk5OTk5Ii8+DQoJPHBhdGggZD0iTTgsMEMzLjU4OSwwLDAsMy41ODksMCw4czMuNTg5LDgsOCw4czgtMy41ODksOC04UzEyLjQxMSwwLDgsMHoiIGZpbGw9IiM5OTk5OTkiLz4NCgk8cGF0aCBkPSJNMjgsMGMtNC40MTEsMC04LDMuNTg5LTgsOHMzLjU4OSw4LDgsOHM4LTMuNTg5LDgtOFMzMi40MTEsMCwyOCwweiIgZmlsbD0iIzk5OTk5OSIvPg0KCTxwYXRoIGQ9Ik00OCwxNmM0LjQxMSwwLDgtMy41ODksOC04cy0zLjU4OS04LTgtOHMtOCwzLjU4OS04LDhTNDMuNTg5LDE2LDQ4LDE2eiIgZmlsbD0iIzk5OTk5OSIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+) left center no-repeat; }

.menuTitleActive{
	background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjEyLjk4MiAyMTIuOTgyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMTIuOTgyIDIxMi45ODI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPg0KPGcgaWQ9IkNsb3NlIj4NCgk8cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7IiBkPSJNMTMxLjgwNCwxMDYuNDkxbDc1LjkzNi03NS45MzZjNi45OS02Ljk5LDYuOTktMTguMzIzLDAtMjUuMzEyICAgYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBsLTc1LjkzNyw3NS45MzdMMzAuNTU0LDUuMjQyYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBjLTYuOTg5LDYuOTktNi45ODksMTguMzIzLDAsMjUuMzEyICAgbDc1LjkzNyw3NS45MzZMNS4yNDIsMTgyLjQyN2MtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTJjNi45OSw2Ljk5LDE4LjMyMiw2Ljk5LDI1LjMxMiwwbDc1LjkzNy03NS45MzdsNzUuOTM3LDc1LjkzNyAgIGM2Ljk4OSw2Ljk5LDE4LjMyMiw2Ljk5LDI1LjMxMiwwYzYuOTktNi45OSw2Ljk5LTE4LjMyMiwwLTI1LjMxMkwxMzEuODA0LDEwNi40OTF6IiBmaWxsPSIjOTk5OTk5Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4=) left center no-repeat; padding-left:25px !important}