/* DO NOT CHANGE THIS FILE -------------------------------------------------- */
/* TO OVER-RIDE ANY ASPECT OF THIS CSS, AMEND THE user.css FILE ------------- */


/* Historical osCommerce ---------------------------------------------------- */
/*BOF - Zappo - Option Types v2 - Progress Bar */
.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-left:15px}}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group .card{-ms-flex:1 0 0%;flex:1 0 0%}.card-group .card+.card{margin-left:0;border-left:0}.card-group .card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group .card:first-child .card-img-top{border-top-right-radius:0}.card-group .card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group .card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group .card:last-child .card-img-top{border-top-left-radius:0}.card-group .card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group .card:not(:first-child):not(:last-child){border-radius:0}.card-group .card:not(:first-child):not(:last-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;column-count:3;-webkit-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%}}
.col_off{
	padding-top:40px !important;
	
	}
.bord_a{
	height:155px;
	border-bottom:1px solid #eaeaea;
	}
.auto_selected{
	border:1px solid #de286b;
	 border-radius:5px;
	}
.text_overlay {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000000;
  border:1px solid #000000;
  border-radius:5px;
  
}

.container:hover .overlay {
  opacity: 0.8;
}
.img_dis{
	    opacity: 0.3;
	}
.p_list_auto{
	position:relative;
	float:left;
		padding:3px;
		width:228px;
		min-height: 165px;
	}
.p_list_kleur{
	position:relative;
	float:left;
		padding:3px;
		width:100px;
		min-height: 150px;
	}
.rhino-bump{
	max-width:1000px;
	}
.kenteken_size{
	width:60px;
	}
.color_div{
	float:left;
	width:120px;
	height:135px;
	text-align:center;
	padding:10px;
	border:1px solid #CCC;
	border-radius:5px;
	margin:3px;
	}
.color_in_div{
	width:100px;
	height:100px;
	text-align:center;
}
.color_in_div_text{
	
	}
	
	.div_boot_txt{
		max-height:150px;
		overflow-x: hidden;
		overflow-y: hidden;
	border:1px solid #CCC;
	border-radius:5px;
	padding:10px;
	margin-bottom:5px;
		}
		.t_italic{
			font-style: italic;
			}
			.t_bold{
				font-weight: bold;
				}
				.t_bold_italic{
					font-style: italic;
					font-weight: bold;
					}
.basic_boot_txt{
	font-size:30px;
	color:#000;
	text-transform: uppercase;
	
	}
.basic_boot_txt_nor{
	font-size:30px;
	color:#000;
	
	
	}
.active_bootsticker{
	background-color:#0D6393;
	height:205px;
	}

.boot_bel_head{
	width:100%;
	background-color:#0D6393;
	
	overflow:hidden;
	display: inline-block;
	border-radius:8px;
	padding:6px;
	color:#FFF;
	}
.roboto{
	font-family: "Roboto Condensed",  Verdana, Arial, sans-serif;
	}
	
	.vloer_bel_head{
	width:100%;
	background-color:#de2873;
	
	overflow:hidden;
	display: inline-block;
	border-radius:8px;
	padding:6px;
	color:#FFF;
	}
	.price_rhino{
	font-family: "Roboto Condensed Bold Italic",  Verdana, Arial, sans-serif;
	font-size:25px;
	text-transform: uppercase;
	color:#FFF;
	
	}
.vloer_h2{
	font-family: "Roboto Condensed Bold Italic",  Verdana, Arial, sans-serif;
	font-size:25px;
	text-transform: uppercase;
	color:#FFF;
	
	}
	.rhino_bel_head{
	width:100%;
	background-color:#ff8400;
	
	overflow:hidden;
	display: inline-block;
	border-radius:8px;
	padding:6px;
	color:#FFF;
	}
.raam_bel_head{
	width:100%;
	background-color:#de2873;
	
	overflow:hidden;
	display: inline-block;
	border-radius:8px;
	padding:6px;
	color:#FFF;
	}
.raam_h2{
	font-family: "Roboto Condensed Bold Italic",  Verdana, Arial, sans-serif;
	font-size:25px;
	text-transform: uppercase;
	color:#FFF;
	
	}
.progress{
  width: 1px;
  height: 12px;
  color: grey;
  font-size: 10px;
 /* overflow: hidden; */
  background-color: #bbc3d3;
  padding-left: 5px;
}
.bar{
  border-style: solid;
  border-width: 1px;
  border-color: #bbc3d3;
}
/*EOF - Zappo - Option Types v2 - Progress Bar */

/*BOF - Zappo - Option Types v2 - ONE LINE - Preload Option Type Images */
div#ImagePreload { display: none; }

/*BOF - Zappo - Option Types v2*/
hr.divider {
  color: #a6c9e2;
  background-color: #a6c9e2;
  height: 1px;
  border: none;
  width: 100%;
}
.optionsName {
  font-weight: bold;
}
/*EOF - Zappo - Option Types v2*/
.active_raamsticker{
	background-color:#de286b;
	height:180px;
	}
	.active_vloersticker{
	background-color:#de286b;
	height:205px;
	}
		.active_rhino{
	background-color:#ff8400;
	height:185px;
	}
.buttoncheck {
  float: right;
}
.btw_info{
	color:#999;
	font-size:12px;
	}
	
.products_price{
	font-weight:bold;
	color:#711519;
	font-size:18px;
	}	
.pro_cons{
	width:100%;
	   font-family: "Roboto Regular",  Verdana, Arial, sans-serif;
    font-size: 14px;
    
    border: 1px solid #CCC;
    border-radius: 6px;
    position: relative;
    float: left;
    padding: 6px;
	margin-bottom:5px;
    
	}
.colsmob {
	width:auto !important;
		max-width:300px !important;
   
}
.mob-cart{
	display:none;
	}
.form_offerte_1{
	max-width:800px;
	width:100%;
	text-align:left;
	}
h1 small{
	font-size:11px !important;
	}
.aantalbox{
	width:auto !important;
	}
.cat_button_sel{
	border-bottom:3px solid #59a2ec;
	}
.price-text{
	font-weight:bold;
	color:#711519;
	}
.btn-default2 {
    color: #FFF;
    background-color: #c51568;
    border-color: #ccc;
}
@font-face {
    font-family:"wings";
	 src: url(//www.diysign.nl/font/winding.ttf) format("truetype");
}

.form-group {
    
   
	 margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding: 5px;
	
    
}
.form-group2 {
    
   
	 margin-bottom: 15px;
  
    padding: 5px;
	
    
}
.xs_garanties {
	font-family: "Roboto Condensed Bold Italic",  Verdana, Arial, sans-serif;
	width:100%;
	background-color:#de286b;
	
	font-size:30px;
	color:#FFF;
	padding:5px;
margin-bottom: 10px;
border-radius:5px;
	}
	
.cat_menu {
	position:relative;
	float:left;
	/*padding-top:16px;*/
	
	width:100%;
	
    
	border-left:15px solid #FFF;
	  border-right:15px solid #FFF;
	}
.cat_menu2 {
	position:relative;
	float:left;
	padding-top:10px;
	background-color:#dae8eb;
	width:100%;
	margin-bottom: 2px;
	 box-sizing: border-box;
	 border-left:15px solid #FFF;
	  border-right:15px solid #FFF;
	 
	
overflow: hidden;
	
	min-height:50px;
	
    
	padding-left:10px;
	}
	.cat_button{
		padding:8px;
		position:relative;
		float:left;

	font-family: "Roboto Regular",  Verdana, Arial, sans-serif;
	color:#636363;
	
	font-size:16px;
	}
	.cat_button2{
		padding:8px;
		position:relative;
		float:left;

	font-family: "Roboto Regular",  Verdana, Arial, sans-serif;
	background-color:#dae8eb;
	color:#636363;
	
	font-size:16px;
	}
		.cat_button3{
		padding:8px;
		position:relative;
		float:left;

	font-family: "Roboto Regular",  Verdana, Arial, sans-serif;
	background-color:#FFF;
	color:#636363;
	
	font-size:16px;
	}
.voordelen{
	 font-family: "Roboto Regular",  Verdana, Arial, sans-serif;
    font-size: 14px;
    top: 8px;
    border: 1px solid #CCC;
    border-radius: 6px;
    position: relative;
    float: left;
    padding: 6px;
    
	}
.green{
	color:#0C6;
	
	}
.diy_but{
	padding:12px !important;
	font-size:18px !important;
	}
.pro_but{
	padding:3px !important;
	}

.main_cont{
	width:100%;
	
	}
.col-md-12, .col-md-10{
	width:100%;
    max-width: 1200px !important;
	/*float:none !important;*/
	text-align: left;
}
.container_koop_nu{
	width:100%;
	}
.voeg_toe_diy{
	position:relative;
	left:10px;
	float:left;
	}
.product_add_pro_price{
	float:left;
	font-family: "Roboto Regular",  Verdana, Arial, sans-serif;
	font-size:14px;
	display: inline-block;
	background-color:#de2873;
	overflow:hidden;
	width:auto;
	padding:4px;
	color:#FFF;
	}
.product_add_price_tag{
	float:left;
	font-family: "Roboto Regular",  Verdana, Arial, sans-serif;
	font-size:30px;
	display: inline-block;
	background-color:#358de8;
	overflow:hidden;
	width:auto;
	padding:4px;
	color:#FFF;
	}
.product_add_price{
	display:block;
	background-color:#53a3f4;
	width:70px;
	padding:4px;
	color:#FFF;
	}
.product_add_content{
	background-color:#FFF;
	width:98%;
	position:relative;
	padding:4px;
	left:3px;
	position: relative;
    border-right: 1px solid #d2e6eb;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    -webkit-box-shadow: -3px 0px 12px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: -3px 0px 12px rgba(50, 50, 50, 0.4);
    box-shadow: -3px 0px 12px rgba(50, 50, 50, 0.4);
    padding-top: 15px;
   
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
	 -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
	}
.product_add_model{
	font-family: "Roboto Regular",  Verdana, Arial, sans-serif;
	font-size:14px;
	position:relative;
	top:-16px;
	color:#FFF;
	}
.product_add_head{
	font-family: "Roboto Condensed Bold Italic",  Verdana, Arial, sans-serif;
	font-size:25px;
	text-transform: uppercase;
	color:#FFF;

	}
.product_add{
	width:100%;
	min-width:250px;
	max-width:370px;
	background-color:#de2873;
	min-height:500px;
	overflow:hidden;
	display: inline-block;
	border-radius:8px;
	padding:6px;
	}
.active_voortuig{
	background-color:#de286b;
	height:115px;
	}
.plakgarantie{
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	/*border:1px solid #3866a3;*/
	display:inline-block;
	
	color:#14396a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:4px 2px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
	}
	.plakgarantie_xs{
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	/*border:1px solid #3866a3;*/
	display:inline-block;
	
	color:#14396a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 2px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
	}
.resultaatgarantie{
		-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	/*border:1px solid #ffaa22;*/
	display:inline-block;
	
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:4px 2px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	}
	.resultaatgarantie_xs{
		-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	/*border:1px solid #ffaa22;*/
	display:inline-block;
	
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 2px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	}
	.image_jumbo2 {
	margin-bottom: 0px !important;
	height:200px;
    background-image: url("images/sitetemplate/achtergrond_jumbo_45.jpg");
	background-position: -50px -0px; 
	background-repeat: no-repeat;
    background-color: #cccccc;
}
.image_rhino_jumbo {
	margin-bottom: 0px !important;
	height:400px;
    background-image: url("images/sitetemplate/rhino_bump_splash.jpg");
	background-position: 0px 0px; 
	background-repeat: no-repeat;
    background-color: #cccccc;
}
.image_jumbo {
	margin-bottom: 0px !important;
	height:200px;
    background-image: url("images/sitetemplate/achtergrond_jumbo.jpg");
	background-position: 0px -100px; 
	background-repeat: no-repeat;
    background-color: #cccccc;
}
.collogo{float:left; position:relative;left:10px}
.colsearch{float:right; position:relative;right:15px}

.ok{
	font-family:wingding2,wingdings,"wings";
	fontweight:bold;
	}

@font-face {
    font-family:"Roboto Condensed";
	 src: url(/font/RobotoCondensed-Regular.ttf) format("truetype");
}
@font-face {
    font-family:"Roboto Condensed Bold Italic";
	 src: url(/font/RobotoCondensed-BoldItalic.ttf) format("truetype");
}
@font-face {
    font-family:"Roboto Regular";
	 src: url(/font/Roboto-Regular.ttf) format("truetype");
}
.logo_container{
	width:100%;}
.logo_c1{float:left;position:relative;}
.logo_c2{float:left;position:relative;}
.logo_c3{float:left;position:relative;left:40px;top:15px;}
.triangle-obtuse {
	top:0px;
	left:20px;
	width:235px;
	font-family: "Roboto Regular",  Verdana, Arial, sans-serif;
    font-size: 12px;
    position: relative;
    padding: 5px;
    margin: 1em 0 3em;
    color: #000;
    background: #fff;
	border:1px solid #999;
	    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	
 
   
}
.triangle-obtuse:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 40px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #999 transparent;
    display: block;
    width: 0;
}

.triangle-obtuse:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 43px;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}
.triangle-obtuse2 {
	top:10px;
	left:30px;
	width:265px;
	font-family: "Roboto Regular",  Verdana, Arial, sans-serif;
    font-size: 12px;
    position: relative;
    padding: 5px;
    margin: 1em 0 3em;
    color: #000;
    background: #fff;
	border:1px solid #999;
	    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	
 
   
}
.triangle-obtuse2:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 200px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #999 transparent;
    display: block;
    width: 0;
}

.triangle-obtuse2:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 203px;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}
.navbar-inverse {
    background-color: #f9f9f9 !important;
    border-color: #e2e2e2 !important;
}

.breadeffect{
	
background-color: #f4f4f4 !important;
	}
.breadtext{
	/*color:#FFF;*/
	}
.buttonSet {
  margin-top: 10px;
  margin-bottom: 10px;
}

.buttonSet { zoom: 1; }
.buttonSet:before, .buttonSet:after { content: ""; display: table; }
.buttonSet:after { clear: both; }

.buttonAction {
  /*float: right;*/
}

.buttonActionreview {
  float: right;
}

#piGal {
  float: right;
  width: 250px;
}

#piGal img {
  max-width: 250px;
  height: auto;
}

.inputRequirement, .markProductOutOfStock, .stockWarning {
  color: #B33A3A;
}

.markProductOutOfStock, .stockWarning {
  font-weight: bold;
}

ul.accountLinkList {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 2;
}

ul.shoppingCartList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.shoppingCartList li.newItemInCart, ul.shoppingCartList li.newItemInCart A {
  color: red;
}

/* Alignment of Form Inputs ------------------------------------------------- */

.form-control {
  margin-bottom: 5px;
  display: inline;
}

/* for the product page rework ---------------------------------------------- */

.page-header h1 del {
  font-size: 0.5em;
}

/* for the category list rework --------------------------------------------- */

.list-group-item-heading {
  height: 40px;
  overflow: hidden;
}

.list-group-item-text {
  height: 94px;
  overflow: hidden;
}

p.lead del {
  font-size: 0.5em;
}

/* Category Listings  ------------------------------------------------------- */
.thumbnail {
  margin-bottom: 20px;
  padding: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-top: 10px;
}

.thumbnail .caption h5 {
  min-height: 35px;
}

.item.list-group-item {
  float: none;
  width: 100%;
  background-color: #fff;
  margin-bottom: 10px;
}

.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover {
  background: #428bca;
}

.item.list-group-item .list-group-image {
  margin-right: 10px;
}

.item.list-group-item .thumbnail {
  margin-bottom: 0px;
}

.item.list-group-item .caption {
  padding: 9px 9px 0px 9px;
}

.item.list-group-item:nth-of-type(odd) {
  background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after {
  display: table;
  content: " ";
}

.item.list-group-item img {
  float: left;
}

.item.list-group-item:after {
  clear: both;
}

.list-group-item-text {
  margin: 0 0 11px;
}


/* Responsive Images  ------------------------------------------------------- */
/* the inbuilt bootstrap responsive images class breaks the text-center class */

#bodyContent .img-responsive, #columnLeft .img-responsive, #columnRight .img-responsive {
  margin-left: auto;
  margin-right: auto;
}

/* Checkout Bar ------------------------------------------------------------- */
.stepwizard {
  margin-top: 20px;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 33%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
/* Pagination  ------------------------------------------------------- */
.pagenav {
   position: relative;
   top:-25px;
   left:3px;
   height: 40px !important;
}
.pagenumber {
  margin-bottom:7px;
}

/* Reviews ------------------------------------------------------------------ */

.reviews blockquote p {
  font-size: 0.8em;
}

/* Responsive Text Alignment ------------------------------------------------ */
/* https://github.com/twbs/bootstrap/issues/11292 --------------------------- */

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
	.triangle-obtuse {
	margin:auto;
	}
	.searchbox-margin {
	margin-top: 0px;
     margin-bottom: 0px; 
	}
	.colsmob {
	width:auto !important;
		/*max-width:300px !important;*/
   
}
	.col3mob,.col9mob {
		width:100% !important;
    float: none !important;
}
	.mob-cart{
	padding-left:3px;
	display:initial;
	float:left;
	width: 80%;
	}
		.dmob{
	float:left;width: 60%;
		}
		.dmob_but{
	float:left;width: 40%;
		}
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
	
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

/* Footer ------------------------------------------------------------------- */
.footer {
  background: #eee;
  border-top: 2px solid #ddd;
}

.footer .footerbox {
  padding: 10px 10px 0px 10px;
}

.footer-extra {
  background: rgba(36,36,36,1);
background: -moz-linear-gradient(left, rgba(36,36,36,1) 0%, rgba(92,92,92,1) 59%, rgba(93,171,240,1) 70%, rgba(226,200,51,1) 80%, rgba(240,24,153,1) 90%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(36,36,36,1)), color-stop(59%, rgba(92,92,92,1)), color-stop(70%, rgba(93,171,240,1)), color-stop(80%, rgba(226,200,51,1)), color-stop(90%, rgba(240,24,153,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(36,36,36,1) 0%, rgba(92,92,92,1) 59%, rgba(93,171,240,1) 70%, rgba(226,200,51,1) 80%, rgba(240,24,153,1) 90%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(36,36,36,1) 0%, rgba(92,92,92,1) 59%, rgba(93,171,240,1) 70%, rgba(226,200,51,1) 80%, rgba(240,24,153,1) 90%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(36,36,36,1) 0%, rgba(92,92,92,1) 59%, rgba(93,171,240,1) 70%, rgba(226,200,51,1) 80%, rgba(240,24,153,1) 90%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(36,36,36,1) 0%, rgba(92,92,92,1) 59%, rgba(93,171,240,1) 70%, rgba(226,200,51,1) 80%, rgba(240,24,153,1) 90%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#000000', GradientType=1 );
border-radius:0px !important;
  color: silver;
  line-height: 3;
}

.footer-extra A {
  color: silver;
}

.footer h2 {
  padding: 0;
  margin: 0;
  font-size: 1em;
  letter-spacing: 0.1em;
  color: rgb(142,11,0);
  text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.contact {
  border-left: 1px solid #ddd;
}

/* Category Listings  ------------------------------------------------------- */
/* Reusable Inline Block Grids for building UL list  ------------------------ */
.inline-span {
 display: block; overflow: hidden; padding: 0; margin: 0 auto; width: 100%;
}
.inline-span:before, .inline-span:after {
 display: table; content: " ";
}
.inline-span:after {
 clear: both
}
.inline-span > li {
 position: relative; display: inline; height: auto; float: left; padding: 1%; margin: 1%; overflow: hidden;
}
.inline-span.one-across > li {
 width: 98%
}
.inline-span.two-across > li {
 width: 48%
}
.inline-span.two-across > li:nth-child(2n+1) {
 clear: both
}
.inline-span.three-across > li {
 width: 31.3%
}
.inline-span.three-across > li:nth-child(3n+1) {
 clear: both
}
.inline-span.four-across > li {
 width: 23%
}
.inline-span.four-across > li:nth-child(4n+1) {
 clear: both
}
/*=======================first setup the grid view =====================*/
.listingContainer {
 line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.listingContainer .placeholder > img, .listingContainer .placeholder a > img {
 margin-right: auto; margin-left: auto;
}
.listingContainer .caption {
 float: left; height: 166px; overflow: hidden;
}
.listingContainer .caption h2 {
 font-size: 16px; 
}
.listingContainer .price-wrap {
 float: left; width: 48%;
}
.listingContainer .btn-wrap {
 float: right; text-align: right; width: 48%;
}
.listingContainer .optional-wrap {
 display: block; overflow: hidden; width: 100%; margin-left: 0; padding-left: 0;
}
.listingContainer .optional-wrap > li {
 position: relative; display: inline; float: left; overflow: hidden; width: 100%;
}
/*======================= some help for four wide option ==================*/
.four-across .listingContainer .price-wrap {
 width: 100%; text-align: center;
}
.four-across .listingContainer .btn-wrap {
 float: right; text-align: center; width: 100%;
}
/*=======================next list view overrides ========================*/
.one-across .listingContainer .placeholder {
 width: 25%; float: left; margin: 2% auto;
}
.one-across .listingContainer .caption {
 height: auto; width: 75%; float: right;
}
.one-across .listingContainer .caption h2 {
 text-align: left
}
.one-across .listingContainer .price-wrap {
 width: 25%; text-align: center;
}
.one-across .listingContainer .optional-wrap > li {
 width: 48%
}
/*======================= finally we go responsive ========================*/
@media (max-width: 767px) {
    /* Reusable Inline Block Grids --- */
	.one-across .listingContainer .caption {
 width: 68%; 
}
    .inline-span > li {
     clear: none
    }
    .inline-span.four-across > li:nth-child(4n+1) {
     clear: none
    }
    .inline-span.three-across > li:nth-child(3n+1) {
     clear: none
    }
    .inline-span.two-across > li:nth-child(2n+1) {
     clear: none
    }
    .inline-span.fluid-one-across > li {
     width: 98%
    }
    .inline-span.fluid-two-across > li {
     width: 48%
    }
    .inline-span.fluid-two-across > li:nth-child(2n+1) {
     clear: both
    }
    /* Listings  ------------------------------------------------------- */
    .listingContainer .optional-wrap {
     display: none
    }
    .fluid-one-across .listingContainer .caption h2 {
     margin-top: 2%
    }
    .fluid-one-across .listingContainer .price-wrap {
     text-align: left; width: 48%;
    }
    .fluid-two-across .listingContainer .caption, .three-across.fluid-one-across .listingContainer .caption, .four-across.fluid-one-across .listingContainer .caption {
     width: 100%; height: 60px;
    }
    .fluid-two-across .listingContainer .caption small, .three-across.fluid-one-across .listingContainer .caption small, .four-across.fluid-one-across .listingContainer .caption small {
     display: none
    }
    .fluid-two-across .listingContainer .price-wrap, .fluid-two-across .listingContainer .btn-wrap, .three-across.fluid-one-across .listingContainer .price-wrap, .three-across.fluid-one-across .listingContainer .btn-wrap, .four-across.fluid-one-across .listingContainer .price-wrap, .four-across.fluid-one-across .listingContainer .btn-wrap {
     text-align: center; width: 100%;
    }
}

/* Account History Info ----------------------------------------------------- */
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  right: 25px;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: calc( 100% - 75px );
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  right: 0px;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p .timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
.timeline-body blockquote {
  font-size: 1em;
}

/* Nav Bars ----------------------------------------------------------------- */

.navbar-no-corners {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-left: none;
  border-right: none;
}

.navbar-no-margin {
  margin-bottom: 0 !important;
}

.searchbox-margin {
	width:250px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-control-feedback{
	padding-right:2%;
}

@media screen and (min-width: 320px) 
			  and (max-width: 736px)
			  and (-webkit-min-device-pixel-ratio: 2) {
.mob_vid{
	zoom:55%;
	}
			  }