/* -----------------------------------
Site:       
CSS author: David Knowles
Updated:	
Updated by: David Knowles
----------------------------------- */

/* -----------------------------------
simple reset
----------------------------------- */
/*
Tivusat Colours

Green #008c45
White #f4f5f0
Red #cd212a

blue - #004883
white - #ffffff
red - #e32934
light grey - #bfbfbf
dark grey - #7f7f7f


*/

/* -----------------------------------
Initial pseudo-element
----------------------------------- */


/* -------fonts.com FONTS-------- */

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=a91fdcc7-f3b3-4a93-bf60-597924f9be24");
@font-face{
font-family:"DIN Next W01 Black";
src:url("Fonts/abcc85a3-c3f7-49d9-a80a-f79267998ec7.eot?#iefix");
src:url("Fonts/abcc85a3-c3f7-49d9-a80a-f79267998ec7.eot?#iefix") format("eot"),url("Fonts/9541b817-6a02-4e7a-af21-ce24b70d9ba3.woff") format("woff"),url("Fonts/c1a5af90-f79a-44b1-a4a4-5fd6d888c2f2.ttf") format("truetype"),url("Fonts/0c36e45b-5edd-4927-b9ad-2e46a30e5593.svg#0c36e45b-5edd-4927-b9ad-2e46a30e5593") format("svg");
}
@font-face{
font-family:"DINNextW01-BlackItalic";
src:url("Fonts/df1e59d8-ad9a-4792-868c-bb82a81b7d9d.eot?#iefix");
src:url("Fonts/df1e59d8-ad9a-4792-868c-bb82a81b7d9d.eot?#iefix") format("eot"),url("Fonts/4cd37f64-b230-4162-88bf-f6cccde94e4b.woff") format("woff"),url("Fonts/10805f32-49cb-4842-b9ef-0d593ddb961c.ttf") format("truetype"),url("Fonts/1c343c91-343a-4326-84db-bcce4ce82979.svg#1c343c91-343a-4326-84db-bcce4ce82979") format("svg");
}
@font-face{
font-family:"DIN Next W01 Bold";
src:url("Fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix");
src:url("Fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix") format("eot"),url("Fonts/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff"),url("Fonts/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf") format("truetype"),url("Fonts/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg#af94da3e-4232-416a-b6bc-f39f85dd5db6") format("svg");
}
@font-face{
font-family:"DINNextW01-BoldItalic";
src:url("Fonts/d7c339aa-46b7-4f31-8573-7ea230bfcbbb.eot?#iefix");
src:url("Fonts/d7c339aa-46b7-4f31-8573-7ea230bfcbbb.eot?#iefix") format("eot"),url("Fonts/140a0a6f-f218-4071-8eb8-f2bc45ed5121.woff") format("woff"),url("Fonts/ecbfe302-4f46-4fef-b823-83eedbc353e7.ttf") format("truetype"),url("Fonts/58f54e11-a0ac-4cfa-852e-3c73b93d74a8.svg#58f54e11-a0ac-4cfa-852e-3c73b93d74a8") format("svg");
}
@font-face{
font-family:"DINNextW01-CondensedBla";
src:url("Fonts/4fdd4a2f-fc95-4fd1-9b35-a883e0b2b3d6.eot?#iefix");
src:url("Fonts/4fdd4a2f-fc95-4fd1-9b35-a883e0b2b3d6.eot?#iefix") format("eot"),url("Fonts/5a992686-aab3-4b26-9c57-f41b0f01b6fd.woff") format("woff"),url("Fonts/5229463c-ec7d-4d0c-97ca-49aa4ff3abe5.ttf") format("truetype"),url("Fonts/c67946ea-aa8b-46fe-96af-14d6d108b17b.svg#c67946ea-aa8b-46fe-96af-14d6d108b17b") format("svg");
}
@font-face{
font-family:"DINNextW01-CondensedBol";
src:url("Fonts/71888b4d-cd66-4c8b-9a5c-b37014e8e4fa.eot?#iefix");
src:url("Fonts/71888b4d-cd66-4c8b-9a5c-b37014e8e4fa.eot?#iefix") format("eot"),url("Fonts/0c0418fe-d324-4ab2-978a-e8201c646ca1.woff") format("woff"),url("Fonts/2c4f6a99-1274-42cd-8d14-fecf6ae449a4.ttf") format("truetype"),url("Fonts/aabfdee7-da54-4fae-93d3-afae95449faa.svg#aabfdee7-da54-4fae-93d3-afae95449faa") format("svg");
}
@font-face{
font-family:"DINNextW01-CondensedHea";
src:url("Fonts/10ea3ea4-cd5d-4305-a069-553921bb4565.eot?#iefix");
src:url("Fonts/10ea3ea4-cd5d-4305-a069-553921bb4565.eot?#iefix") format("eot"),url("Fonts/d245e531-16e5-4428-904d-d6cb987d44f9.woff") format("woff"),url("Fonts/b85fd97e-f10c-4dde-87fb-51dd1bdbf114.ttf") format("truetype"),url("Fonts/3aed4526-cc9c-4bc4-9642-157b26400e95.svg#3aed4526-cc9c-4bc4-9642-157b26400e95") format("svg");
}
@font-face{
font-family:"DINNextW01-CondensedLig";
src:url("Fonts/c0be55e4-0b40-4646-a643-431ca3639465.eot?#iefix");
src:url("Fonts/c0be55e4-0b40-4646-a643-431ca3639465.eot?#iefix") format("eot"),url("Fonts/43e82893-3880-47b2-82d6-5b136f8f7477.woff") format("woff"),url("Fonts/72f03533-e4e2-48a4-9d34-53d2964eb649.ttf") format("truetype"),url("Fonts/c11fd4df-941d-4a17-8af0-be88e02e0042.svg#c11fd4df-941d-4a17-8af0-be88e02e0042") format("svg");
}
@font-face{
font-family:"DINNextW01-CondensedMed";
src:url("Fonts/0b46a18d-fb34-4ef7-b5da-5902c510577a.eot?#iefix");
src:url("Fonts/0b46a18d-fb34-4ef7-b5da-5902c510577a.eot?#iefix") format("eot"),url("Fonts/2613a064-2962-44af-ae6f-3640e06e8dc4.woff") format("woff"),url("Fonts/2889b152-497e-4ea3-a90d-02854d136a8d.ttf") format("truetype"),url("Fonts/4f311da1-9ec6-4379-9621-b45be0e23abd.svg#4f311da1-9ec6-4379-9621-b45be0e23abd") format("svg");
}
@font-face{
font-family:"DINNextW01-CondensedReg";
src:url("Fonts/6fa09720-5b0e-48a5-8895-5af8af928c01.eot?#iefix");
src:url("Fonts/6fa09720-5b0e-48a5-8895-5af8af928c01.eot?#iefix") format("eot"),url("Fonts/3b15daf5-d7fb-4099-93b9-db20fd26c2fe.woff") format("woff"),url("Fonts/16159505-c85d-44ba-ba2b-64f94e68ddb5.ttf") format("truetype"),url("Fonts/b2be45ad-0169-4c84-9fc9-66a0e9ebff0a.svg#b2be45ad-0169-4c84-9fc9-66a0e9ebff0a") format("svg");
}
@font-face{
font-family:"DINNextW01-CondensedUlt";
src:url("Fonts/d8b8889b-af70-4f3d-b86e-e0cf674dd069.eot?#iefix");
src:url("Fonts/d8b8889b-af70-4f3d-b86e-e0cf674dd069.eot?#iefix") format("eot"),url("Fonts/02c54ffd-ffe5-4a1d-baf3-6f2f329e985e.woff") format("woff"),url("Fonts/be798c01-2b57-4464-b4f2-8fdda5148346.ttf") format("truetype"),url("Fonts/9286c432-d97d-4af1-8608-fbd7b9cb38a0.svg#9286c432-d97d-4af1-8608-fbd7b9cb38a0") format("svg");
}
@font-face{
font-family:"DIN Next W01 Heavy";
src:url("Fonts/ffaa522c-c9e9-4f51-8688-2a18c2987b94.eot?#iefix");
src:url("Fonts/ffaa522c-c9e9-4f51-8688-2a18c2987b94.eot?#iefix") format("eot"),url("Fonts/d5c47039-3cdf-4eb9-ad4a-220e7441ec5d.woff") format("woff"),url("Fonts/64bef797-e9f8-447f-b80a-aece7617c45f.ttf") format("truetype"),url("Fonts/a7139e2d-6218-4f3c-9bb0-b42325336f56.svg#a7139e2d-6218-4f3c-9bb0-b42325336f56") format("svg");
}
@font-face{
font-family:"DINNextW01-HeavyItalic";
src:url("Fonts/097254d3-a44a-458a-9638-87a9b1e282f7.eot?#iefix");
src:url("Fonts/097254d3-a44a-458a-9638-87a9b1e282f7.eot?#iefix") format("eot"),url("Fonts/0e69005b-f8b8-4d6d-999f-865965bdfd21.woff") format("woff"),url("Fonts/838e1987-f80a-4590-9734-0034870f4492.ttf") format("truetype"),url("Fonts/5574a913-9fa6-4f91-9496-1fafd293ba1f.svg#5574a913-9fa6-4f91-9496-1fafd293ba1f") format("svg");
}
@font-face{
font-family:"DIN Next W01 Italic";
src:url("Fonts/4393bcd9-65c9-4c71-b688-9a0c17e40ebf.eot?#iefix");
src:url("Fonts/4393bcd9-65c9-4c71-b688-9a0c17e40ebf.eot?#iefix") format("eot"),url("Fonts/c5635d60-91fa-4e4b-8a51-41c97fc744c3.woff") format("woff"),url("Fonts/de34232f-b870-49c0-a6c0-24c25db73bc2.ttf") format("truetype"),url("Fonts/35916fb2-3ed3-4d39-bec8-74155a53b1f0.svg#35916fb2-3ed3-4d39-bec8-74155a53b1f0") format("svg");
}
@font-face{
font-family:"DIN Next W01 Light";
src:url("Fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
src:url("Fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"),url("Fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"),url("Fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"),url("Fonts/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg");
}
@font-face{
font-family:"DINNextW01-LightItalic";
src:url("Fonts/3ab2ca1d-35c8-4471-9c57-04cb66b9cffa.eot?#iefix");
src:url("Fonts/3ab2ca1d-35c8-4471-9c57-04cb66b9cffa.eot?#iefix") format("eot"),url("Fonts/e1c997f3-fb27-4289-abc6-5ef059e51723.woff") format("woff"),url("Fonts/0b3b140c-bdbe-488f-8976-992b4104de0c.ttf") format("truetype"),url("Fonts/1fdd14a5-aaa2-4662-a7ae-ab0d4c3adb3c.svg#1fdd14a5-aaa2-4662-a7ae-ab0d4c3adb3c") format("svg");
}
@font-face{
font-family:"DIN Next W01 Medium";
src:url("Fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix");
src:url("Fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix") format("eot"),url("Fonts/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"),url("Fonts/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf") format("truetype"),url("Fonts/b90b6bdf-15e2-4544-9fe0-92c79fff0ecd.svg#b90b6bdf-15e2-4544-9fe0-92c79fff0ecd") format("svg");
}
@font-face{
font-family:"DINNextW01-MediumItalic";
src:url("Fonts/5fcbd4dd-6c02-47c1-9147-2c69cf4fe5fe.eot?#iefix");
src:url("Fonts/5fcbd4dd-6c02-47c1-9147-2c69cf4fe5fe.eot?#iefix") format("eot"),url("Fonts/00ebffbe-b1fe-4913-b8d8-50f0ba8af480.woff") format("woff"),url("Fonts/1d49e204-49b2-4d8e-a1d2-41d0c7ff55e1.ttf") format("truetype"),url("Fonts/4de17727-14b8-47ae-847a-2e088bba338a.svg#4de17727-14b8-47ae-847a-2e088bba338a") format("svg");
}
@font-face{
font-family:"DIN Next W01 Regular";
src:url("Fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
src:url("Fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"),url("Fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),url("Fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),url("Fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
}
@font-face{
font-family:"DINNextRoundedLTW01-Bol";
src:url("Fonts/6746d969-4fe6-41c3-9825-bf64ef27f524.eot?#iefix");
src:url("Fonts/6746d969-4fe6-41c3-9825-bf64ef27f524.eot?#iefix") format("eot"),url("Fonts/52382db1-3de6-473e-b9c0-3cb5e70e80a2.woff") format("woff"),url("Fonts/9b4762b5-c629-43c5-aad0-ab5e65206cc6.ttf") format("truetype"),url("Fonts/6884fec8-a15c-45b1-86ee-af4f4ff4f5d3.svg#6884fec8-a15c-45b1-86ee-af4f4ff4f5d3") format("svg");
}
@font-face{
font-family:"DINNextRoundedLTW01-Lig";
src:url("Fonts/a1de4b41-809e-4f42-8768-ed5a3e9f8f05.eot?#iefix");
src:url("Fonts/a1de4b41-809e-4f42-8768-ed5a3e9f8f05.eot?#iefix") format("eot"),url("Fonts/a97ce140-d04b-430b-a41b-56ea0794c997.woff") format("woff"),url("Fonts/ad44eab7-3b14-4691-8a6d-f6f344f54cb6.ttf") format("truetype"),url("Fonts/39f433a1-f35d-4fad-86d1-889cbd83b680.svg#39f433a1-f35d-4fad-86d1-889cbd83b680") format("svg");
}
@font-face{
font-family:"DINNextRoundedLTW01-Med";
src:url("Fonts/6b52da97-62cc-435e-9602-a010041892ca.eot?#iefix");
src:url("Fonts/6b52da97-62cc-435e-9602-a010041892ca.eot?#iefix") format("eot"),url("Fonts/97252acf-16d3-480c-8269-89ea815e4179.woff") format("woff"),url("Fonts/fb4860e4-3e80-46aa-92f9-63d03e5db476.ttf") format("truetype"),url("Fonts/ed3349df-8331-450b-80a3-d83208eb54eb.svg#ed3349df-8331-450b-80a3-d83208eb54eb") format("svg");
}
@font-face{
font-family:"DINNextRoundedLTW01-Reg";
src:url("Fonts/414aac2b-b155-4948-8733-ca83f707714f.eot?#iefix");
src:url("Fonts/414aac2b-b155-4948-8733-ca83f707714f.eot?#iefix") format("eot"),url("Fonts/b03c5cd2-c6ad-4764-9cab-bf6211f181a7.woff") format("woff"),url("Fonts/e06f8fa7-aeda-4810-967e-0fd3d4621441.ttf") format("truetype"),url("Fonts/82765f99-353c-4685-8ae4-4f0f0208ccd1.svg#82765f99-353c-4685-8ae4-4f0f0208ccd1") format("svg");
}
@font-face{
font-family:"DINNextLTW01-UltraLight 706122";
src:url("Fonts/06e964c1-d71a-48a5-b3fd-88c164e2b0fa.eot?#iefix");
src:url("Fonts/06e964c1-d71a-48a5-b3fd-88c164e2b0fa.eot?#iefix") format("eot"),url("Fonts/04c0d1f1-0fdf-4866-a034-1b5d1ba44a94.woff") format("woff"),url("Fonts/a840f6fc-ef1f-44cd-a5fb-f68784b9bc1e.ttf") format("truetype"),url("Fonts/4032b83f-6bbc-40a1-bfb9-cafd86356a17.svg#4032b83f-6bbc-40a1-bfb9-cafd86356a17") format("svg");
}
@font-face{
font-family:"DINNextLTW01-UltraLight 706125";
src:url("Fonts/67ced202-4fbf-450a-91c0-5dfa71a2b70e.eot?#iefix");
src:url("Fonts/67ced202-4fbf-450a-91c0-5dfa71a2b70e.eot?#iefix") format("eot"),url("Fonts/11143434-96a9-4740-a138-f16d49263f2f.woff") format("woff"),url("Fonts/3a7440b3-1b5c-4693-9280-9522f0c3006e.ttf") format("truetype"),url("Fonts/6230196d-2226-4a80-8915-110bc6710446.svg#6230196d-2226-4a80-8915-110bc6710446") format("svg");
}

body
{
font-family: "DIN Next W02 Regular", verdana, arial, sans-serif;
}

h2
{
font-size:150%;
}

h3
{
font-size:140%;
}

h4
{
font-size:130%;
}

h5
{
font-size:120%;
}

p
{
font-size:100%;
}

#container
{
width:90%;
max-width:800px;
min-width:240px;
float:left;
background: #008c45;
border:0px solid #bfbfbf;box-sizing:border-box;
margin: 3% 1% 3% 5%;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 5px 4px #bfbfbf;
-moz-box-shadow: 0px 0px 5px 4px #bfbfbf;
box-shadow: 0px 0px 5px 4px #bfbfbf;
}

#header
{
float:left;
width: 100%;
border:0px solid blue;box-sizing:border-box;
}

#header #logo
{
max-width:200px;
float:left;
margin: 1.5% 0 1% 1.5%;
border:0px solid blue;box-sizing:border-box;
width: 35%;

}

#header #logo img
{
width: 100%;
border:0px solid blue;box-sizing:border-box;
border-radius: 15px;

}

#header #telephonenumbers
{
float:right;
margin: 2% 2% 0 0;
font-size:180%;
font-size:3.8vw;
text-align:right;
color:#fff;
border:0px solid blue;box-sizing:border-box;
overflow:hidden;
width: 35%;
}

#header #telephonenumbers a
{
color: #fff;
text-decoration: none;
}

#header #tagline
{
float:right;
margin: 3% 2% 0 0;
font-size:120%;
font-size:3.0vw;
text-align:right;
color:#fff;
border:0px solid blue;box-sizing:border-box;
overflow:hidden;
width: 58%;
}

@media (max-width:350px)
{
   #header #telephonenumbers
   {
   font-size:14px;
   width: 56%;
   }
   
   #header #tagline
	{
	float:left;
	font-size:14px;
	width: 100%;
	text-align:center;
	margin-bottom:10px;
	}  
}

@media (min-width:600px)
{
   #header #telephonenumbers
   {
   font-size:24px;
   }
   
   #header #tagline
   {
   font-size:20px;
   }
}



#header #maps
{
display:none;
}

#header #maps img
{
float:left;
height: 100%;
}

#cartInHeader
{
float:right;
margin:0 0 0 0;
text-align:center;
font-size:%;
color:#fff;
border:0px solid blue;
}

#cartInHeader a
{
text-decoration:none;
}

#subheaderribbon
{
float:left;
width:105%;
margin: 0px 0 0 -2.4%; 
border:0px solid blue;box-sizing:border-box;
}

#subheaderribbonblack
{
background:#008c45;
height:35px;
width:30%;
color:#fff;
text-align:center;
font-size:120%;
font-size:2.7vw;
border-radius: 10px 10px 0 0;
border:2px solid black;box-sizing:border-box;
}

#subheaderribbonblack span
{
display:block;
padding:2%;
}

#subheaderribbonred
{
background:#f4f5f0;
height:31px;
width:30%;
color:#000000;
text-align:center;
font-size:120%;
font-size:2.7vw;
border-left: 2px solid black;box-sizing:border-box;
border-right: 2px solid black;box-sizing:border-box;
}

#subheaderribbonred span
{
display:block;
padding:2% 0;
}

#subheaderribbongold
{
background:#cd212a;
min-height:35px;
width:100%;
border-radius: 0px 10px 10px 10px;
border:2px solid black;box-sizing:border-box;
overflow:hidden;
}

#subheaderribbongold span
{

}

@media (max-width:350px)
{
   #subheaderribbonblack, #subheaderribbonred
   {
   font-size:10px;
   } 
}

@media (min-width:650px)
{
   #subheaderribbonblack, #subheaderribbonred
   {
   font-size:18px;
   }
}



#channelSlider
{
float:right;
margin-right:6.1%;
width:62%;
height: 65px;
border: 0px solid red;
overflow:hidden;
}

#channelSlider img
{
float:left;
height:65px;
margin-right:15px;
}

#nav ul 
{
margin: 0;
padding: 0;
width: 100%;
display: block;
list-style: none;
line-height: 1;
text-align:center;
border:0px solid black;
margin:0;
padding:0;
}

#nav li 
{ 
display: inline; 
display:inline-block;
list-style: none;
font-family: "DINNextW01-CondensedReg", "Lucida Sans Unicode" , "Lucida Grande" ,Garuda, arial, sans-serif;
background: transparent;
letter-spacing:0px;
margin:0.5% 0;
padding: 1px 1px 0px 1px;




}

#nav a
{
	display: block;
	padding: 5px;
	font-size:120%;
	opacity:.7;
	color:#000;
	background:none;
	border-right:1px solid #fff;
	border-bottom: 0px solid #fff;
	text-decoration: none;
}

#nav ul li:first-child
{
border-left: 1px solid #fff;
}


#nav-toggle
{
	display: block;
	padding: .5em .5em .5em 40px;
	color: #333;
	opacity:.7;
	background-color: transparent;
	background-image: url(img/responsive-nav.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	border-bottom: 0px solid #fff;
	text-decoration: none;
}

#nav a:focus,#nav-toggle:focus { background-color:; }
#nav a:hover,#nav-toggle:hover { background-color:;color:#fff;border-radius:px;opacity:1;}
#nav a:active,#nav-toggle:active { background-color:; }

#nav a .selected
{
color:#fff;
}


.js #nav
{
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
}

#nav.opened { max-height: 9999px; }

@media (min-width:500px)
{	
	.js #nav { position: relative; }
	.js #nav.closed { max-height: none; }
	#nav-toggle { display: none; }
	
	#nav
	{
		overflow: hidden;
		zoom: 1;
	}
	
	#nav a
	{
		float: left;
	}
}

#centre
{
float:left;
margin: 3%;
width:94%;
min-height:400px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 5px 4px #bfbfbf;
-webkit-box-shadow: 0px 0px 5px 4px #bfbfbf;
-moz-box-shadow: 0px 0px 5px 4px #bfbfbf;
border:0px solid purple;box-sizing:border-box;
font-family: "DINNextW01-CondensedReg", "Lucida Sans Unicode" , "Lucida Grande" ,Garuda, arial, sans-serif;
font-size:120%;
}

.homepageimage
{
width:95%;
margin: 2% auto;
border:0px solid red;box-sizing:border-box;
}

.homepageimage img
{
width:100%;
margin: auto;
border:0px solid red;box-sizing:border-box;
display:block;
border-radius:5px;
}

#centre p
{
text-align:justify;
width:95%;
margin: 2% auto;
color:#444;
}

#centre h2
{
margin: 2.5% 0 0 2.5%;
color: #333;
font-size: 115%;
}

#centre h3
{
margin: 2.5% 0 0 2.5%;
color: #333;
font-size: 108%;
}

#centre h4
{
font-size: 104%;
margin: 2.5% 0 0 2.5%;
}

#centre h4 span
{
font-weight:400;
}

#centre .floatimgleft
{
float:left;
height:110px;
margin:0 2.5% 0 2.5%;
border-radius: 8px;
}

#centre .floatimgright
{
float:right;
height:110px;
margin:0 2.5% 0 2.5%;
border-radius: 8px;
}

#channelimagescontainer img
{
margin:2%;
width:16%;
}

.testimonial
{
width:96%;
text-align:justify;
background: transparent;
border-radius: 5px;
margin: 20px 2%;
padding: 1px 0%;
box-shadow: 0px 0px 5px 4px #555;
-webkit-box-shadow: 0px 0px 5px 4px #555;
-moz-box-shadow: 0px 0px 5px 4px #555;
box-sizing:border-box;
color:#000;
}

.productInStore
{
float:left;
width:97%;
text-align:justify;
Background: #fff;
border-radius: 5px;
margin: 10px 1.2% 10px 1.2%;
padding: 1px .5%;
box-shadow: 0px 0px 5px 4px #555;
-webkit-box-shadow: 0px 0px 5px 4px #555;
-moz-box-shadow: 0px 0px 5px 4px #555;
}


.productInStoreTitle
{
width: 53%;
height:20%;
text-align: center;
color:#1e477a;
font-size:80%;
font-size:5.0vw;
float:right;
border:0px solid red;box-sizing:border-box;
overflow:hidden;
}

.productInStoreTitle h5
{
margin-top: 1.5%;
}

.productInStoreImage
{
width: 45%;
height:90%;
margin: 2% 0;
float:left;
border:0px solid red;box-sizing:border-box;
overflow:hidden;
}

.productInStoreImage img
{
width: 100%;
border:0px solid red;box-sizing:border-box;
}

.productInStorePrice
{
width: 45%;
text-align: center;
color:#1e477a;
font-size:130%;
font-size:7.0vw;
color:#1e477a;
float:right;
}

@media (max-width:290px)
{
   .productInStoreTitle
   {
   font-size:90%;
   }
   
   .productInStorePrice
   {
   font-size:120%;
   }
}







@media (min-width:380px)
{
   .productInStore
   {
   width:46.5%;
   }
   
   .productInStoreTitle
   {
   font-size:70%;
   font-size:2.6vw;
   height:80px;
   }
   
   .productInStorePrice
   {
   font-size:70%;
   font-size:4.0vw;
   }
}

@media (min-width:620px)
{
   .productInStore
   {
   width:29.9%;
   }
      
   .productInStoreTitle
   {
   font-size:70%;
   font-size:1.7vw;
   height:80px;
   }
   
   .productInStorePrice
   {
   font-size:70%;
   font-size:2.5vw;
   }
}

@media (min-width:900px)
{
      
   .productInStoreTitle
   {
   font-size:95%;

   }
   
   .productInStorePrice
   {
   font-size:130%;

   }
}




#footer
{
float:left;
width:100%;
border:0px solid red;box-sizing:border-box;
}

#hr
{
width: 100%;
border-top: 2px solid #555;
}

#footerrhs
{
float:left;
width:40%;
margin:1% 5%;
border:0px solid red;box-sizing:border-box;
}

#footer ul li
{
color: #fff;
list-style-type:none;
display:inline-block;
margin: 0 2% 4% 0;
border:0px solid red;box-sizing:border-box;
}

#footer ul li a
{
color: #fff;
text-decoration: none;
}

#footerlhs
{
float:left;
width:40%;
margin:1% 5%;
color:#fff;
border:0px solid red;box-sizing:border-box;
}

#footer #footerlhs a
{
color: #fff;
text-decoration: none;
}

@media (max-width:500px)
{
	#footerlhs, #footerrhs
	{
	border:0;
	width:90%;
	margin-right: 0;
	border:0px solid orange;box-sizing:border-box;
	}
	
	#footer ul
	{
	padding-left:0;
	border:0px solid red;box-sizing:border-box;
	}
}

/* -----------------------------------
Form - narrow
----------------------------------- */

.contact
{
max-width:80%;
margin:30px auto 0;
}

.contact .row-form
{
	clear: left;
	overflow: hidden;
	zoom: 1;
	margin: 0 0 10px;
}

.contact .label
{
	display: block;
	margin: 0 0 4px;
	color:#444;
}

.contact .input,.select,.textarea
{
	width: 100%;
	*width: 90%;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 5px;
}

.contact .input,.textarea { padding: 5px; }
.contact .textarea { height: 150px; }

.contact .radio
{
	margin-left: 1px;
	margin-right: 10px;
}

.contact .form-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.contact .form-button
{
    float:right;
	display: inline-block;
    width:70px;
    height:25px;
    margin:2% 0% 5%;
    border:0;
	background-image: url("img/buttons/send_btn.png");
	background-repeat:no-repeat;
	background-color:transparent;	
}

.contact .form-button:hover
{
background-image: url("img/buttons/send_over.png");
}

/* -----------------------------------
Form - wide
----------------------------------- */

@media (min-width:600px)
{
	.contact {max-width: 60%;border:0px solid red; }
	
	.contact .label
	{
		float: left;
		width: 27%;
		margin: 0 2% 0 0;
		text-align: right;
	}
	
	.contact .input, .contact .select, .contact .textarea
	{
		float: left;
		width: 70%;
	}
	
	.contact .form-button
    {
    margin:2% 3% 5%;	
    }

}






















/* -----------------------------------
Form - registration
----------------------------------- */

.registration
{
max-width:80%;
margin:30px auto 0;
}

.registration .row-form
{
	clear: left;
	overflow: hidden;
	zoom: 1;
	margin: 0 0 10px;
}

.registration .label
{
	display: block;
	margin: 0 0 0px;
	color:#444;
}

.registration .input,.select,.textarea
{
	width: 100%;
	*width: 90%;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 5px;
	margin-bottom:10px;
}

.registration input[type="radio"]
{
width: 5%;
}

.registration .input,.textarea { padding: 5px; }
.registration .textarea { height: 150px; }

.registration .radio
{
	margin-left: 1px;
	margin-right: 10px;
}

.registration .form-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.registration .form-button
{
    float:right;
	display: inline-block;
    width:70px;
    height:25px;
    margin:2% 0% 5%;
    border:0;
	background-image: url("img/buttons/send_btn.png");
	background-repeat:no-repeat;
	background-color:transparent;	
}

.registration .form-button:hover
{
background-image: url("img/buttons/send_over.png");
}


















/*  ***************  PRODUCT PAGE   ***************  */


#productpagename
{
color:#333;
text-align:center;
font-family:"DINNextW01-CondensedMed";
font-size: 170%; 
float: left;
width: 100%;
overflow: hidden;
margin: 10px 0 0 0;
}

#productpageImgShortDesPriceContainer
{
float:left;
width: 100%;
border-top:1px solid #333;
border-bottom:1px solid #333;
display: inline-block;
vertical-align: middle;
text-align: center;
}

#productpageimagecontainer
{
clear:both;
height:100%;
width: 25%;
margin: 10px 0 10px 10px;
display: inline-block;
vertical-align: middle;
  text-align: center;
  font-size:10px;
  border:0px solid red;box-sizing:border-box;
  color:#333;
}

#productpageimagecontainer img
{
border:0px;
margin-bottom:5px;
max-width: 100%;
max-height: 100%;
box-shadow: 0px 0px 5px 4px #555;
-webkit-box-shadow: 0px 0px 5px 4px #555;
-moz-box-shadow: 0px 0px 5px 4px #555;
}

span#caption
{
font-family:"DINNextW01-CondensedLig";
font-size:14px;
}

#productshortdescription
{
width: 50%;
overflow:hidden;
font-size: 90%;
color:#333;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 2% auto;
  border:0px solid red;box-sizing:border-box;
}

#productpagedetailsandorder
{
text-align: center;
width: 20%;
color:#333;
font-weight: 400; font-size: 14px;
display: inline-block;
vertical-align: middle;
border:0px solid red;box-sizing:border-box;
}

#pricetypeprefix, #pricetypesuffix
{
}

#pageproductprice
{
font-size:38px;
font-family:"DINNextW01-CondensedHea";
margin-top:-8px;
margin-bottom:-8px;
}

#productpagebuybutton .button
{
margin: auto;
}

@media (max-width:600px)
{
	#productpageimagecontainer
	{
	width: 50%;
	margin: 10px 0 10px 10px;
	}
	
	#productpagedetailsandorder
	{
	margin-top:10%;
	width: 40%;
	}
	
	#productshortdescription
	{
	border-top:1px solid #333;
	padding-top:2%;
	float:right;
	width: 100%;
	
	}
}








#includedDescription img
{
width:50px;
margin-top: 30px;
margin-right: 10px;
margin-bottom: 30px;
margin-left: 10px;
box-shadow: 0px 0px 5px 4px #999;
-webkit-box-shadow: 0px 0px 5px 4px #999;
-moz-box-shadow: 0px 0px 5px 4px #999;
}











#financeOptions
{
float:left;
width:100%;
padding:10px 0;
margin-bottom:30px;
border-bottom:1px solid #23193F;
}

#financeOptions h4
{
font-family:"DIN Next W01 Light";
font-size:40px;
text-align:center;
color: #666;
}

#financeOptions #BNPL
{
font-family:"DIN Next W01 Light";
width:38%;
float:left;
font-size:16px;
color: #666;
text-align:center;
border:0px solid black;
}

#financeOptions #BNPLTerms p
{
font-family:"DIN Next W01 Light";
width:60%;
float:right;
font-size:16px;
color: #23193F;
text-align:center;
border:0px solid black;
}

@media (max-width:600px)
{
	#financeOptions h4
	{
	font-size:30px;
	}
	#financeOptions #BNPL, #financeOptions #BNPLTerms p
	{
    font-size:12px;
	}
}


@media (max-width:600px)
{
	#financeOptions h4
	{
	font-size:20px;
	}
	#financeOptions #BNPL, #financeOptions #BNPLTerms p
	{
    font-size:11px;
	}
}















#productlongdescription
{
text-align: left;
line-height: 1.3;
clear: both;
margin: 0px auto;
padding: 20px 0;
width: 95%;
color:#333;
font-weight: 400; font-size: 100%;
}

a .package_product
{
text-decoration:none;
color:#333;
}


.package_product
{
border:0px dashed black;box-sizing:border-box;
float:left;
width:100%;
margin-bottom:15px;
display:table;
}

.package_product_img
{
border:0px dashed purple;box-sizing:border-box;
text-align:center;
width:18%;
display:table-cell;
}

.package_product_img img
{
max-width:120px;
min-width:80px;
width:100%;
}

.package_product_name_package_product_description
{
border:0px dashed red;box-sizing:border-box;
width:64%;
margin-left:3%;
display:table-cell;
vertical-align:middle;
}

.package_product_name
{
border:0px dashed lime;box-sizing:border-box;
font-size: 100%;
font-weight:600;
text-align:center;
}

.package_product_description
{
border:0px dashed lime;box-sizing:border-box;
font-size: 90%;
text-align:center;
}

.package_product_info
{
border:0px dashed orange;box-sizing:border-box;
width:12%;
min-height:25px;

text-align:center;
display: table-cell;
vertical-align: middle;
}



.specification
{
text-decoration:none;
}


@media (max-width:700px)
{


    .package_product_img
    {
    }
    .package_product_info
    {
    margin:0;
    }
	.package_product_name_package_product_description
	{
	border:0px dashed orange;box-sizing:border-box;
	text-align:center;
	margin:15px 0;
	font-size:80%;
	}
	.package_product_description
    {
    display:none;
    }
    

}

/* -----------------------------------
Order Process
----------------------------------- */
#centre .formTable
{
width:80%;
border:0px dashed lime;
margin: 30px auto;
font-family: "DIN Next W02 Regular", verdana, arial, sans-serif;
}

.orderformtd
{
min-height: 30px;
border:1px solid #333;
text-align: center;
vertical-align: middle;
overflow: hidden;
color: #fff;
font-weight:400;
font-size: 90%;
}

.orderformtd a
{
color:inherit;
}

tr
{

}

td
{

}

.orderformtd
{

}

.orderformimg
{
width:10%;
}

.orderformimg img
{
width:100%;
}

.orderformremove
{

}

.orderformproduct
{

}

.orderformprice
{

}

.orderformqty input 
{
width:20px;
}

.orderformsubtotal
{

}

.noborder
{
border:0px;
text-align: left;
}

.checkoutbuttons
{

}

.buttonFloatR
{
float: right;
margin: 0;
padding: 0;
}

.buttonFloatL
{
float: left;
margin: 0;
padding: 0;
}

.image
{

}

.update
{

}

.proceed
{

}

.row-form .inputBoxDisable
{
    background-color: #555555;
    border: 1px solid #999999;
}
.row-form .inputBoxEnable
{
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

.sectionheader {
	padding: 25px 0 12px 10%;
	font: 110% "DIN Next W02 Regular", Verdana, Arial, Helvetica;
	color: #fff;
}

.sectionheaderInIframe 
{
	padding: 0px 0 12px 10%;
	font: 110% "DIN Next W02 Regular", Verdana, Arial, Helvetica;
	color: #fff;
}

#ordercontents P
{
	padding: 0px 0 0px 10%;
	font: 100% "DIN Next W02 Regular", Verdana, Arial, Helvetica;
	color: #fff;
}

.orderConfirmationAddressDetails
{
border: 0px dotted blue;
color:#fff;
margin: 0px 10%;
width:80%;
display:inline-block;
font: 100% "DIN Next W02 Regular", Verdana, Arial, Helvetica;
}

@media (min-width:600px)
{
	.orderConfirmationAddressDetails
	{
	width:35%;
	display:inline-block;
	}
}

#paymentpages
{
color:#fff;
}

/* -----------------------------------
Customer Details Form - narrow
----------------------------------- */
#pageContainer
{
font-family: "DIN Next W02 Regular", verdana, arial, sans-serif;
}


.billingDetails legend
{
color:red;
}

.billingDetails
{
display:block;
border:0px dashed orange;box-sizing:border-box;
width:100%;
overflow:hidden;
margin:0px auto 0;
float:left;
}

.deliveryDetails legend
{
color:red;
}

.deliveryDetails
{
display:block;
border:0px dashed lime;box-sizing:border-box;
width:100%;
overflow:hidden;
margin:0px auto 0;
float:left;
}

.deliveryDetails .checkbox
{
padding-bottom: 4px;
}

.notes
{
display:block;
border:0px dashed blue;box-sizing:border-box;
width:100%;
overflow:hidden;
margin:0px;
clear:both
}

.notes textarea
{
width:100%;
height:80px;
}

.row-form
{
	clear: left;
	overflow: hidden;
	zoom: 1;
	margin: 0 0 10px;
}

.row-form label
{
	display: block;
	margin: 0 0 4px;
	color:white;
}

.row-form input,.row-form select,.row-form textarea
{
	width: 100%;
	*width: 90%;
	box-sizing: border-box;
padding: 2px 3px 2px 3px;
border: 1px solid #b4b4b4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background:#f0f0f0;
resize:vertical;
	
}

.input,.textarea { padding: 5px; }
.textarea { height: 150px; }

.radio
{
	margin-left: 1px;
	margin-right: 10px;
}

.form-button
{
    float:right;
	display: inline-block;
    width:70px;
    height:25px;
    margin:2% 0% 5%;
    border:0;
	background-image: url("img/buttons/send_btn.png");
	background-repeat:no-repeat;
	background-color:transparent;	
}

.form-button:hover
{
background-image: url("img/buttons/send_over.png");
}

/* -----------------------------------
Customer Details Form - wide
----------------------------------- */
@media (min-width:600px)
{
	.billingDetails
	{
	width:50%;
	}
	.deliveryDetails
	{
	width:50%;
	}
}



/* -----------------------------------
Buttons
----------------------------------- */

form .checkoutbuttons
{
float:left;
width:80%;
border:0px dashed purple;
margin:20px 10%;
}

input.image
{
background:transparent;
padding:0;
width:70px;
border:0px;
}

input.image.update
{
background: url('img/buttons/update_btn.png') no-repeat;
height:25px;
}

input.image.update:hover
{
background: url('img/buttons/update_over.png') no-repeat;
}

.proceed
{
background: url('img/buttons/proceed_btn.png') no-repeat;
width:70px;
height:25px;
}

.proceed:hover
{
background: url('img/buttons/proceed_over.png') no-repeat;
}

.checkout
{
background: url('img/buttons/checkout_btn.png') no-repeat;
width:70px;
height:25px;
}

.checkout:hover
{
background: url('img/buttons/checkout_over.png') no-repeat;
}

input.image.buy_large
{
background: url('img/buttons/buy_btn.png') no-repeat;
width:70px;
height:25px;
}

input.image.buy_large:hover
{
background: url('img/buttons/buy_over.png') no-repeat;
cursor: hand;
cursor: pointer;
}

input.image.clear
{
background: url('img/buttons/clear_btn.png') no-repeat;
width:70px;
height:25px;
}

input.image.clear:hover
{
background: url('img/buttons/clear_over.png') no-repeat;
cursor: hand;
cursor: pointer;
}

input.image.send
{
background: url('img/buttons/send_btn.png') no-repeat;
width:70px;
height:25px;
}

input.image.send:hover
{
background: url('img/buttons/send_over.png') no-repeat;
cursor: hand;
cursor: pointer;
}

.buy_small
{
display:block;
background: url('img/buttons/buy_small_btn.png') no-repeat;
width:45px;
height:16px;
}

.buy_small:hover
{
background: url('img/buttons/buy_small_over.png') no-repeat;
}

.back
{
background: url('img/buttons/back_btn.png') no-repeat;
width:70px;
height:25px;
}

.back:hover
{
background: url('img/buttons/back_over.png') no-repeat;
}

input.image.info
{
background: url('img/buttons/info_btn.png') no-repeat;
width:70px;
height:25px;
}

input.image.info:hover
{
background: url('/img/buttons/info_over.png') no-repeat;
}

input.image.searchagain
{
background: url('img/buttons/search_again_btn.png') no-repeat;
width:70px;
height:25px;
}

input.image.searchagain:hover
{
background: url('img/buttons/search_again_over.png') no-repeat;
cursor: hand;
cursor: pointer;
}

input.image.add_large
{
background: url('img/buttons/add_btn_green_bg.png') no-repeat;
width:70px;
height:25px;
}

input.image.add_large:hover
{
background: url('img/buttons/add_over.png') no-repeat;
cursor: hand;
cursor: pointer;
}

input.image.added_large
{
background: url('img/buttons/added_btn_red_bg.png') no-repeat;
width:70px;
height:25px;
}

input.image.added_large:hover
{
background: url('img/buttons/added_over.png') no-repeat;
cursor: hand;
cursor: pointer;
}

div .button
{
margin-top: 10px;
height: 21px;
width: 60px;
display: block;
background: url('/img/buttons/button_off.gif') no-repeat;
cursor: pointer;
text-align: center;
font-size:12px; color:#666666; font-weight:400; text-decoration:none;
padding-top: 4px;
}


.button:hover
{
background: url('/img/buttons/button_on.gif') no-repeat;
color: white;
cursor:pointer
}


/* -----------------------------------
Screenshots
----------------------------------- */

#screenshotscontainer
{
width:100%;
}

.screenshots
{
width:50%;
float:left;
}

.screenshots img
{
width:100%;
}

#screenshotscontainer .screenshots p
{
margin-top:0px;
text-align:center;
}



/* -----------------------------------
Iframe Test
----------------------------------- */


.anotherdiv
{
max-width: 380px;
margin: auto;
border:0px solid red;
background:transparent;
color:#fff;
}

.aspect-ratio 
{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 76%;
  background:transparent;
  color:#fff;
}

.aspect-ratio iframe 
{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
  background:transparent;
  color:#fff;
}

#shoppingcart
{

}

#basketOffers
{
margin: 0 30px;
color:white;
}