@font-face {                                                  
  font-family: 'oxygen';                                
  src: url('../webfonts/oxygen/oxygen.eot');                                      
  src: url('../webfonts/oxygen/oxygen.eot?#iefix') format('embedded-opentype'),   
url('../webfonts/oxygen/oxygen.woff') format('woff'),                      
url('../webfonts/oxygen/oxygen.ttf') format('truetype'),                   
url('../webfonts/oxygen/oxygen.svg#OxygenRegular') format('svg');            
  font-weight: normal;                                        
  font-style: normal;                                         
}                                                             
@font-face {
      font-family: 'icons';
      src:         url('../webfonts/icons/icons-Regular.eot');
      src:         url('../webfonts/icons/icons-Regular.eot#iefix') format('embedded-opentype'),
                   url('../webfonts/icons/icons-Regular.woff') format('woff');
      font-weight: normal;
      font-style:  normal;
}

body { 
  padding:0; 
  margin:0;
  
  font-family:oxygen, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  font-family:arial, sans-serif;
  font-size:14px; 
  background:#c2c1c1 url(../resources/body-bg.png) top center repeat-y;
  
}

.section {margin-bottom:30px;}

h1 { margin: 0 0 0.2em 0; font-size:1.6em; font-weight:bold; color:#C60; }
h2 { margin: 0 0 0.2em 0; font-size:1.3em; font-weight:bold; color:#555; }

p { padding:0; margin:0 0 0.9em 0; color:#555}

a { color:#C60; text-decoration:none }

.fb_iframe_widget {
	display:block !important;
	max-width:500px;
	margin:0 auto;
}

ul { color:#C60; }



blockquote                    { padding:10px 60px 10px 60px; margin:0 0 2.2em 0; background:#F2F2F2; border-left:8px solid #260; position:relative; }
blockquote:before             { content: "\201C"; font-family:arial; line-height:0.8em; font-size: 8em; position: absolute; top:0px; left:10px; color: #BBB; }
blockquote:after              { content: "\02EE"; font-family:arial; line-height:0.8em; font-size: 8em; position: absolute; bottom:-0.5em; right:10px; color: #BBB; }

blockquote h2                 { padding:0; margin-top:0em; font-style:italic; color:#260; }
blockquote p                  { padding:0; margin-top:1em; font-style:italic; color:#555; }
blockquote p:first-child      { margin-top:0em; }
blockquote footer             { color:#260;}








@media all and (max-width: 768px) { 

    #page { padding-bottom:0; }

}/* CSS Document */
.sitewrap                                   { box-sizing:border-box; position:relative; margin:0 auto; overflow:hidden; }
.container                                  { box-sizing:border-box; position:relative; padding:0; }
.container.narrow                           { box-sizing:border-box; position:relative; margin:0 auto; }
.grid                                       { box-sizing:border-box; position:relative; margin:0; }
.cell                                       { box-sizing:border-box; position:relative; padding:0 10px; margin:0; float:left; }
.container:after, .grid:after, .cell:after  { content: ""; display: block; *zoom: 1; clear:both; }





.sitewrap         { min-width:1000px; }
.container.narrow { width:1000px; }


/* Apply to the GRID only!!!! */
.desktop-outer-gutters                           { margin-left:0; margin-right:0; }
.desktop-no-outer-gutters                        { margin-left:-10px; margin-right:-10px; }
.desktop-no-inner-gutters                        { padding-left:10px; padding-right:10px; }
.desktop-no-inner-gutters>.cell                  { padding:0 }
.desktop-no-gutters                              { margin-left:0; margin-right:0; }
.desktop-no-gutters>.cell                        { padding:0 }
.desktop-double-outer-gutters                    { padding-left:10px; padding-right:10px; }
.desktop-no-horizontal-gutters                   { padding-top:0; }
.desktop-no-horizontal-gutters>.cell             { margin-bottom:0; }

/* Hide or Show */
.desktop-hide          { display:none; }
.desktop-show          { display:block; }
  
/* General widths */
.desktop-1-1           { width:100%; }

.desktop-1-2           { width:50.00%; }
.desktop-2-2           { width:100.00%; }

.desktop-1-3           { width:33.33%; }
.desktop-2-3           { width:66.66%; }
.desktop-3-3           { width:100.00%; }

.desktop-1-4           { width:25.00%; }
.desktop-2-4           { width:50.00%; }
.desktop-3-4           { width:75.00%; }
.desktop-4-4           { width:100.00%; }

.desktop-1-5           { width:20.00%; }
.desktop-2-5           { width:40.00%; }
.desktop-3-5           { width:60.00%; }
.desktop-4-5           { width:80.00%; }
.desktop-5-5           { width:100.00%; }

.desktop-1-6           { width:16.66%; }
.desktop-2-6           { width:33.33%; }
.desktop-3-6           { width:50.00%; }
.desktop-4-6           { width:66.66%; }
.desktop-5-6           { width:83.33%; }
.desktop-6-6           { width:100.00%; }

.desktop-1-7           { width:14.28%; }
.desktop-2-7           { width:28.57%; }
.desktop-3-7           { width:42.85%; }
.desktop-4-7           { width:57.14%; }
.desktop-5-7           { width:71.42%; }
.desktop-6-7           { width:85.71%; }
.desktop-6-7           { width:100.00%; }

.desktop-1-12          { width:8.33%; }
.desktop-2-12          { width:16.66%; }
.desktop-3-12          { width:25.00%; }
.desktop-4-12          { width:33.33%; }
.desktop-5-12          { width:41.66%; }
.desktop-6-12          { width:50.00%; }
.desktop-7-12          { width:58.33%; }
.desktop-8-12          { width:66.66%; }
.desktop-9-12          { width:75.00%; }
.desktop-10-12         { width:83.33%; }
.desktop-11-12         { width:91.66%; }
.desktop-12-12         { width:100.00%; }

.desktop-push-0        { margin-left:0; }
.desktop-push-1-12     { margin-left:8.33%; }
.desktop-push-2-12     { margin-left:16.66%; }
.desktop-push-3-12     { margin-left:25.00%; }
.desktop-push-4-12     { margin-left:33.33%; }
.desktop-push-5-12     { margin-left:41.66%; }
.desktop-push-6-12     { margin-left:50.00%; }
.desktop-push-7-12     { margin-left:58.33%; }
.desktop-push-8-12     { margin-left:66.66%; }
.desktop-push-9-12     { margin-left:75.00%; }
.desktop-push-10-12    { margin-left:83.33%; }
.desktop-push-11-12    { margin-left:91.66%; }
.desktop-push-12-12    { margin-left:100.00%; }

.desktop-pull-1-12     { margin-left:-8.33%; }
.desktop-pull-2-12     { margin-left:-16.66%; }
.desktop-pull-3-12     { margin-left:-25.00%; }
.desktop-pull-4-12     { margin-left:-33.33%; }
.desktop-pull-5-12     { margin-left:-41.66%; }
.desktop-pull-6-12     { margin-left:-50.00%; }
.desktop-pull-7-12     { margin-left:-58.33%; }
.desktop-pull-8-12     { margin-left:-66.66%; }
.desktop-pull-9-12     { margin-left:-75.00%; }
.desktop-pull-10-12    { margin-left:-83.33%; }
.desktop-pull-11-12    { margin-left:-91.66%; }
.desktop-pull-12-12    { margin-left:-100.00%; }




@media all and (max-width: 768px) {
        .sitewrap         { width:100%; min-width:250px; }
        .container.narrow { width:100%; min-width:250px }


		/* Apply to the GRID only!!!! */
        .mobile-outer-gutters                           { margin-left:0; margin-right:0; }
		.mobile-no-outer-gutters                        { margin-left:-10px; margin-right:-10px; }
		.mobile-no-inner-gutters                        { padding-left:10px; padding-right:10px; }
		.mobile-no-inner-gutters>.cell                  { padding:0 }
		.mobile-no-gutters                              { margin-left:0; margin-right:0; }
		.mobile-no-gutters>.cell                        { padding:0 }
		.mobile-double-outer-gutters                    { padding-left:10px; padding-right:10px; }
		.mobile-no-horizontal-gutters                   { padding-top:0; }
		.mobile-no-horizontal-gutters>.cell             { margin-bottom:0; }
		
		/* Hide or Show */
		.mobile-hide          { display:none; }
		.mobile-show          { display:block; }
		
		/* General widths */
		.mobile-1-1           { width:100%; }
		
		.mobile-1-2           { width:50.00%; }
		.mobile-2-2           { width:100.00%; }
		
		.mobile-1-3           { width:33.33%; }
		.mobile-2-3           { width:66.66%; }
		.mobile-3-3           { width:100.00%; }
		
		.mobile-1-4           { width:25.00%; }
		.mobile-2-4           { width:50.00%; }
		.mobile-3-4           { width:75.00%; }
		.mobile-4-4           { width:100.00%; }
		
		.mobile-1-5           { width:20.00%; }
		.mobile-2-5           { width:40.00%; }
		.mobile-3-5           { width:60.00%; }
		.mobile-4-5           { width:80.00%; }
		.mobile-5-5           { width:100.00%; }
		
		.mobile-1-6           { width:16.66%; }
		.mobile-2-6           { width:33.33%; }
		.mobile-3-6           { width:50.00%; }
		.mobile-4-6           { width:66.66%; }
		.mobile-5-6           { width:83.33%; }
		.mobile-6-6           { width:100.00%; }

        .mobile-1-7           { width:14.28%; }
        .mobile-2-7           { width:28.57%; }
        .mobile-3-7           { width:42.85%; }
        .mobile-4-7           { width:57.14%; }
        .mobile-5-7           { width:71.42%; }
        .mobile-6-7           { width:85.71%; }
        .mobile-6-7           { width:100.00%; }
		
		.mobile-1-12          { width:8.33%; }
		.mobile-2-12          { width:16.66%; }
		.mobile-3-12          { width:25.00%; }
		.mobile-4-12          { width:33.33%; }
		.mobile-5-12          { width:41.66%; }
		.mobile-6-12          { width:50.00%; }
		.mobile-7-12          { width:58.33%; }
		.mobile-8-12          { width:66.66%; }
		.mobile-9-12          { width:75.00%; }
		.mobile-10-12         { width:83.33%; }
		.mobile-11-12         { width:91.66%; }
		.mobile-12-12         { width:100.00%; }
        
        .mobile-push-0        { margin-left:0; }
        .mobile-push-1-12     { margin-left:8.33%; }
        .mobile-push-2-12     { margin-left:16.66%; }
        .mobile-push-3-12     { margin-left:25.00%; }
        .mobile-push-4-12     { margin-left:33.33%; }
        .mobile-push-5-12     { margin-left:41.66%; }
        .mobile-push-6-12     { margin-left:50.00%; }
        .mobile-push-7-12     { margin-left:58.33%; }
        .mobile-push-8-12     { margin-left:66.66%; }
        .mobile-push-9-12     { margin-left:75.00%; }
        .mobile-push-10-12    { margin-left:83.33%; }
        .mobile-push-11-12    { margin-left:91.66%; }
        .mobile-push-12-12    { margin-left:100.00%; }

        .mobile-pull-1-12     { margin-left:-8.33%; }
        .mobile-pull-2-12     { margin-left:-16.66%; }
        .mobile-pull-3-12     { margin-left:-25.00%; }
        .mobile-pull-4-12     { margin-left:-33.33%; }
        .mobile-pull-5-12     { margin-left:-41.66%; }
        .mobile-pull-6-12     { margin-left:-50.00%; }
        .mobile-pull-7-12     { margin-left:-58.33%; }
        .mobile-pull-8-12     { margin-left:-66.66%; }
        .mobile-pull-9-12     { margin-left:-75.00%; }
        .mobile-pull-10-12    { margin-left:-83.33%; }
        .mobile-pull-11-12    { margin-left:-91.66%; }
        .mobile-pull-12-12    { margin-left:-100.00%; }
        
        
        
}#header                     { padding-top:15px; padding-bottom:15px; background:#000 url(../resources/header-bg.png) top center repeat; }
#header .logo img           { display:block; width:100%; height:auto; xmargin:0 auto; }
#header .contact            { text-align:right; font-size:1.3em; margin-top:5px;}
#header .contact .phone     { display:block; font-size:1.7em; color:#5A7;}
#header .contact .address   { display:block; color:#39A; }
#header .contact .delimiter { color:#4C4; }

@media all and (max-width: 768px) {
    #header                     { padding-bottom:0; } 
    #header .logo img           { width:85%; height:auto; margin:0 auto;; }
    #header .contact            { padding-top:0; padding-bottom:10px; }
    #header .contact .phone     { text-align:center; }
    #header .contact .address   { text-align:center; }
}
#navigation                  { padding:0 20px;}
#navigation ul               { display:block; list-style:none; padding:0; margin:0; width:100%; overflow:hidden; font-family:arial, sans-serif; font-size:1.1em; text-align:center; }
#navigation ul li            { display:inline-block; }
#navigation ul li a          { display:block; padding:0px 10px; text-decoration:none; color:#AAA; }
#navigation ul li a:hover    { color:#F90; }
#navigation ul li.selected a { color:#F90; }


@media all and (max-width: 768px) { 
    #navigation               { padding:0; }
    #navigation .menu-toggler { font-size:1.5em; color:#CCC; text-align:center; }
    #navigation ul            { max-height:0; font-size:1.5em; text-align:center; background:transparent; transition:0.8s; pdosition:absolute; z-index:2000; }
    #navigation ul.expanded   { max-height:1000px }
	#navigation ul li a       { padding:5px 10px; }
	#navigation ul li         { display:block; }
}#promo        { padding-top:0; padding-bottom:0; background:transparent url(../resources/promo-bg.png) center top no-repeat; }
#promo img    { display:none; box-sizing:border-box; width:100%; height:auto;  }
#promo img:first-child    { display:block;} 


@media all and (max-width: 768px) {
	#promo      { padding-top:0; padding-bottom:0; }
	#promo img  { border:none; }
}#promo-map    { width:100%; height:440px; }

@media all and (max-width: 768px) {
}#page       { padding:50px 0 20px 0; }
	

@media all and (max-width: 768px) {
    #page       { padding-left:0; padding-right:0; }
}






#sidebar   {  }
#sidebar a {text-decoration:none; }

#sidebar .widget                { box-sizing:border-box; width:100%; padding:0 10px 10px 10px; margin-bottom:30px; background:#EEE;}
#sidebar .widget h1             { padding:0 10px; margin:0 -10px 10px -10px; background:#39A; color:#FFF; text-align:center; font-size:1.5em;}
#sidebar .widget ul             { color:#000; font-size:1.1em; padding-right:20px; }
#sidebar .widger:last-child     { margin-bottom:0; }


#sidebar .widget.contactform    { background:transparent; padding:0; }


#sidebar .widget.featurelist    { }
#sidebar .widget.featurelist ul { padding:0; margin:0; list-style:none; text-align:center; font-size:1.4em; }
#sidebar .widget.featurelist li { padding-bottom:20px; color:#39A; }


#sidebar .widget.notice         { }
#sidebar .widget.notice h1      {  }
#sidebar .widget.notice p       { text-align:center; font-size:1.2em; }
#sidebar .widget.notice img     { display:block; margin:0 auto; width:80%; height:auto; }


#sidebar .widget.facebook       { padding:0; }
#sidebar .widget.facebook h1    { margin:0; }

#sidebar .widget.imagestack     { padding:0; background:transparent; }
#sidebar .widget.imagestack img { display:block; width:70%; height:auto; margin:0 auto; }


#sidebar h2                     { margin:0 0 0.2em 0;  }


@media all and (max-width: 768px) {
	#sidebar { padding-top:40px; padding-bottom:40px; xbackground:#DDD; }
	#sidebar .widget { width:90%; margin:0 auto 40px auto; }
    #sidebar .widget.imagestack img { width:50%; }
}
                                        {}
.contactform                          { display:block; xmargin:10px 8px; overflow:hidden; }  
.contactform label                    { width:90%; display:block; padding:0; margin:0 0 0.1em 0; color:#777; font-size:1.0em; }
.contactform input, 
.contactform textarea                 { display:block; width:97%; background: #CCC scroll; color:#555; border: 1px solid #FFF; padding:4px 2px; margin-bottom:0.8em; }
.contactform input:focus,
.contactform textarea:focus           { background:#DDD; color:#555; border:1px solid #999; }
.contactform .error                   { border:1px solid #C60; margin-bottom:0; }
.contactform .errormsg                { padding:0; margin:0 0 10px 0; color:#C60; }
.contactform .successmsg              { padding:0; margin:0 0 10px 0; color:#444; }
.contactform #message                 { height:170px; }
.contactform #submit                  { width:50%; margin:0 auto; }



@media all and (max-width: 768px) { 
}.section.gallery       { padding-bottom:30px; overflow:visible;}
.section.gallery:after { content: ""; display: block; *zoom: 1; clear:both; }
.section.gallery a     { box-sizing:border-box; display:block; float:left; width:20%; padding-top:13%; position:relative; overflow:hidden; border:0px solid transparent;}
.section.gallery>a>img { box-sizing:border-box; display:block; position:absolute; top:0;; left:0; width:100%; height:100%; transition:0.5s; border:none; padding:4px; border:1px solid #AAA; overflow:hidden }
.section.gallery>a>img:hover{ transform:scale(1.3); }




@media all and (max-width: 768px) { 
  .section.gallery a     { width:33.33%; padding-top:22%; position:relative;}
}#carousel                   { padding-top:20px; padding-bottom:10px}
#carousel .slideshow        { }
#carousel img               { box-sizing:border-box; margin-right:20px; height:auto; width:313px; border:2px solid white; }

@media all and (max-width: 768px) {

}
#brands                       { background:transparent; }
#brands .logostrip            { width:100%; margin:10px auto 40px auto; overflow:hidden; }
#brands  .items               { margin:0 -50px; text-align:center; line-height:0; }
#brands  .items img           { display:inline-block; vertical-align:middle; margin:10px 50px; width:auto; height:auto; max-width:140px; max-height:50px; }

	

@media all and (max-width: 768px) {
   #brands .items         { margin:0 -20px; }
   #brands .items img     { margin:30px 20px; }
}






.triple-slideshow                 { background:transparent; padding-top:20px; padding-bottom:20px;}
.triple-slideshow .slideshow      { border:4px solid white; }
.triple-slideshow .slideshow img  { width:100%; height:auto; }



@media all and (max-width: 768px) {
}#standards                    { background:#CCC; padding-top:10px; padding-bottom:10px; }
#standards .cell.n1 img       { display:block; width:40%; height:auto; margin:0 auto; }
#standards .cell.n2 img       { display:block; width:50%; height:auto; margin:15px auto 0 auto; }
#standards .cell.n3 img       { display:block; width:45%; height:auto; margin:5px auto 0 auto; }
#standards .cell.n4 p         { font-size:1.2em; color:#333; text-align:center; margin-top:10px;}

@media all and (max-width: 768px) {
   #brands .items         { margin:0 -20px; }
   #brands .items img     { margin:30px 20px; }
}






#footer                                   { padding-top:20px; padding-bottom:10px; background:#000; color:#AAA; text-align:left; font-size:1em; }
#footer .container                        { }
#footer h1                                { color:#CCC; text-align:inherit; font-size:1.7em; font-weight:normal; border-bottom:1px solid #F90; margin-bottom:20px; }
#footer p                                 { color:inherit; text-align:inherit }
#footer a                                 { text-decoration:none; color:inherit }




#footer .widget                           { margin-bottom:40px; overflow:hidden; word-wrap: break-word;}
#footer .widget.phone_numbers table       { border-collapse:collapse; margin:0 auto; width:100%; }
#footer .widget.phone_numbers table .col1 { width:50%; text-align:left; }
#footer .widget.phone_numbers table .col2 { width:50%; text-align:right; }

#footer .widget.opening_times table       { border-collapse:collapse; margin:0 auto; width:100%; }
#footer .widget.opening_times table .col1 { width:25%; text-align:left; }
#footer .widget.opening_times table .col2 { width:75%; text-align:right; }
#footer .widget.opening_times table tr    { border-bottom:1px dotted #AAA;  }



	

@media all and (max-width: 768px) { 
   #footer { font-size:1.2em; text-align:center; margin-bottom:0; }
   #footer h1 { font-size:1.5em; width:60%; margin:0 auto 20px auto; }
   #footer .widget.phone_numbers table       { width:60%; }
   #footer .widget.opening_times table       { width:60%; }
   
   #footer .container  { border-radius:0; }
}





i.icon         { font-family:icons; font-style: normal; font-size:36px; height:1em; width:1em; display:inline-block; vertical-align:middle; padding:0; margin:0; }
i.icon.xs      { font-size:26px; }
i.icon.sm      { font-size:32px; }
i.icon.md      { font-size:36px; }
i.icon.lg      { font-size:42px; }
i.icon.xl      { font-size:48px; }

    
i.icon         { padding:0.05em; margin:0.05em; border-radius:50%; transition:0.5s; }
i.icon         { background:#444; color:#FFF; }
    
    
    
i.icon.twitter:before    { content:"\0100"; }    
i.icon.skype:before      { content:"\0101"; } 
i.icon.facebook:before   { content:"\0102"; }    
i.icon.vimeo:before      { content:"\0103"; }  
i.icon.googleplus:before { content:"\0104"; }    
i.icon.pinterest:before  { content:"\0105"; }    
i.icon.linkedin:before   { content:"\0106"; }    
i.icon.youtube:before    { content:"\0107"; }    
i.icon.instagram:before  { content:"\0108"; }    
i.icon.tumbler:before    { content:"\0109"; }    
i.icon.ebay:before       { content:"\0110"; }    
i.icon.mail:before       { content:"\0111"; }    
i.icon.mobilemenu:before { content:"\0200"; }    

    
#navigation i.icon       { transform:none; }

#footer i.icon                   { background:#666; color:#FFF; }
#footer i.icon:hover             { background:#999; color:#FFF; transform:rotate(360deg); }
#footer i.icon.twitter:hover     { background:#08C; color:#FFF; }    
#footer i.icon.skype:hover       { background:#0AC; color:#FFF; }    
#footer i.icon.facebook:hover    { background:#038; color:#FFF; }  
#footer i.icon.vimeo:hover       { background:#0AF; color:#FFF; }   
#footer i.icon.googleplus:hover  { background:#C00; color:#FFF; }   
#footer i.icon.pinterest:hover   { background:#C00; color:#FFF; }   
#footer i.icon.linkedin:hover    { background:#08C; color:#FFF; } 
#footer i.icon.youtube:hover     { background:#C00; color:#FFF; }   
#footer i.icon.instagram:hover   { background:#840; color:#FFF; }   
#footer i.icon.tumbler:hover     { background:#028; color:#FFF; }   
#footer i.icon.ebay:hover        { background:#0A4; color:#FF0; }   
#footer i.icon.mail:hover        { background:#0A4; color:#FF0; }   
    
    
@media all and (max-width: 768px) {
}






#standards-images      { padding-top:20px; padding-bottom:20px; }
#standards-images img  { width:100%; height:auto; }
body.our-standards #sidebar img { width:20%; padding:0 5%; height:auto; display:inline-block; vertical-align:middle}

.map { height:300px; border:2px solid #FFF; }

@media all and (max-width: 768px) {
}

  
