/* CSS Document */



/* MAIN CSS TO BE USED WITH BOOTSTRAP CSS PACKAGE */



html * { outline: 0 !important; }

input::-moz-focus-inner { 
  border: 0; 
}
img {
	outline: 0;
	}

a  {
	outline: 0;
}

.thumbnail:hover{
 	background-color:#ccc;		
}


.main_navbar{
	margin-top:15px;	
}

.index-header{
  width:100%;
  height:265px;	
  color:#FFF;
}
.container-header-title{
  margin-top:60px;
  height:80px;	
}
.phone{
  margin-top:60px;	
}
.articles_footer ul{
	padding-left:0;
	margin-left:0px;
	list-style:none;	
}
.articles_footer li{
	padding-left:0;
	margin-left:0px;
	list-style:none;	
}

.btm_footer_link ul{
  list-style:none;		
}

.footer{
  padding:5px;
  background-color:#000;
  color:#999;	
}

.footer a{
	color:#999;
}

a.cust_link{
	color:#FFF;	
}
a.cust_link:hover{
	text-decoration:none;	
}

.dropdown:hover .dropdown-menu {
    display: block;
 }
 
 
.dropdown-submenu{
	 position:relative;
}
 
.dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:-6px;
	margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu{
  display:block;
}
  
.dropdown-submenu>a:after{
  display:block;content:" ";
  float:right;width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;
  margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
	border-left-color:#ffffff;
}
.dropdown-submenu.pull-left{
  float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu{
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
}

div.fixed {	
	display:none;
	position:fixed;
	margin-top:50px;
	float:left;
	clear:left;
	background:url(../images/cookie/cookie_banner.png) repeat-x;
	width:100%;
	height:auto;	
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	z-index:10000;
	text-align:left;
	
}

.cookies{
	margin:auto;}

.ctxt1_narrow{
	float:left;
	font-size:13px;
	padding-top:8px;
	color:#fff;
}
#clickme{
	float:left;		
	
}
.clickme{
	float:left;
	margin-left:15px;
	
}
#cookie_on{	
	width:90px;
	padding:3px;
	background-color:#093;
	-moz-border-radius: 15px;
    border-radius: 15px;
   -moz-box-shadow: 0 0 5px 5px #888;
   -webkit-box-shadow: 0 0 5px 5px #888;
    box-shadow: 0 0 5px 5px #888;
	border:1px solid #5b8821;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	color:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
		cursor:pointer
}
#cookie_off{	
	width:90px;
	padding:3px;
	background-color:#900;

	-moz-border-radius: 15px;
    border-radius: 15px;
           
   -moz-box-shadow: 0 0 5px 5px #888;
   -webkit-box-shadow: 0 0 5px 5px #888;
    box-shadow: 0 0 5px 5px #888;
	border:1px solid #906;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	color:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
		cursor:pointer
}
a.more_info{
	color:#FDD9E6;}

.facebook_link > .active > a:hover{
	background-color:#F00;	
}

.pricelit{
	float:left;
	width:100%;
}
.pricelin{
	float:left;
	font-weight:bold;
	font-size:16px;
	color:#CC3333;
	margin-bottom:10px;

}
.pricelin-maincat-gridview{
	font-weight:bold;
	font-size:16px;
	color:#CC3333;	
}
.pricelin1{
	float:left;
	font-size:11px;
	padding-left:10px;
	padding-top:4px;
	margin-bottom:10px;

}
.priceli1{
	color:#000000;
	font-weight:normal;
	font-size:12px;}

.pricelit{
	color:#000;
	text-decoration:none;	
}
.product_name{
	color:#333;	
	text-align:center;
	margin-top:25px;
}	
.pname{
	float:left;
	color:#000;
	clear:left;
	height:auto;
	width:inherit;
	}
.pname1{
	float:left;
	color:#000;
	font-size:12.5px;
	width:inherit;
	margin-top:10px;
	}
.pname2{
	clear:left;
	color:#000;
	float:left;
	font-size:11px;
	margin-top:5px;
	width:auto;
	}

.rrpdiv{
	clear:left;
	width:300px;
	float:left;
	font-size:13px;
	}
.rrp{
	float:left;
	color:#000000;}
.rrp-gridview{
	color:#000000;	
}
.save{
	float:left;
	color:#0099FF;
	color:#FF6633;}
.save-gridview{
	color:#FF6633;	
}
.save-listview{
	float:left;
	color:#FF6633;
	margin-left:0px;	
}
.rrpv{
	float:left;
	}
.extra_images{
	margin-top:10px;
	width:425px;
	float:left;}
	
.codeb{width:120px;
	float:left;
	margin-left:10px;
	margin-left:10px;
	font-size:12px;}
	
	
div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
		font-size:.85em;
	}
	
div.pagination a {
	border: 1px solid #ccdbe4;
	margin-right:3px;
	padding:2px 8px;

	background-position:bottom;
	text-decoration: none;

	color: #0061de;		
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2b55af;
	background-image:none;
	background-color:#09F;
	color: #fff;
}
div.pagination span.current {
	margin-right:3px;
	padding:2px 6px;
	
	font-weight: bold;
	color: #000;
}
div.pagination span.disabled {
	display:none;
}
div.pagination a.next{
	border:2px solid #ccdbe4;
	margin:0 0 0 10px;
}
div.pagination a.next:hover{
	border:2px solid #2b55af;
}
div.pagination a.prev{
	border:2px solid #ccdbe4;
	margin:0 10px 0 0;
}
div.pagination a.prev:hover{
	border:2px solid #2b55af;
}	

.right-caret {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #000000;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    vertical-align: top;
    width: 0;
}

.cms_wrapper{
	position:relative;
	width:100%;
	height:auto;
	background-color:#000000;
	margin:0;
	padding:0;			
	z-index:5000;
	border-bottom:1px solid #333;
}
.cms_text{
	margin-left:15px;
	padding:10px 0 10px 0;	
	width:100%;
	font:Tahoma, Geneva, sans-serif;
	color:#000;
}
.cms_text a{
	color:#f3f3f3;
	text-decoration:none;
}
.cms_text a:hover{
	color:#e9e9e9;
	text-decoration:underline;
}
.product_wrapper{
	margin-top:25px;	
}


.pricelin_list{
	float:left;
	font-weight:bold;
	font-size:16px;
	color:#CC3333;
	margin-right:5%;
}
.pricerange{
	float:left;
	width:auto;
	border:#000000 1px solid;
	margin-top:10px;
	padding:5px;}
.pricerangev{
	float:left;
	width:auto;
	border:#000000 1px solid;
	margin-top:10px;
	padding:5px;}
.brandrange{
	border:#000000 1px solid;
	margin-top:10px;
	padding:5px;
	float:left;
	width:auto;}
.brandrangev{
	border:#000000 1px solid;
	margin-top:10px;
	padding:5px;
	float:left;
	width:auto;}
.graderange{
	border:#000000 1px solid;
	margin-top:10px;
	padding:5px;
	float:left;
	width:auto;}
.graderangev{
	border:#000000 1px solid;
	margin-top:10px;
	padding:5px;
	float:left;
	width:auto;}	
	
	
.class{
	visibility: hidden;	
	display: none;
}

.qtyp_break{
	color:#FFF;
}

.IntactAccountTable{
	line-height: 2em;
	font-size:0.9em;	
}

.AccountTable{
	line-height: 2em;
	font-size:0.9em;	
}

.main-navbar{
	margin-top:15px;
}



/*Hover Intend Style for Index Page (CATEGORIES) */
.post-content {
    background: none repeat scroll 0 0 #000;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
    opacity: 0.7;
	width:100%;
	height:60px;
	bottom:0;
	text-align:center;
    position: absolute;
}



.img_hoverintend {
    width: 110%;
}
 
figure {
    margin: 0;
    padding: 0;
    position: relative;
	width:98%;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #ccc;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
 
figure:hover figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;
}
 
figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
    color: #fff;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
 
figure img {
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    -ms-transition: all 1.5s;
    transition: all 1.5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
}
 
figure:hover img {
    -webkit-transform: scale(2.1);
    -moz-transform: scale(2.1);
    -o-transform: scale(2.1);
    -ms-transform: scale(2.1);
    transform: scale(2.1);
}
 
figcaption h3 {
    font-family:Tahoma, Geneva, sans-serif;
    font-weight: 400;
    color: #f3b204;
    padding: 10px 20px;
    margin-bottom: 0;
    position: relative;
    righ: 100%;
    margin-top: 5px;
    font-size: 25px;
}
 
figcaption p {
    font-family:Tahoma, Geneva, sans-serif;
    padding: 10px 20px;
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
    left: 100%;
    font-size: 13px;
}
 
figure:hover h3,figure:hover p {
    left: 0;
}
 
figcaption a {
    color: #fff;
    border: 2px solid #fff;
    padding: 4px 10px;
    text-decoration: none;
}
 
figcaption a:hover {
    color: #4f5856;
    background: #fff;
	text-decoration:none;
	border-bottom:2px solid #777;
}
/*Hover Intend Style for Index Page (CATEGORIES) */

.post-content {
    background: none repeat scroll 0 0 #000;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
    opacity: 0.8;
	width:100%;
	height:60px;
	bottom:0;
	text-align:center;
    position: absolute;
}



.catname_label{
	 text-align:center;
	 padding:15px;
	 background:#ccc;
	 color:#333;
	 height:inherit;
}
.pricelit_drop{
	float:left;
	width:100%;        
	color:#ffffff;
}
.price-thumb{
	text-align:center;
	margin:auto;
	width:auto;
	color:#000;
}

.pricelin_drop{
		float:left;
        width:100%;
        padding: 2px 5px;
		font-size:15px;
		background-color: #e6e6e6;
        border-top: 1px solid #999999;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        color: #000000;
        text-align: center;
		font-weight:bold; 
	
}

.contact_info{
	font-size:34px;
	color:#4470a1; 
	font-weight:bold;
	margin-bottom:0px;
	text-align:center; 
	}
@media (max-width: 768px) {
.contact_info{
	font-size:18px;
	}	
}	
.call_time{
	font-size:20px;
	color:#f60606;
	font-weight:bold;
	margin-top:0px; 
	line-height:1.2em;
	text-align:center; 
	}
@media (max-width: 768px) {
.call_time{
	font-size:15px;
	}	
}

.banner{
	margin-left:1%;
	padding:0; 
	height:auto; 
	width:49%;
	padding:0px;
	}
.deleteimg {
	width: 24px;
}

.col-padding {
	padding-left: 10px;
	padding-right: 5px;
}


input.numberstyle{
	width: 60px;	
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2px 3px;
}


@media (max-width: 991px) {
.banner{
	width:100%;
	margin:0px;
	margin-bottom:10px;
	}	
}
		
/**Top banner for different widths**/
@media (max-width:840px) and (min-width:768px) {
.shopping-cart{
	font-size:11px;
	}
a.right_links{
	font-size:15px;
	}	
}


/**Top banner for different widths:end**/

/**Hide social media description from some widths**/	
@media (max-width:995px) and (min-width:768px) {
.social_media{
	display:none;
	}
}
/**Hide social media description from some widths:end**/
	
/**Hide category description from mobile devices**/
@media (max-width: 768px) {
.categorydiv{
	display:none;
	}	
}	
/**Hide category description from mobile devices:end**/	


/**Menu text near the menu button for mobile devices**/		
@media (max-width:1000000px) and (min-width:768px) {
.menu{
	display:none
	}	
}
@media (max-width:768px) and (min-width:320px) {
.menu{
	margin-left:40%; 
	}	
}	
@media (max-width: 320px) {
.menu{
	margin-left:30%; 
	}	
}	
/**Menu text near the menu button for mobile devices:end**/	

/**Go to top link in footer for mobile devices**/	
@media (max-width: 768px) {
a.scroll-up{
	background-color:transparent;
	text-decoration:underline;
	color:#000000;
	}
a.scroll-up:hover{
	background-color:transparent;
	text-decoration:underline;
	color:#000000;
	}		
}
.prdes{
	font-size:14px;
	margin:0px;
	padding:0px;}	
/**Go to top link in footer for mobile devices:end**/

@media (max-width: 992px) {
.metro_logo{
	margin-bottom:5px;
	}	
}
@media (max-width:1000000px) and (min-width:992px) {
.metro_logo{
	margin-bottom:23px;
	}	
}

/* popup_box DIV-Styles*/
#popup_box, #popup_box2, #second_popup_box { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:200px;  
	width:600px;  
	background:#FFF; 
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	z-index:50000; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */	
	/* additional features, can be omitted */ 	
	padding:15px;  
	font-size:15px;  
	color:#000000;
	background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
		  top:-10%;
	
}
@media (max-width: 600px) {
#popup_box, #popup_box2, #second_popup_box{
	
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */ 
	width:320px; 
	height:290px;    
	background:#FFF; 
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	z-index:50000;	
	padding:15px;  
	font-size:15px;  
	color:#000000;
	background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
		  top:25%;
	
	}	
}
#submit_quantity, #confirm_order{
	  color: #fff;
	  background-color: #c9302c;
	  border-color: #357ebd;
	  padding:8px;
	  border-radius:5px;
	  border:none;
	  
}

#confirm_order:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #ac2925;
}

.confirm_order_s{
	  color: #fff;
	  background-color: #c9302c;
	  border-color: #357ebd;
	  padding:8px;
	  border-radius:5px;
	  border:none;
	  
}

.confirm_order_s:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #ac2925;
}

.con_ord2{
	 color: #fff;
	  background-color: #d9534f;
	  border-color: #357ebd;
	  padding:8px;
	  border-radius:5px;
	  border:none;
	}
.con_ord2:hover,
.con_ord2:focus,
.con_ord2:active,
.con_ord2.active,
.open > .dropdown-toggle.con_ord2 {
  color: #fff;
  background-color: #c9302c;
  border-color: #285e8e;
  text-decoration:none;
}
.con_ord_multi{
	 color: #fff;
	  background-color: #d9534f;
	  border-color: #357ebd;
	  padding:8px;
	  border-radius:5px;
	  border:none;
	}
.con_ord_multi:hover,
.con_ord_multi:focus,
.con_ord_multi:active,
.con_ord_multi.active,
.open > .dropdown-toggle.con_ord_multi {
  color: #fff;
  background-color: #c9302c;
  border-color: #285e8e;
  text-decoration:none;
}
#popup_box h1, #popup_box2 h1, #second_popup_box h1 {
	color:#ff0000;
}
#container {	
	width:100%;
	height:100%;
}
#background{
	display:none;	
	position:absolute;
	background:url(../images/main/site/background.png);
	width:100%;
	height:2000px;
	z-index:10;
	top:0;
	left:0;
}
a{  
cursor: pointer;  
text-decoration:none;  
} 

/* This is for the positioning of the Close Link */
#popupBoxClose, #popupBoxClose2, #popupBoxClose3 {
	font-size:20px;  
	line-height:15px;  
	right:5px;  
	top:5px;  
	position:absolute;  
	color:#ff0000;  
	font-weight:500;  	
}	
.btn-primary_1 {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
  padding:10px;
  border-radius:5px;
}
.btn-primary_1:hover,
.btn-primary_1:focus,
.btn-primary_1:active,
.btn-primary_1.active,
.open > .dropdown-toggle.btn-primary_1 {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
  text-decoration:none;
}

#favourite_product_box_Close a{ 
cursor: pointer; 
text-decoration:none; 
}

/* This is for the positioning of the Close Link */
#favourite_product_box_Close {
    font-size:12px;  
    line-height:15px;  
    right:5px;  
    top:5px;  
    position:absolute;  
    color:#F00;
    font-weight:500;      
}
.overlay {
    background-color: #000;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50); /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
}
.favourite_message{
	margin-top:15px;
	color:#000000;
	font-weight:bold;
	font-size:14px;}

@media (max-width: 515px) {
.legend{
	font-size:12px;
	}	
}

@media (max-width: 515px) {
.p_selling{
	font-size:10px;
	}	
}
@media (max-width: 768px) {

input.numberstyle{
	width: 40px;	
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2px 3px;
}

.deleteimg {
	width: 12px;
}

.col-padding {
	padding-left: 5px;
	padding-right: 0px;
}


.btn-xs1{
	margin-top:5px;
	}
		
}
.account_div{
padding-left:0px;
margin-left:0px;}
.account_div1{
padding-left:0px;
margin-left:0px;
padding:0px;
margin-bottom:10px;}
.scaffold{
	color:#333;
	font-size:16px;
	font-weight:bold;
	background-color:#E0E0E0;
	border:1px solid #CCC;}
.test123 a{
	padding:0px;}
.btn-warning1 {
  color: #fff;
  background-color: #FF9900;
  border-color: #eea236;
}
.btn-warning1:hover,
.btn-warning1:focus,
.btn-warning1:active,
.btn-warning1.active,
.open > .dropdown-toggle.btn-warning1 {
  color: #fff;
  background-color:#F60;
  border-color: #d58512;
}
.btn-warning1:active,
.btn-warning1.active,
.open > .dropdown-toggle.btn-warning1 {
  background-image: none;
}
.btn-info1 {
  color: #fff;
  background-color: #fe0000;
}
.btn-info1:hover,
.btn-info1:focus,
.btn-info1:active,
.btn-info1.active,
.open > .dropdown-toggle.btn-info1 {
  color: #fff;
  background-color:#CD0514;
}
.btn-info1:active,
.btn-info1.active,
.open > .dropdown-toggle.btn-info1 {
  background-image: none;
}

.parent_li{
	text-align:center;}
.img-container {
   text-align:center; /* Align center inline elements */
	width:223px;
	height:190px;
	float:left;
	background-color:#e9e9e9;
	margin-bottom:10px;

}

.img-container:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;

}

.img-container img {
  vertical-align: middle;
  display: inline-block;
}
#SearchParameters.in,
#SearchParameters.collapsing {
    display: block!important;
}	
#SearchParameters1.in,
#SearchParameters1.collapsing {
    display: block!important;
}
#SearchParameters2.in,
#SearchParameters2.collapsing {
    display: block!important;
}	
#SearchParameters3.in,
#SearchParameters3.collapsing {
    display: block!important;
}

@media (max-width: 991px) {
.btn-xs1{
	margin-top:5px;
}

.filter{
	font-size:14px;
	font-weight:bold;
	}	
}
.st1{
	font-size:12px; color:#CCCCCC;
	}
.st2{
	margin-top:0;
	}
.st3{
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	}
.st4{
	cursor:pointer;text-decoration:none;color:#C8BFF9;
	}
.st5{
	padding-left:0px; padding-right:0px; text-align:left;
	}
.st6{
font-size:12px;
}
.st7{
color:#fff;text-decoration:none;
}
.st8{
	margin-right:0px;
}
.st9{
float:right; margin-left:3px;
}
.st10{
font-size:15px;
}
.right_links{
color:#FFF;	
cursor:pointer
	}
.st11{	
margin:0px; padding:0px; margin-top:30px;	
}
.st12{	
margin-left:0;padding:0; height:auto;	
}
.st13{	
margin-left:0;padding:0; height:auto; margin-bottom:5px;
}
.st14{
margin-bottom:10px; margin-left:0px; padding-left:0px;
}
.st15{
color:#f60606; margin-left:0px; padding-left:0px;
}
.st16{	
color:#f60606;margin-left:0px; padding-left:0px; margin-top:0px;
}
.st17{		
color:inherit; text-decoration:none;
}
a.st17:hover{		
color:inherit; text-decoration:none;
}
.st18{	
color:#f60606;margin-right:10px; padding-left:0px; margin-top:0px;
}
.st19{	
color:inherit; text-decoration:none;
}
a.st19:hover{	
color:inherit; text-decoration:none;
}
.st20{
margin-right:10;padding:0; height:auto; margin-bottom:5px;
}
.st21{
color:#FFF;font-weight:bold;background-color:#EF3E43;
}
.st22{	
margin-top:5px;	
}
.st23{	
margin-bottom:0px;
}	
.st24{		
margin-bottom:5px;	
}
.st25{	
text-align:right;padding-right:0px;	
}
.st26{	
height:50px; font-size:13px; background-color:#525252; color:#FFF; font-weight:bold;	
}	
.st27{	
font-size:9px;
}
.st28{	
color:#002d5f;
}
.st29{		
color:#002d5f;
}
.st30{	
margin-bottom:20px;	
}
.st31{
margin-top:10px;margin-bottom:10px;
}
.st32{
margin-left:0px; padding-left:0px;
}
.st33{
float:left;width:auto;
}
.st34{
margin-top:50px;
}
.st35{
	margin-left:0;
}
.st36{
font-size:18px;
}
.st37{
font-size:1.5em;color:#CC3333;float:right;
}
.st38{
padding-left:0px; padding-right:0px; margin-top:20px; margin-bottom:10px; width:100%;
}
.st39{
padding:0;margin-top:25px;
}
.st40{
padding:0;height:auto;
}
.st41{
position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto;
}
.st42{
margin-bottom:15px;
}
.st43{
	margin-top:25px;padding-top:20px;background-color:#8c8c8c;color: #FFF; height:auto;margin-bottom:1px; width:100%;
}
.st44{
padding:0;
}
.st45{
color:#002d5f;text-decoration:none;
}
.st46{
list-style:none;
}
.st47{
margin-right:5px; font-size:12px;
}
.st48{
margin-bottom:5px;
}
.st49{
list-style:none; margin-bottom:5px;
}
.st50{
margin-right:5px; font-size:12px;
}
a.st51{
color:#FFFFFF;
text-decoration:none;
}
a.st51:hover{
color:#FFFFFF;
text-decoration:underline;
}
.st52{
margin-bottom:10px;
}
.st53{
color:#002d5f;
}
.st54{
margin:0px; padding:0px; border:0px;
}
.st55{
margin-right:5px; font-size:12px;
}
.st56{
color:#FFF;
}
.st57{
padding-top:20px;background-color:#333333;color:#FFF; height:auto; padding-bottom:30px;
}
.st58{
padding-left:0;
}
.st59{
list-style:none;padding:0;
}
.st60{
margin-bottom:15px;
}
.st61{
border:#666 1px solid;
}
.st62{
margin:0px; padding:0px; font-size:10px;
}
.st63{
margin:0px; padding:0px; font-size:24px; margin-bottom:10px; text-align:center;
}
.st64{
padding:auto;
}
.st65{
margin-bottom:25px;
}
.st66{
	height:300px; position: relative;
}
.st66a{
	height:120px; position: relative; margin-bottom:5px;
}
.st67{
text-align:center;color:#000;text-decoration:none; font-size:14px; margin-top:10px; margin-bottom:0px;
}
.st68{
	font-size:16px;
}
.st69{
overflow:hidden; padding-bottom:10px;
}
.st70{
margin-bottom:25px; height:400px;
}
.st71{
height:210px; position: relative;
}
.st72{
border:1px solid #ddd;
}
.st73{
color:#000000; font-size:12px;
}
.st74{
color: #0099FF;
}
.st75{
color: #000000;
}
.st76{
margin-bottom:20px;
}
.st77{
float:right; background-color:#f60606;
}
.st78{
float:right; background-color:#f60606;
}
.st79{
width:100%;text-align:center;
}
.st80{
margin-top:15px;
}
.st81{
font-size:18px; color:#F93; font-weight:bold;
}
.st82{
color:#000;
}
.st83{
margin-top: 5px; margin-bottom:10px;
}
.st84{
margin-left:10px;
}
.st85{
padding-top:10px; padding-bottom:10px; font-size:12px;
}
.st86{
padding-left:0px; padding-right:0px;
}
.st87{
font-size:24px; margin:0px; padding:0px; padding-bottom:10px; font-weight:bold;
}
.st87_h2{
font-size:24px; margin:0px; padding:0px; padding-bottom:10px; font-weight:normal;
}
.st88{
margin-bottom:0px; font-size:12px;
}
.st89{
margin-bottom:0px;
}
.st90{
margin:0px; padding:0px; margin-bottom:10px;
}
.st90_1{
margin:0px; padding:0px; margin-bottom:10px; color:#009900;
}
.st90_2{
margin:0px; padding:0px; margin-bottom:10px; color:#F00;
}
.st90_3{
margin:0px; padding:0px; margin-bottom:10px;
}
.st90_4{
margin:0px; padding:0px; color:#F00;
}
.st90_stock{
	margin:0px; padding:0px; margin-top:25px;
	}
.st91{
color:#090;
font-size:16px;
}
.st92{
color:#f60606;
}
.st93{
color:#CC3300; font-size:18px; font-weight:bold;
}
.st93_1{
color:#CC3300; font-size:14px; font-weight:bold;
}
.st94{
margin-bottom:15px;
}
.st95{
padding-left:0px; margin-bottom:15px;
}
.st96{
clear:left;
}
.bsubmit1{
	padding-left:0px;}
.bsubmit{
	margin-top:10px;
	padding-left:0px;}
.favs{
	color:#000000;
	text-decoration:underline;}
.favs:hover{
	color:#000000;
	text-decoration:underline;}
.favs1{
	color:#000000;
	}
.favs1:hover{
	color:#000000;
}
.st97{
background-color:#f60606;
}
.st98{
padding-left:0px; margin-bottom:10px;
}
.st99{
margin-top:10px;
}
.st99_1{
margin-top:10px;
padding-right:25px;
}
.st100{
text-align:center; color:#000; background-color:#8B9EBC;
}
.st101{
font-weight:100;font-size:12px;
}
.st102{
color:#333;text-align:center;
}
.st103{
text-align:center;
}
.st104{
text-align:center; color:#000; background-color:#8B9EBC;
}
.st105{
clear:left; margin-top:10px;
}
.st106{
margin-top:15px; margin:0px; padding:0px;
}
.st107{
cursor: pointer;
}
.st108{
color:red;
}
.st109{
resize: none;
}
.st110{
text-decoration:none;color:#000;text-align:center;
}
a.st110:hover{
text-decoration:none;
color:#000;
}
.st111{
margin:auto;
}
.st112{
width:100%;text-align:center;
}
.st113{
height:inherit;
}
.st114{
margin:5px;
}
.st115{
margin-top:25px;
}
.st116{
font-weight:bold; font-size:14px; padding-bottom:20px; text-align:center;
}
.st117{
height:270px;
}
.st118{
width:100%; text-align:center; margin: auto;
}
.st119{
margin:auto;border:1px solid #ccc;
}
.st120{
top:25%;
}
.st121{
margin-left:0px;
}
.st122{
width:260px;
}
.st123{
height:220px;
}
.st124{
width:100%; text-align:center; margin: auto; height:140px;
}
.pricelin1_drop{
clear: left;
float:left;
width:100%;
padding: 2px 5px;
font-size:12px;
background-color: #ffffff;
border: 1px solid #999999;
color: #999999;
text-align: center;
margin-bottom:10px;
}
.extra_details{
	margin-left:0px;
	font-size:20px;}
.extra_details li{
	padding-bottom:5px;}
.pro_des {
  border-bottom: 1px solid #000;

}	
.pro_des > li > a {
  border-radius: 0px 0px 0 0;
}

.pro_des > li.active > a,
.pro_des > li.active > a:hover,
.pro_des > li.active > a:focus {
  outline: 0;
  color: #000;
  cursor: default;
  background-color: #fff;
  border: 1px solid #000;
  border-bottom-color: transparent;
}
.pro_des > li > a {
  outline: 0;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid #000;
  padding: 0px 60px;
}

@media (max-width: 768px) {
.pro_des > li > a {
  padding: 0px 20px;
}
}


.pro_des > li > a:hover {
  outline: 0;
  border-color: #000;
}
.vat_class{
	color:#9A9A9A;
	font-size:16px;
	margin-bottom:10px;
	padding-left:0px;}
.list-group.panel > .list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.list-group-submenu {
  margin-left:20px;
}
.st125{
margin-top:40px; overflow:hidden;
}
.st126{
font-size:70px; margin-left:-10px;
}
.st127{
font-size:16px;
}
.st128{
margin-top:20px;
}
.st129{
padding-left:0px; margin-top:25px;
}
.st130{
padding-left:0px; padding-right:0px;
}

.st85_2{
padding-top:10px;
}
.save_1{
color:#00CC33; font-size:14px	
	}
.rrp_1{
	color:#000
}
.st131{
	margin-top:0px; padding-top:0px;
}
.st132{
	margin-bottom:5px;
}
.st133{
	border-radius:0px;
	overflow:hidden;
}
.st134{
height:200px;
border:1px solid #F6F6F6;
}
.st135{
	text-align:center;
	color:#FFF;
	background-color:#525252;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:15px;
	border:1px solid #525252;}
.st136{
	padding-top:12px;
	font-size:15px;}	
.st137{
	color:#900;
	font-size:12px;}
.st138{
	padding:0px; padding-top:10px; padding-bottom:10px; background-color:#FFFFFF; border:3px solid #000;}
.st139{
	padding:0px;
	text-align:center;}
.st140{
	padding:0px; padding-left:10px; padding-right:10px; padding-top:45px}
.st141{
	padding:0px; padding-left:10px; padding-top:55px}
.st142{
	width:90px;}
a.st143{
	color:#000000;
	text-decoration:none;}
.st144{
	font-weight:bold;}
.colours_red{
	color:#FF0000;}
.disabled
{
  pointer-events: none;
  opacity: 0.5;
  background: #CCC;
}
.st145{
	clear:left}
.st146{
	width:103px;}

.st149{
	width:115px;
	}
.st150{
	margin-top:20px; padding-left:0px; padding-right:0px;}
.st150_1{
	margin-top:20px; padding-left:70px; padding-right:60px;}
.st151{	
    border:solid 2px #1f568a; border-radius:0px; height:40px; text-align:center; font-family: Helvetica Neue, Arial, Helvetica, Sans-serif; 
}
.st152{
	height:41px;}
		
			
.st153{
	margin-top:20px;
	padding-left:0px;
	padding-right:0px; 
	text-align:center; 
	font-family: calibri;
	font-weight:bold; 
	font-size:18px;
	color:#000;
	}
	
@media (max-width: 768px) {	

.st153{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
}
		
.st154{
	width:20%; 
	padding-left:0px; 
	}
.st155{
	display:inline;
	width:60px;
	margin-bottom:10px;}
.st156{
	 width:23%; padding-left:0px;
}
.st157{
	 width:16%; padding-left:0px;
}	
.st158{	
	width:20%; padding-left:0px;}
.st159{	
	margin-top:0px;}
.st160{	
   margin-top:10px; text-align:center;}
.st161{
	background-color:#EF3E43; color:#FFF; font-weight:bold; border-radius:20px; padding-left:0px; padding-right:0px; padding-bottom:10px;}
.st162{
	font-size:16px;
}
.st163{
	font-size:14px;
}	
.st164{
	margin-left:12px;
}
.st165{
	width:90px;
}
.st179{
	margin-top:20px;
}
@media (max-width: 560px) {
	.st148{
		width: 100%;
		}
	.st153{
	font-size:13px;
	margin-top:10px;}
}	
	
.st166{
	width:20%; 
	padding-left:0px;
	margin-top:7px;
	}	
.st167{
	margin-bottom:20px;
}
.st168{
	padding-left:20px;
	color:#FFFFFF;
	background-color:#525252;
	padding-top:7px;
	padding-bottom:7px;
	font-size:13px;
	font-weight:bold;}
@media (max-width:1199px) and (min-width:990px) {
.st162{
	font-size:18px;
}
.st163{
	font-size:14px;
}
.st150_1{
	margin-top:25px;}
}
	
.st169{
	 width:19%; padding-left:0px; padding-right:0px;
}	
.st170{
	width:22%; 
	padding-left:0px; 
	}	
@media (max-width:1199px) and (min-width:990px) {
.st153{
	font-size:14px;
	}
}	
.st171{
	height:45px; 
	}	
.st172{
	height:38px; 
	}	
	
@media (max-width: 640px) {
	.st153{
	font-size:11px;
	}
}
		
	
@media (max-width: 410px) {
.st162{
	font-size:20px;
}
.st163{
	font-size:18px;
}
}	
.st164{
	display:inline;
	width:85px;
	margin-bottom:10px;}	
.st165{
	display:inline;
	width:80px;
	margin-bottom:10px;}	
	
.st178{
	display:inline;
	width:73px;
	margin-bottom:10px;}	
	
@media (max-width: 579px) {
	
.st155{
	width:40px;}
.st166{
	margin-top:5px;
	}
.st157{
	width:16%;
	 margin-top:3px;
}
.st172{
	height:33px; 
	}	
.st171{
	height:35px; 
	}	
.st173{
	height:37px; 
	}
.st178{
	width:50px;}
}
	

.st174{
	margin-top:-5px
	}	
.st175{
	margin-top:7px
	}
@media (max-width:1000000px) and (min-width:992px) {
.st176{
	width:15%
	}
.st177{
	width:60%
	}
}	
	
.st180{
	color:#FFFFFF;
	padding-top:10px;
	}
.st181{
	color:#FFFFFF;
	padding-right:5px;
	padding-top:10px;
	}	
	
@media (max-width: 500px) {
	

.st156{
	width:31%;
	 
}
.st170{
	display:none;
	 
}
.st157{
	width:21%;
	 
}
.st166{
	width:24%;
	 
}
.st169{
	width:24%;
	 
}

.st162{
	font-size:20px;
	font-weight:bold;
}
.st163{
	display:none;
}
.st161{
	padding-top:5px;
	padding-bottom:5px;}
.st160{
	margin-top:0px;}
.st174{
	margin-top:-3px;}
.st179{
	margin-top:10px;
}
.st161{
	border-radius:7px;}
.st175{
	margin-top:5px;}
.st181{
	color:#FFFFFF;
	padding-right:5px;
	padding-top:3px;
	}
}	

@media (max-width:1000000px) and (min-width:1200px) {	
.st149{
	margin-top:5px;}
.st24{		
margin-bottom:0px;	
}
.st176{
	width:14%;
	}
.st177{
	width:61%;
	}
}		
.breadcrumb{
	margin-top:10px;}
@media (max-width: 320px) {

.st162{
	font-size:15px;	
}
}
.st182{
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;}		
.navbar-inverse .navbar-nav > li.st182 > a {
  color: #fff;
}

/**Navbar for small widths**/
@media (max-width:1200px) and (min-width:990px) {
.navbar-nav > li > a {
	padding-left:8px;
	padding-right:8px;
	}	
.navbar-collapse{
	padding-left:15px;
	padding-right:0px;	
}
}
@media (max-width:991px) and (min-width:768px) {
.navbar-nav > li > a {
	padding-left:4px;
	padding-right:5px;
	font-size:11px;
	font-weight:normal;
	}
.navbar-collapse{
	padding-left:9px;
	padding-right:0px;	
}
.contactr{
	padding-right:15px;
}
.navbar-inverse .navbar-nav > li.st182 > a {
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;}		
}
.st183{
	margin-top:-5px;}
.addresslistbypostcode{
	margin-top:10px;
	margin-bottom:10px;}
#err1{
	color:#F00;}

input[readonly] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
    border: 1px solid #ccc;
}