@font-face {
    font-family: 'MontserratLight';
    src: url('FONTS/montserrat-light-webfontkit/montserrat-light-webfont.eot');
    src: url('FONTS/montserrat-light-webfontkit/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('FONTS/montserrat-light-webfontkit/montserrat-light-webfont.woff') format('woff'),
         url('FONTS/montserrat-light-webfontkit/montserrat-light-webfont.ttf') format('truetype'),
         url('FONTS/montserrat-light-webfontkit/montserrat-light-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MontserratThin';
    src: url('FONTS/montserrat-thin-webfontkit/montserrat-thin-webfont.eot');
    src: url('FONTS/montserrat-thin-webfontkit/montserrat-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('FONTS/montserrat-thin-webfontkit/montserrat-thin-webfont.woff') format('woff'),
         url('FONTS/montserrat-thin-webfontkit/montserrat-thin-webfont.ttf') format('truetype'),
         url('FONTS/montserrat-thin-webfontkit/montserrat-thin-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MontserratBold';
    src: url('FONTS/montserrat-bold-webfontkit/montserrat-bold-webfont.eot');
    src: url('FONTS/montserrat-bold-webfontkit/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('FONTS/montserrat-bold-webfontkit/montserrat-bold-webfont.woff') format('woff'),
         url('FONTS/montserrat-bold-webfontkit/montserrat-bold-webfont.ttf') format('truetype'),
         url('FONTS/montserrat-bold-webfontkit/montserrat-bold-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MontserratBlack';
    src: url('FONTS/montserrat-black-webfontkit/montserrat-black-webfont.eot');
    src: url('FONTS/montserrat-black-webfontkit/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('FONTS/montserrat-black-webfontkit/montserrat-black-webfont.woff') format('woff'),
         url('FONTS/montserrat-black-webfontkit/montserrat-black-webfont.ttf') format('truetype'),
         url('FONTS/montserrat-black-webfontkit/montserrat-black-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Bebas';
    src: url('FONTS/bebas-webfontkit/bebasneue-webfont.eot');
    src: url('FONTS/bebas-webfontkit/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('FONTS/bebas-webfontkit/bebasneue-webfont.woff') format('woff'),
         url('FONTS/bebas-webfontkit/bebasneue-webfont.ttf') format('truetype'),
         url('FONTS/bebas-webfontkit/bebasneue-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'MuliLight';
    src: url('FONTS/muli-fontfacekit/Muli-Light-webfont.eot');
    src: url('FONTS/muli-fontfacekit/Muli-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('FONTS/muli-fontfacekit/Muli-Light-webfont.woff') format('woff'),
         url('FONTS/muli-fontfacekit/Muli-Light-webfont.ttf') format('truetype'),
         url('FONTS/muli-fontfacekit/Muli-Light-webfont.svg#MuliLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'MuliRegular';
    src: url('FONTS/muli-fontfacekit/Muli-Regular-webfont.eot');
    src: url('FONTS/muli-fontfacekit/Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('FONTS/muli-fontfacekit/Muli-Regular-webfont.woff') format('woff'),
         url('FONTS/muli-fontfacekit/Muli-Regular-webfont.ttf') format('truetype'),
         url('FONTS/muli-fontfacekit/Muli-Regular-webfont.svg#MuliRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {-webkit-font-smoothing:subpixel-antialiased}

#contact-area {

font-family:'MontserratLight',arial; font-size:1em; line-height:1.7em;

	width: 510px;
	margin-top: 20px;
	margin-left: 25px;
	
}



#country{
	width: 300px;
	margin-top: 25px;
	margin-left: 25px;
	font-size:.8em;
}



#contact-area textarea {
 resize: none;
display:block;
	padding: 0px;
	width: 400px;
	
	height:120px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ffffff;
}

#contact-area input:not([type=submit]):not([type=file]) {
  display:block;
	padding: 0px;

	height:20px;
	
	margin: 0px 0px 10px 0px;
	border: 1px solid #ffffff;
}

textarea:focus, input:focus {
border: 1px solid #ffffff;
}


.antispam { display:none;}

.footer{	position:absolute;
			top:870px;
			left:120px;
			color: #555555;
			font-size:.5em;

}


	 

/* --- Container configuration ---------------------------------------------------------- */
.viewport {
    border: none;
    float: left;
    height: 130px;
    margin: 0 0 0 0;
    overflow: visible;
    position: relative;
    width: 38px;
}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
    margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
    display: block;
    position: relative;
    z-index:1000;
}

.viewport a img {
    height: 150px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 44px;
}

/* --- Label configuration -------------------------------------------------------------- */



.viewport a span {
    display: none;
    font-size: .7em;
   line-height:1em;
    height: 100%;
 
    position: absolute;
    top:140px;
    left:-55%;
    

    text-align: center;
    text-decoration: none;
    width: 200%;
    z-index: 100;
}
    .viewport a span em {
        display: block;
        font-size: 0.45em;
        font-weight: normal;
    }

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {

    background-color: rgba(15, 15, 15, 0);
    color: #000;
    text-shadow: #fff 0px 0px 20px;
}
    .dark-background em {
        color: #fff;
    }

/**
 * You could create multiple hover background classes for different looks depending on the
 * image type. Use your imagination!
 */
 
 .shadow {	position:absolute;
 			
 			top:200px;
 			left:0px;
 			width:1000px;
 			height:10px;
 			z-index:800;
 			background: rgba(0,0,0,0.15);
background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 73%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.15)), color-stop(73%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 73%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 73%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 73%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 73%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}


 .rev_shadow {	position:absolute;
 			top:740px;
 			left:0px;
 			width:1000px;
 			height:10px;
 			z-index:900;
 			background: rgba(0.15,0,0,0);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(19%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,0.15) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,0.15) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 ); /* IE6-8 */



}





.hiddenfont { display:none;
		font-size : 14px;
  		
  		color:#dddddd;
  		line-height:15px;}
  		

  		
  	A:link {text-decoration: none;
  	color:inherit;

  	
  		}
A:visited {text-decoration: none;
color:inherit;

  	
  		}
A:active {text-decoration: none;
color:inherit;}
A:hover {color:inherit;
  		
  		}
  		
  		  		  		
  		






.hidden { visibility: hidden; }
.unhidden { visibility: visible; }








/*  png fix  */

img, div, a, input { behavior: url(iepngfix.htc) }

body { -webkit-text-size-adjust: 100%;}

.SC_button {display:inline;float:left; cursor:pointer; font-family:'MontserratLight',arial; font-size:.8em; color:#444444; text-align: center; line-height:.8em; height:30px; border:solid #ffffff; border-width: 0px 1px 0px 0px;background: #f0efef;padding-right: 23px;padding-left: 23px;}
.SC_button:hover {cursor:pointer; font-family:'MontserratLight',arial; font-size:.8em; color:#444444; text-align: center; line-height:.8em; height:30px; border:solid #ffffff; border-width: 0px 1px 0px 0px;background: #e9e9e9; }
.SC_button:active {cursor:pointer; font-family:'MontserratLight',arial; font-size:.8em; color:#444444; text-align: center; line-height:.8em; height:30px; border:solid #ffffff; border-width: 0px 1px 0px 0px;background: #dedcdc; }

.SC_dark_button {display:inline;float:left; cursor:pointer; font-family:'MontserratThin',arial; font-size:.8em; color:#ffffff; text-align: center; line-height:.8em; height:30px; border:solid #ffffff; border-width: 0px 1px 0px 0px;background: #c0c0c0;padding-right: 23px;padding-left: 23px;}
.SC_dark_button:hover {cursor:pointer; font-family:'MontserratThin',arial; font-size:.8em; color:#888888; text-align: center; line-height:.8em; height:30px; border:solid #ffffff; border-width: 0px 1px 0px 0px;background: #c0c0c0; }
.SC_dark_button:active {cursor:pointer; font-family:'MontserratThin',arial; font-size:.8em; color:#888888; text-align: center; line-height:.8em; height:30px; border:solid #ffffff; border-width: 0px 1px 0px 0px;background: #c0c0c0; }

.info_header{font-family:'MontserratLight',arial; font-size:1.6em; color:#000000;  line-height:1.6em;  }
.info_header2{font-family:'MontserratLight',arial; font-size:1.2em; color:#000000;  line-height:1.2em;  }
.info_header3{font-family:'MontserratLight',arial; font-size:.8em; color:#000000;  line-height:.8em;  }
.info_copy{font-family:'MontserratThin',arial; font-size:.8em; color:#000000;  line-height:.8em;  }

.scott_copy{font-family:'MontserratLight',arial; font-size:1.6em; color:#000000;  line-height:1.3em;  }
.scott_copy2{font-family:'MontserratThin',arial; font-size:1.2em; color:#000000;  line-height:1.4em;  }

.SC_Logo{position:absolute; top:10px; left:360px;width:280px;}

.precolour{position:absolute; top:120px; left:25px;width:155px;}
.colour_restore{position:absolute; top:123px; left:210px;width:225px;}
.decolour{position:absolute; top:122px; left:462px;width:145px;}
.shine_on{position:absolute; top:123px; left:640px;width:135px;}
.about{position:absolute; top:123px; left:800px;width:175px;}

.nav_back{position:absolute; top:100px; left:0px;width:1000px;height:100px;background: #f9f9f9;}
.navbar{position:absolute; top:170px; left:0px;width:1000px;height:30px;background: #eeeeee;}

.facebook{position:absolute; top:15px; left:878px;width:28px;}
.twitter{position:absolute; top:15px; left:913px;width:28px;}
.instagram{position:absolute; top:15px; left:948px;width:28px;}
.mail{position:absolute; top:15px; left:843px;width:28px;}

.facebook2{position:absolute; top:694px; left:880px;width:30px;}
.twitter2{position:absolute; top:694px; left:917px;width:30px;}


.trolley{position:absolute; top:6px; left:952px;width:20px;}

.banner{position:absolute; top:200px; left:0px;width:1000px;}

.SC_shop_button{position:absolute; top:0px; left:753px;cursor:pointer; font-family:'MontserratLight',arial; font-size:.8em; color:#ffffff; text-align: center; line-height:.8em; height:30px; border:solid #ffffff; border-width: 0px 1px 0px 0px;background: #c0c0c0; }
.SC_shop_button:hover{position:absolute; top:0px; left:753px;cursor:pointer; font-family:'MontserratLight',arial; font-size:.8em; color:#ffffff; text-align: center; line-height:.8em; height:30px; border:solid #ffffff; border-width: 0px 1px 0px 0px;background: #d2d0d0; }
.SC_shop_button_back{position:absolute; top:0px; left:765px;width:235px;height:30px;background: #c0c0c0;}
.SC_item{position:absolute; top:5px; left:817px;cursor:pointer; font-family:'MontserratLight',arial; font-size:.6em; color:#ffffff; text-align: center; line-height:.8em; height:30px;   }

.SC_footer_button{display:inline;float:left; font-family:'MontserratLight',arial; font-size:.7em; color:#000000; line-height:.8em;padding-right: 20px; }

.copyright{display:inline;float:left; cursor:pointer; font-family:'MontserratLight',arial; font-size:.6em; color:#000000; line-height:.8em; }

.retailer_button{position:absolute; top:750px; left:0px;background: rgba(255,255,255,1);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 69%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(69%, rgba(246,246,246,1)), color-stop(100%, rgba(247,247,247,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 69%, rgba(247,247,247,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 69%, rgba(247,247,247,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 69%, rgba(247,247,247,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 69%, rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1 );}



.mailist{position:relative; top:-58px; left:350px;width:360px;height:48px;background: #eeeeee;border-radius: 5px 5px 0px 0px;display:none;-webkit-box-shadow: 0px -1px 9px -2px rgba(0,0,0,0.5);
-moz-box-shadow: 0px -1px 9px -2px rgba(0,0,0,0.5);
box-shadow: 0px -1px 9px -2px rgba(0,0,0,0.5);}

.header_back{position:absolute; top:0px; left:0px;width:1000px;height:200px;background: #ffffff;}
.cart_header_back{position:absolute; top:280px; left:435px;width:490px;height:50px;background: #f9f9f9;}

.shop_product_holder{width:318px;height:318px;border-style: solid;border-width: 0px 2px 2px 0px;border-color:#ffffff;background: #f9f9f9;float:left;}

.choose{font-family:'MontserratLight',arial;   }
.show{font-family:'MontserratLight',arial;   }
.options{font-family:'MontserratLight',arial;   }


.product_header{font-family:'MontserratLight',arial; font-size:1.4em; color:#000000;}
.product_header2{font-family:'MontserratThin',arial; font-size:1.2em; color:#000000;}
.product_details{font-family:'MontserratThin',arial; font-size:.95em;line-height:1.4em; color:#000000;}

.shop_product_header{font-family:'MontserratLight',arial; font-size:1em; color:#000000;}

.simpleCart_items{font-family:'MontserratLight',arial; font-size:1.1em; color:#000000;}
.simpleCart_quantity{font-family:'MontserratThin',arial; font-size:1.1em; color:#000000;}
.simpleCart_shipping{font-family:'MontserratThin',arial; font-size:1.1em; color:#000000;}
.simpleCart_quantity.header{font-family:'MontserratLight',arial; font-size:.8em; color:#ffffff;}
.simpleCart_total{font-family:'MontserratLight',arial; font-size:1.1em; color:#000000;z-index:1;}
.simpleCart_total.header{font-family:'MontserratLight',arial; font-size:.9em; color:#ffffff;}
.item_price{font-family:'MontserratThin',arial; font-size:1.1em; color:#000000;}
.simpleCart_grandTotal{font-family:'MontserratLight',arial; font-size:1.4em; color:#ffffff;z-index:2;}

.item-name{padding-right:50px;width:560px;text-align:left;}
.item-decrement{font-size:1.3em;width:100px;text-align:right;}
.item-increment{font-size:1.3em;width:50px;text-align:left;}
.item-remove{font-size:.8em;width:150px;text-align:left;}
.item-price{font-weight:normal;width:50px;text-align:right;}
.item-quantity{font-weight:normal;width:20px;text-align:right;display:none;}
.item-total{font-weight:normal;width:100px;text-align:right;}
.headerRow{font-family:'MontserratLight',arial; font-size:1.1em; color:#000000;width:800px;}

.item_add{display:none;}
.item_Quantity{display:none;}
.trolley{display:none;}
.SC_item{display:none;}

#header{position:fixed; z-index:1000;}



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  #header{position:absolute;}
  
 





}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  #header{position:absolute;}

}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  
  #header{position:absolute;}

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  
    #header{position:absolute;}

}



@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  
  #header{position:absolute;}

}