@charset "utf-8";
/* CSS Document */

 
 
h1,h2,h3,h4,h5,h6{ 
	color:#2f2f2f;
	text-transform:capitalize;
	font-weight:bold;
}
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;text-transform:capitalize;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px;text-transform:capitalize; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px;text-transform:capitalize; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px;text-transform:capitalize; }
	h5 { font-size: 17px; line-height: 24px;text-transform:capitalize; }
	h6 { font-size: 14px; line-height: 21px;text-transform:capitalize; }
html,
body {
   margin:0;
   padding:0;
   height:100%;
   width:100%; 
   position:relative; 
   background-color: #ececec; 
   color: #999999;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   
    
}
.extras{display:none;}
.once { display:none;}
.cursor{
   cursor:url(http://mas-garage.co.uk/images/cursor.png), auto;}
.header-border{ 
	background-image:url(../images/border.png);
	background-repeat:repeat;
	height:5px;
	width:100%;
}
.image-full{height:100%;} 
.wrapper{
   min-height:100%;
   position:relative; 
	max-width: 100%;
	margin: 0 auto;
	min-height:100%;    /* IE6-9 */ 
	overflow: hidden;
} 
.header {
 width: 100%;   
 display:inline-block;
 margin-top:0px;
}

.border{
	margin:0 0 5px 0;
	background-color:#292929;
	border-right: #191919 1px solid;
	border-top:#000000 1px solid; 
	border-left: #666666 1px solid;   
	border-bottom: #666666 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px}
	
.quarter h3,.quarter-last h3,.quarter-two h3{ font-size:18px;}
.alphabet {color:#ffffff; text-decoration:none; text-align:center; font-size:16px; font-weight:bold; text-transform:uppercase;}
.alphabet:hover {color:#2f2f2f;} 
.split {display:none;}

 
.animated_slide{max-height:400px; overflow:hidden;} 
.logo{ padding:0;max-width:100%; position:relative;}
  
.gradient-content h3 {font-size:24px; line-height:normal; color:#ffffff;text-shadow: 2px 2px #888888; margin:10px 0; padding:0;}


.gradient-image{width:20%; float:left; margin:20px 10px;}  
.gradient-content{width:70%; float:left; }

.gradient-content hr { border: solid #ffffff;-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.75);
border-width: 1px 0 0; clear: both; margin:10px 0; height: 0;}
 
.menuholder{margin-bottom:-2px; display:inline-block; } 
.footer{min-height:60px; bottom:0;position:absolute; width:100%;background-color: #2f2f2f;}
.main_content{ width:940px; margin:0 auto;}
.basket{display:inline-block; width:100%; z-index:9999999; padding-top:3px; height:30px; font-size:22px; font-weight:bold; position:fixed; text-align:right;background-color:#000000; color:#ffffff; padding:0; vertical-align:middle;  }
.main_content2{ width:940px; margin:0 auto;  padding-top:10px; }
.holder { padding:0;width:940px; margin:0 auto; } 
.bottomborder{border-bottom:2px solid green;}
.full-basket {width:940px; padding:0; margin:0 auto;}
.full {width:928px; padding:5px; 
display:inline-block; margin-bottom:10px;}
.full-border{width:918px; padding:5px;border: 1px solid red; margin:5px;}
.third{ display: inline; width:300px; float:left; margin:5px;}
.register{ display: block; width:50%; padding:5px;  margin:0 auto;}
.third-border{ padding:5px;display: inline; width:291px; float:left; margin:5px; border: 1px solid red;}
.two-third  { display: inline; width:610px; float:left; margin:5px; }
.two-third-main{ display: inline; width:600px; float:left; margin:5px; }
.two-third-sales{ display: inline; width:610px; float:left; padding:5px; }
.two-third-border{  padding:5px; display: inline; width:605px; float:left; margin:5px; border: 1px solid red;}
.quarter,.quarter-two{position:relative;width:219px;display:table-cell;float:left; padding:5px; margin-right:5px;height:100% !important}
.quarter-last{position:relative; width:220px;display:table-cell;float:right; padding:5px;height:100%;}
.quarter-border{ padding:5px;width:213px;display: inline;float:left; margin:5px; border: 1px solid red;}
.half{width:470px;display: inline;float:left; margin:2px 0 5px 0;}
.half-border{ padding:5px;width:448px;display:inline;float:left; margin:5px; border: 1px solid red;}
.gradient-bg{box-shadow: 2px 2px 5px #999999;width:297px; min-height:250px; border:2px solid #999999;-webkit-border-radius: 5px;
	-moz-border-radius:5px;border-radius: 5px; float:left; margin:2px; background-image:url(../images/gradient_bg.png); color:#ffffff; background-position:top center; background-repeat:no-repeat; background-color:#818285; margin:2px;}
.bottom_space{height:70px;}
.full-menu{ 
	background-color:#292929;
	width:938px;
		padding:0; 
	margin:0 auto 10px auto;
	border-right: #191919 1px solid;
	border-top:#000000 1px solid; 
	border-left: #666666 1px solid;   
	border-bottom: #666666 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	position:relative;
	z-index:99999;

}   

.first{-webkit-border-radius: 20px 0 0 20px;
-moz-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px} 

.last{-webkit-border-radius: 0 20px 20px 0 ;
-moz-border-radius:0 20px 20px 0 ;
border-radius:0 20px 20px 0 ;} 
.twd-holder{margin-top:45px; font-size:12px; text-align:right;}
.ttot{width:186px; padding:5px;float:left;}
 
 /* 768px */
 @media only screen and (min-width: 768px) and (max-width: 959px) {

.extras{display:block;}	 
.ttot{width:220px;}
	.once { display: inline-block;}
	h1 { font-size: 40px;  }
	h2 { font-size: 25px;  }
	h3 { font-size: 24px;  }
	h4 { font-size: 18px;  }
	h5 { font-size: 15px;  } 
	
 
.quarter h3,.quarter-last h3,.quarter-two h3{ font-size:0.9em;}
 
.gradient-bg {width:233px; float:left;} 
.holder,.full-menu, .main_content, .main_content2{width:748px;}
.full-basket {width:748px;}
.full-menu{width:746px;}
.holder-border{width:744px;}
.full {width:734px;}
.full-border{width:734px; }
.third {width:236px;}
.third-border{width:227px; }
.two-third {width:482px;} 
.two-third-main{width:472px;}
.two-third-sales{width:482px;}
.two-third-border{width:477px; }  
.quarter,.quarter-two{width:171px;}
.quarter-last{width:172px;}
.quarter-border{width:165px; }	
.half{width:364px;} 
.half-border{width:352px; }
.third.logo { text-align:center;}   
.nav li a{
    display: inline-block;
} 
.twd-holder{margin-top:45px; font-size:12px; text-align:right;}

 }

 /* 300px */
  @media only screen and (max-width: 767px) {.search_container { 
	text-align:center;  
	display: inline-block;  
	float:none;
	margin:0 auto;
}

.extras{display:none;}
.bottom_space{height:120px;}
.alphabet{color:#ffffff; text-decoration:none; text-align:center; font-size:12px; font-weight:bold;}
	h1 { font-size: 16px;  }
	h2 { font-size: 16px; padding:0; line-height:normal;  }
	h3 { font-size: 14px;  }
	h4 { font-size: 14px;  }
	h5 { font-size: 12px;  } 
.nav{ margin-top:-10px;} 
.holder-border{width:296px;}
.full-basket {width:300px;}	  
.holder,.full-menu, .main_content, .main_content2{width:300px;}
.full,.third,.quarter,.quarter-last,.quarter-two ,.half,   .two-third{width: 293px;}

.ttot{width:268px;}
.gradient-bg, .two-third-main{width: 288px;} 
.two-third-sales{width: 290px;} 
.full-border,.third-border,.quarter-border,.half-border, .two-third-border{width:278px; border: 1px solid red;}
.register{ display: block; width:288px;  margin:0 auto;}
 .third.logo { text-align:center;} 
.nav li a{
    display: inline-block;
} 
.split {display:block;}
.hide{ display:none} 
.twd-holder{margin-top:45px; font-size:12px; text-align: right;}

  }
 
 /* 480px */

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

 .search_container { 
	text-align:center;  
	float:none;
	margin:0 auto;
} 
.bottom_space{height:100px;}
.alphabet{color:#ffffff; text-decoration:none; text-align:center; font-size:14px; font-weight:bold;} 
.split {display:block;}
	h1 { font-size: 35px;  }
	h2 { font-size: 18px; padding:0; line-height: 18px;  }
	h3 { font-size: 18px;  }
	h4 { font-size: 16px;  }
	h5 { font-size: 14px;  } 
	
.holder,.full-menu,.main_content, .main_content2 {width:458px;}
.holder-border{width:451px;}
.full-basket {width:450px;}
.full,.third .quarter, .two-third {width:458px;} 
.full,.third .quarter, .two-third-sales {width:448px;} 
.two-third-main{width: 448px;}

.ttot{width:209px;} 
.full-border, .third-border, .quarter-border, .two-third-border{width:438px; border: 1px solid red;}
.third.logo {width:450px;text-align:center;}  
.half{width:450px;}
.gradient-bg {width:451px; float:none;} 
.half-border, .quarter-border{width:213px; border: 1px solid red;}
.quarter {clear:left;width:212px; float:left;}
.quarter-last,.quarter-two {margin:0;width:214px; float:right;}	
.menu { padding:20px 0 10px 0; }

.animated_slide{max-height:210px; overflow:hidden;} 
.hide{ display: block;}
.third.logo { text-align:center;}  
.twd-holder{margin-top:10px; font-size:12px; text-align:center;}

}	
	  


.basket-link { background-image:url(../images/basket.png); background-repeat: no-repeat;padding-left:30px; vertical-align:middle; background-position:left; text-decoration:none; font-weight:bold; color: #ffffff;}  
.basket-link:hover{ background-image:url(../images/basket2.png); background-repeat:no-repeat; background-position:left; color:#2f2f2f;}  
 a.top-bar{ font-size:14px;color:#ffffff; vertical-align:middle; margin-right:10px; padding-right:10px; border-right:1px solid #ffffff; text-decoration:none; font-weight:bold;}
 a:hover.top-bar{ color:#2f2f2f;} 

.view{ margin:20px auto 0 auto;-webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; display:block; text-decoration:none; text-align:center; padding:5px 15px; background-color:#ffffff; border:1px solid #2f2f2f; color:#2f2f2f; font-weight:bold;}
.view:hover {background-color:#2f2f2f;color:#ffffff;} 
 .quarter,.quarter-two,.quarter-last{
	background-color:#a7a7a7;background-image:url(../images/quarte-bg.jpg); background-repeat:repeat-x;} 
 .error{display:inline-block;width:100%; text-align:center; color:red; font-style:italic; text-transform:capitalize;}
.welcome {color:#2f2f2f; font-weight:bold; font-style:italic;}
.black{background-color:black;}
.red{background-color:red;}
.green{background-color:green;}
.orange{background-color:orange;}
.blue{background-color:blue;}
.pink{background-color:pink;}
.yellow{background-color:yellow;}
.white{ background-image:none !important; color:#000000; background-color:white;}
.DarkGrey{background-color:#999999;}
/* To clear divs so height adjusts*/
strong.result {color:#ffffff ;}
#basic-modal-content {display:none;}

.more {color:#2f2f2f; font-style:italic; font-weight:bold;}
.item_price{color:#2f2f2f; text-align:right;font-weight:bold;}
.item_des{height:100px; width:100%; overflow:hidden;display:inline-block; }
.item_img{height:130px; width:100%;text-align:center;display:inline-block; }
.item_name{height:60px; margin-bottom:5px;color:#2f2f2f; font-weight:bold; display:inline-block; }
/* Overlay */
#simplemodal-overlay {background-color:#000;}

 
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both; 
} 

 

.search_container {
	margin-top:20px;
 	
	display: inline-block; 
    line-height: 28px; /* image's height */  
	text-align:right;  
}

.search_container  {
  	line-height:30px;  
    display: table-cell;
    vertical-align: middle;
	right:10px;
}
 
 

 
 
 
 
.item-buttons {width:100%;position:relative; display:block;}
.search_container {
	margin-top:20px;
	float:right;
 	
	display: inline-block; 
    line-height: 28px; /* image's height */  
	text-align:right;  
}

.search_container  {
  	line-height:30px;  
    display: table-cell;
    vertical-align: middle;
	right:10px;
}

.search_container input[type=search]{
	background-image: url(../images/search.png);
	background-repeat:no-repeat;
	width:200px;
	padding-left: 30px;
	background-repeat:none;
	background-color:#000000;
  	color: #ffffff;  
	border:none;
  	line-height:28px !important; 
	min-height:28px; 
	border-radius:5px 0 0 5px; 
	-moz-border-radius:5px 0 0 5px; 
	-webkit-border-radius:5px 0 0 5px; 
	border-top:#000000 1px solid; 
	border-left: #666666 1px solid;   
	border-bottom: #666666 1px solid;  
	
	}
.search_container input[type=search]:hover{
	background-color:#999999;
	border-top:#000000 1px solid; 
	border-left: #666666 1px solid;   
	border-bottom: #666666 1px solid; 
  	color: #000000;  
	 
}
.search_container input[type=search]:focus,input[type=search]:active{ 
	background-color:#ffffff;
	border-top:#000000 1px solid; 
	border-left: #666666 1px solid;   
	border-bottom: #666666 1px solid; 
  	color: #000000;   
}
.pagination_controls{ text-align:center; margin: 10px auto; text-decoration:none; display:inline-block; width:100%}

.pagination_controls a {text-decoration:none; background-color:#2f2f2f;color:#ffffff; vertical-align:middle; padding:10px; margin:0 3px;}
.pagination_controls a:hover{color:#2f2f2f;background-color:#ffffff}
.pagination_controls a.page_selected  {color:#2f2f2f;border:1px solid #2f2f2f; background-color: #232323;  font-size:24px; font-weight:bold; vertical-align:middle; cursor:default;}

 .fb_cat a{padding:10px 20px; float:left; margin:10px;}
 
.cookiebanner{
	 
	background-color:#2f2f2f;
	color:#ffffff;
	z-index:9999999;
	 position:fixed;
    top: 30%;
    left: 50%; 
	padding:10px;
	border:2px solid #999999;
    width:20em;
    height:8em;
    margin-top: -4em; /*set to a negative number 1/2 of your height*/
    margin-left: -10em; /*set to a negative number 1/2 of your width*/
	clear:both;
	box-shadow: 4px 4px 8px #888888;
		
} 
.display  {
    
    animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
 a.cookies{ font-size:12px;color:#ffffff;text-decoration:none; font-weight:bold;}
 a:hover.cookies{ color:#999999;} 
 
 a.read-more{ color:#2f2f2f;text-decoration:none;margin-top:10px; background-image:url(../images/arrow.png ); background-position:right;padding-right:20px; background-repeat:no-repeat;  }
 a:hover.read-more{ color: #CCCCCC; background-image:url(../images/arrow2.png ); } 
 
 a {color:#2f2f2f; text-decoration:none;}
 a:hover {color:#999999;}
 
 a.twd {color:#FFFFFF;}
 a:hover.twd {color:#999999;}
 
 .gradient-text{ 
 color:#ffffff;
  background: -webkit-linear-gradient(#eee, #333, #eee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 }
 
  .slide-out-div {
          padding: 20px;
          width: 250px;
          background: #ccc;
          border: 1px solid #29216d;
      }      
	  
.vosh{ background-color:#999999; padding:5px 15px; color:#ffffff;-webkit-border-radius: 3px;-moz-border-radius:3px;
border-radius:3px; margin-bottom:20px;}
.vosh:hover {color:#2f2f2f; background-color:#CCCCCC;}



.img-zoom {
    width: 30%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	cursor:pointer;
}
 
.transition {
    -webkit-transform: scale(3); 
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}

.smaller {color:#ffffff; font-size:16px; background-color:#2f2f2f; background-image:url(../images/spanner2.png); background-repeat:no-repeat;  
    background-position: 10px   center; padding:0 25px;}
.head_hr{padding:0;margin:0;}