#whatsize{
	position: absolute; top: 0; left: 0; background: #000; color: #FFF; padding: 6px 12px;
}
#map_canvas{
	width: 100%; height: 300px; margin-bottom: 16px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}

.margin-bottom{
        margin-bottom: 20px;
}
.overlay{
	display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; z-index: 30;
}
article a:hover{
	text-decoration: underline; color: #000;
}

/* Background colours standard */

.white-wash{
	background: #FFF;
}
.black-out{
	background: #000;
}
.grey-beard{
	background: #dcdddf;
}
.pink-debug{
	background: pink;
}
.yellow-debug{
	background: yellow;
}


/* BOX HELPERS */

.voucher-error{
	padding: 16px 12px 3px; margin-bottom: 20px; background: #ffc9c7; color: #a61701;
}


.box-margin-20-right, .box-margin-20-right-1st, .box-margin-20-right-2nd, .box-margin-20-right-3rd{
	margin-right: 20px;
}

div.padd-mobility.skyfall{
	z-index: 1;
}

section.header{
	height: 133px;
}
 section.header > figure{
	 float: left; width: 226px; height: 133px; position: relative; z-index: 22;
 }

  @media only screen and (min-width: 0) and (max-width: 767px){
	z-index: auto;
  }


  section.header > figure img{
	 position: absolute; top: 0; left: 0; width: auto; height: auto;
  }

section.header > a{
	display: block; float: left; width: 112px; height: 112px;
}
 section.header a.banner1{
	margin: 12px 0 0 66px;
 }
 section.header a.banner2{
	margin: 12px 0 0 6px;
 }

section div.tool-bar{
	float: right; width: 385px; color: #6cb33f;
}
 section div.tool-bar div.tool-bar-top.row{
 	height: 69px;
 }

 section div.tool-bar div.tool-bar-top.row div.login-register{
	float: left; width: 100px; margin-top: 17px;
 }
  section div.tool-bar div.tool-bar-top.row div.login-register a{
	color: #6cb33f; text-decoration: none;
  }

 section div.tool-bar div.tool-bar-top.row figure.shopping-basket.column{
	float: right; width: 269px; height: 42px; background: #FFF; padding: 10px 12px 0 12px;  border: solid #6eb43f 1px; border-top: 0;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	  -webkit-box-shadow: 0px 3px 5px 0px #cadee8;
	  box-shadow: 0px 3px 5px 0px #cadee8;
 }

 section div.tool-bar div.tool-bar-top.row figure.shopping-basket.column figcaption{
	float: right; margin-top: 5px; font-size: 95%; font-weight: bold;
 }

 section div.tool-bar div.tool-bar-btm.row{
	float: right; width: 251px;
 }
  section div.tool-bar div.tool-bar-btm.row figure{
	float: left; margin-top: 10px; width: 180px; height: 23px;
  }
  section div.tool-bar div.tool-bar-btm.row a{
	float: right; width: 41px; height: 46px;
  }

nav.nav-responsable{
	min-height: 40px; margin-bottom: 15px; background: #4d9132 url(../images/menu-green.png) repeat-x;
}





/* #GO Repsonsive
================================================== */

@media only screen and (min-width: 0) and (max-width: 959px){

 section.header{
	height: auto;
 }
 section.header > figure{
	 width: 153px; height: 130px; margin-top: 8px;
 }
 section.header > a{
	display: block; float: left; width: 85px; height: 85px;
 }
 section.header a.banner1{
	margin-left: 36px;
 }
 section div.tool-bar{
	width: 310px; 
 }

 section div.tool-bar div.tool-bar-top.row div.login-register{
	 margin-top: 17px;
 }
 section div.tool-bar div.tool-bar-top.row figure.shopping-basket.column{
	width: 200px !important;
 }
  section div.tool-bar div.tool-bar-top.row figure.shopping-basket.column figcaption span{
	display: none;
  }

}

/* #Tablet (Portrait) Design for a width of 768px
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px){

}

/*  #Mobile (Portrait) Note: Design for a width of 320px
================================================== */

@media only screen and (max-width: 767px) {

 body div.padd-mobility.skyfall{
	background: #FFF;
 }

 section.header > figure{
	 float: none; width: 100%; height: auto !important; background: #FFF;
 }
 section.header > figure img{
	 display: block; float: none; position: relative; top: auto; left: auto; width: auto; height: auto;
 }
 section.header a.banner1, section.header a.banner2, section div.tool-bar div.tool-bar-top.row div.login-register{
	display: none;
 }
 section div.tool-bar{
	float: none; width: 100%;
 }
 section div.tool-bar div.tool-bar-top.row figure.shopping-basket.column{
	float: none; width: 100% !important; border: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	  -webkit-box-shadow: none;
	  box-shadow: none;
 }
 section div.tool-bar div.tool-bar-top.row figure.shopping-basket.column figcaption span{
	display: inline;
 }
 nav.nav-responsable{
	display: none; position: absolute; top: 0; left: 0; width: 100%; min-height: auto; margin-bottom: 0; background: #4d9132;
	z-index: 2;
 }
 section div.tool-bar div.tool-bar-btm.row{
	display: none;
 }

}

/* #Mobile (Landscape) Design for a width of 480px
================================================== */

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

}


/* COMMON */

b.tab-style{
	border: solid #5da9d7 1px; border-bottom: 0; padding: 5px 19px 5px 19px; color: #FFF; font-weight: normal;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	background: #569bca; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74bde9', endColorstr='#2e87b7');
	background: -webkit-gradient(linear, left top, left bottom, from(#74bde9), to(#2e87b7));
	background: -moz-linear-gradient(top, #74bde9, #2e87b7);
	background: linear-gradient(top, #74bde9, #2e87b7); /* W3C */
	text-shadow: 1px 1px 1px #2374a3;
        filter: dropshadow(color=#2374a3, offx=1, offy=1);
}

/* HOME PAGE */

 /* Banners */

section.home-banners-row1 article.column, section.home-banners-row2 article.column{
	border: solid #d1d3d4 1px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	  -webkit-box-shadow: 0px 3px 5px 0px #ebebeb;
	  box-shadow: 0px 3px 5px 0px #ebebeb;
	background: #f8f9f9; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f2');
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f2));
	background: -moz-linear-gradient(top, #fcfcfc, #f1f1f2);
	background: linear-gradient(top, #fcfcfc, #f1f1f2); /* W3C */
}

  /* Rows Mixed */

 section.home-banners-rows article.column{
	overflow: hidden;
 }
 section.home-banners-rows article.column div{
	float: left; padding: 12px 0 0 11px;
 }
 section.home-banners-rows article.column figure{
	position: relative;
 }
  section.home-banners-rows article.column figure figcaption{
	position: absolute;
  }


  /* Row 1 */


section.home-banners-row1{
	margin-top: 11px; margin-bottom: 18px;
}

section.home-banners-row1 article.column{
	width: 494px;
}
 section.home-banners-row1 article.home-banner-left.column h2{
	color: #004990;
 }
 section.home-banners-row1 article.home-banner-right.column h2{
	color: #ed1a3b;
 }

 section.home-banners-row1 article.column div{
	width: 224px; position: relative;
 }
 section.home-banners-row1 article.column figure{
	float: right; width: 236px;
 }
  section.home-banners-row1 article.column figure figcaption{
	top: 129px; left: -27px;
  }



  /* Row 2 */

section.home-banners-row2{
	margin-bottom: 18px;
}
 section.home-banners-row2 h2{
	color: #6eb43f;
 }



section.home-banners-row2 article.column{
	width: 237px;
}


 section.home-banners-row2 article.column div{
	height: 155px;
 }
  section.home-banners-row2 article.column figure figcaption{
	top: 129px; right: 12px;
  }


  /* Products Home */
   /* Use row-2 above */




/* #GO Repsonsive
================================================== */

@media only screen and (min-width: 0) and (max-width: 959px){

  section.home-banners-rows article.column div a{
	position: absolute; bottom: 12px; left: 12px;
  }

 section.home-banners-row1{
	margin-bottom: 0;
 }
 section.row.home-banners-rows article.column {
	 margin-bottom: 18px; margin-right: 0;
 }


  /* Row 2 */

 section.home-banners-row2 article.column div{
	width: 224px; position: relative;
 }
 section.home-banners-row2 article.column figure{
	float: right; width: 236px;
 }
  section.home-banners-row2 article.column figure figcaption{
	top: 129px; left: -27px;
  }


}


/* #Mobile (Landscape) Design for a width of 480px
================================================== */

@media only screen and (max-width: 767px) {

 section.home-banners-rows article.column div{
	width: 90%; height: auto; float: none;
 }

 section.home-banners-rows article.column figure{
	float: none; width: 100%;
 }
  section.home-banners-rows article.column figure > img{
	width: 100%;
  }
  section.home-banners-row1 article.column figure figcaption, section.home-banners-row2 article.column figure figcaption{
	top: -25px; left: auto; right: 12px; width: auto;
  }


}







/* INNER PAGES */

.general-left{
	margin-top: 87px;
}
.general-right{
	margin-top: 1px; margin-bottom: 22px;
}

span.row.breadcrumb{
	display: block; font-size: 85%; padding-bottom: 16px;
}
 span.row.breadcrumb a{
	text-decoration: none;
 }

b.row.message-strip, figure.row.header-image, figure.row.header-image img{
	display: block;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	overflow: hidden;
}

b.row.message-strip{
	background: #74beea; padding: 8px 0;font-size: 145%; text-align: center; color: #FFF;
	margin-bottom: 12px;
}

figure.row.header-image{
	margin-bottom: 20px;	
}

figure.row.no-carousel{
	margin-bottom: 20px;	
}
 figure.row.no-carousel img{
	display: block;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-bottom: 15px;	
 } 

/* #GO Repsonsive
================================================== */

@media only screen and (min-width: 0) and (max-width: 959px){

 .general-left{
	margin-top: 0;
 }

}



 /* INNER PAGES SIDE NAV */


.general-left nav{
	font-size: 115%;
	border: solid #d1d3d4 1px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	  -webkit-box-shadow: 0px 3px 5px 0px #ebebeb;
	background: #f8f9f9; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f2');
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f2));
	background: -moz-linear-gradient(top, #fcfcfc, #f1f1f2);
	background: linear-gradient(top, #fcfcfc, #f1f1f2); /* W3C */
	overflow: hidden;
	margin-bottom: 15px;
}

.general-left nav h3{
	font-size: 115%; min-height: 33px; line-height: 1.3; padding: 6px 10px;
	color: #FFF;
	background: #4899c8; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db7e4', endColorstr='#3186b6');
	background: -webkit-gradient(linear, left top, left bottom, from(#6db7e4), to(#3186b6));
	background: -moz-linear-gradient(top, #6db7e4, #3186b6);
	background: linear-gradient(top, #6db7e4, #3186b6); /* W3C */
}

.general-left nav ul{
	margin: 0; padding: 0; list-style-type: none;
}
 .general-left nav ul li{
	border-top: solid #d1d2d4 1px;
 }
	.general-left nav ul li.level2-item1{
		border-top: none;
	}
  .general-left nav ul li a{
	 display: block; padding: 4px 10px; text-decoration: none;
  }
   .general-left nav ul li:hover a, .general-left nav ul li.active a{
	 color: #569bca;
   }

  div.general-left figure.row{
	 margin-bottom: 15px;
  }
  .general-left figure:not(.sage-pay) a img{
	-webkit-border-radius: 10px;
	border-radius: 10px; 	
  }
  .general-left figure.row.sage-pay{
	 margin: 22px 0;	
  }

/* #GO Repsonsive
================================================== */

@media only screen and (min-width: 0) and (max-width: 959px){

 .general-left nav{
	width: 65%; float: left;
 }

 .general-left figure.row.sage-pay{
	width: 30%; margin: 0; float: right;	
 }

}


/* PRODUCT PAGES*/

div.row.categories-products-related-row article{
	float: left; width: 237px; height: 294px; margin-bottom: 20px; overflow: hidden;
	border: solid #d1d3d4 1px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	  -webkit-box-shadow: 0px 3px 5px 0px #ebebeb;
	  box-shadow: 0px 3px 5px 0px #ebebeb;
	background: #f8f9f9; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f2');
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f2));
	background: -moz-linear-gradient(top, #fcfcfc, #f1f1f2);
	background: linear-gradient(top, #fcfcfc, #f1f1f2); /* W3C */

}

 div.row.categories-products-related-row article{
	overflow: hidden;
 }
 div.row.categories-products-related-row article div{
	height: 126px; padding: 12px 10px 0 11px;
 }
  div.row.categories-products-related-row article div p{
	margin-bottom: 8px;
  }
  div.row.categories-products-related-row article div h2{
	font-size: 155%; color: #569bca; height: 60px; margin: 0;
  }
  div.row.categories-products-related-row article div p{
	margin-bottom: 8px;	
  }
   div.row.categories-products-related-row article div a{
	text-decoration: none; color: #569bca;
   }

  div.row.categories-products-related-row article div b span{
	font-size: 125%;
  }


 div.row.categories-products-related-row article figure{
	position: relative;
 }
  div.row.categories-products-related-row article figure img{
	float: none;
  }
  div.row.categories-products-related-row article figcaption{
	position: absolute; top: -36px; right: 12px;
  }


/* #GO Repsonsive
================================================== */

@media only screen and (min-width: 0) and (max-width: 959px){


 .box-margin-20-right, .box-margin-20-right-1st, .box-margin-20-right-2nd, .box-margin-20-right-3rd{
	margin-right: 2%;	
 }

 div.row.categories-products-related-row article{
	width: 32%;
 }
  div.row.categories-products-related-row article figure{
	
  }

}


/* #Mobile (Landscape) Design for a width of 480px
================================================== */

@media only screen and (max-width: 767px) {

 .box-margin-20-right, .box-margin-20-right-1st, .box-margin-20-right-2nd, .box-margin-20-right-3rd{
	margin-right: 0;	
 }
 .box-mobile-left{
	margin-right: 2%;
 }

 div.row.categories-products-related-row article{
	width: 49%;
 }

}






 /* PRODUCT CATEGORY PAGES */



 /* PRODUCT PAGES */

article.row.product-details{

}
 article.row.product-details h1{
	color: #569bca; margin-bottom: 20px;
 }

 article.row.product-details div.product-images{
	width: 241px;
 }
  article.row.product-details div.product-images figure.main-image{
	width: 237px; height: 168px; margin-bottom: 10px; overflow: hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	  -webkit-box-shadow: 0px 3px 5px 0px #ebebeb;
	  box-shadow: 0px 3px 5px 0px #ebebeb;
	background: #d1d2d4;
  }
  article.row.product-details div.product-images a.main-image-enlarge{
	display: block; height: 35px;
  }

   article.row.product-details div.product-images figure.product-thumbnail{
	float: left; width: 56px; height: 56px; border: solid #d1d3d4 1px; margin: 4px 4px 0 0;
   }
    article.row.product-details div.product-images figure.product-thumbnail a{
	cursor: default;
    }

 article.row.product-details div.product-drag{
	width: 494px;
 }
  article.row.product-details div.product-drag div.product-options{
	width: 398px;
  }
   article.row.product-details div.product-drag div.product-select{
	height: 28px;
   }
    article.row.product-details div.product-drag div.product-options label{
	diplay: block; float: left; width: 66px;
    }
    article.row.product-details div.product-drag div.product-options select{
	min-width: 194px;
    }


  article.row.product-details div.product-drag div.row > div.column > span{
	display: block; margin-top: 11px; height: 65px; font-size: 225%; color: #569bca; font-weight: bold;
  }




  article.row.product-details div.product-drag .qty-column{
	width: 120px; font-size: 175%; font-weight: bold;
  }
   article.row.product-details div.product-drag .qty-column input[type="text"]{
	width: 40px; height: 30px; font-size: 16px; text-align: center;
   }
  article.row.product-details div.product-drag .add-column{
	width: 200px;
  }


  article.row.product-details div.product-drag div.product-tabs{
	margin-top: 39px;
  }
  article.row.product-details div.product-drag div.product-tabs ul.row{
	margin: 0; padding: 0; list-style-type: none; border-bottom: solid #d1d3d4 1px; margin-bottom: 18px;
  }
   article.row.product-details div.product-drag div.product-tabs ul.row li{
	float: left; width: auto;
   }
    article.row.product-details div.product-drag div.product-tabs ul.row li a{
	display: block; border: solid #d1d3d4 1px; border-bottom: 0; margin-right: 2px; padding: 5px 19px 5px 19px; color: #569bca; text-decoration: none;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	background: #f8f9f9; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f2');
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f2));
	background: -moz-linear-gradient(top, #fcfcfc, #f1f1f2);
	background: linear-gradient(top, #fcfcfc, #f1f1f2); /* W3C */
    }
    article.row.product-details div.product-drag div.product-tabs ul li a.active{
	border: solid #5da9d7 1px; color: #FFF;
	background: #569bca; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74bde9', endColorstr='#2e87b7');
	background: -webkit-gradient(linear, left top, left bottom, from(#74bde9), to(#2e87b7));
	background: -moz-linear-gradient(top, #74bde9, #2e87b7);
	background: linear-gradient(top, #74bde9, #2e87b7); /* W3C */
	text-shadow: 1px 1px 1px #2374a3;
        filter: dropshadow(color=#2374a3, offx=1, offy=1);
    }


  article.row.product-details div.product-drag div.product-tabs div.product-tab-details{
	display: none; margin-bottom: 44px;
  }
   article.row.product-details div.product-drag div.product-tabs div.product-tab-details.product-tab-1{
	display: block;
   }


 div.row.categories-products-related-row div.row{
 	border-bottom: solid #d1d3d4 1px; margin-bottom: 18px;
 }



/* #GO Repsonsive
================================================== */

@media only screen and (min-width: 0) and (max-width: 959px){

 article.row.product-details div.product-images{
	width: auto; margin-bottom: 16px;
 }

  article.row.product-details div.product-drag div.column.qty-column{
	padding-right: 18px; float: left;
  }

  article.row.product-details div.product-drag div.column.add-column{
	float: left;
  }

}



    

/* REVIEWS */

section.general-right article.product-details div.product-drag p a{
	text-decoration: none; font-weight: bold; color: #569bca; 
}


section.general-right article.product-reviews{
	border-top: solid #d1d3d4 1px; margin-top: 18px; padding-top: 18px;
}


 section.general-right article.product-reviews h2{
	font-size: 155%; color: #569bca; 
 }

 section.general-right article.product-reviews img{
	float: right;
 }


/* Gallery */

/* Gallery Page */

.gallery-box.stick-left{
	float: left;
}
.gallery-box{
	width: 240px;
}
 .gallery-box.gallery-box-wide{
	width: 365px;
 }

 .gallery-box img{
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: none;
 }
 .gallery-box p{
	padding-top: 8px; 	
 }
 .gallery-box p b{
	display: block; color: #569bca; margin-bottom: 2px; 
 }

.gallery-margin-left{
	margin-left: 15px;
}
.gallery-seperator{
	float: none; height: 16px; overflow: hidden; clear: both;
}

.gallery-lightbox{
	padding-bottom: 32px;
}


@media only screen and (max-width: 767px) {

 .gallery-box{
	width: 100%; padding-bottom: 15px;
 }
 .gallery-box img{
	width: 100%;
 }
 .gallery-margin-left{
	margin-left: 0;
 }
 .gallery-box.stick-left{
	float: none;
 }

 .gallery-lightbox{
	padding-bottom: 0;
 }

}



/* SHOPPING BASKET */

div.shopping-basket-row{

}
 div.shopping-basket-row img{
	float: none;
 }
 div.shopping-basket-row table.shopping-basket-list{
	width: 100%;	
 }
  div.shopping-basket-row table.shopping-basket-totals{
	float: right;
  }
 div.shopping-basket-row table.shopping-basket-buttons{
	width: 100%; margin-bottom: 20px;
 }

/* USER ACCOUNT PAGES */

section.general-right div.user-account h1, section.general-right div.user-account p.h1-clone{
	 color: #569bca;
}




/* FOOTER */


footer.website-footer{
	background: transparent url(../images/footer-bumps.png) repeat-x; padding: 30px 0; color: #FFF;
}
footer.website-footer a{
	color: #FFF; text-decoration: none;
}
 footer.website-footer ul{
	margin: 0; padding: 0; list-style-type: none;
 }
  footer.website-footer ul li{
	
  }
  footer.website-footer .social-icons{
	float: right; width: 75px;
  }
   footer.website-footer .social-1{
	float: left; width: 43px;
   }
   footer.website-footer .social-2{
	float: left; width: 32px;
   }


@media only screen and (min-width: 0) and (max-width: 959px){

 footer.website-footer{

 }

 footer.website-footer ul{
	padding-bottom: 26px;
 }

  footer.website-footer .social-icons{
	float: left; margin-left: 10px; padding-bottom: 20px;
  }
  footer.website-footer .srclink{
	margin-left: 10px;
  }

}


/* Quick fix for form button images that float left */

.formelement img.reset-button{
	float: none;
}
.custom .messagebox-onleft-lg label {
    display: block;
	width:100%;
    padding-left: 30px;
    text-indent: -30px;
}
.custom .messagebox-onleft-lg label > input[type="checkbox"]{
 margin-right: 20px;       
}
.custom .messagebox-onleft-lg + .messagebox-onleft-lg{
 margin-top: 20px;
}
.custom .messagebox-onleft-lg label input[type="checkbox"]{
    display:block;
    float:left;
    width: 13px;
    height: 13px;
    left: -30px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: 3px;
    margin-right: 15px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;   
}
.custom .field-group.messagebox-onleft-lg.required label:after{
 content: '';       
}
.custom .field-group.messagebox-onleft-lg.required label input:after{
 content: '*';
 margin-left: 16px;
 color: #85969f;  
}