@charset "utf-8";

/* CSS Document */



/*

 * Style tweaks

 * --------------------------------------------------

 */

html {

  overflow-x: hidden; /* Prevent scroll on narrow devices */



}

body {

  padding-top: 100px;

  background:#fff;

  border-top:5px solid red

}

a {

  color:#2E3191

}



#sidebar h2{

  background: url("/img/grain.png") repeat scroll 0 0 #fff;

   font-size:1.2em;

   padding:10px 40px 

   

}



.product-header {

	font-size: 30px;

}



.navbar-top-index3 {

	background:#0A249D !important;

	height:57px !important;

}



.navbar-background-index3 {

	background-color:#0A249D;

	border-color:#0A249D;

}



footer {

  padding: 30px 0;

  background: url("/img/grain.png") repeat scroll 0 0 #000;

}



footer h3, footer p {

    color:#fff;

}



footer ul li a {

    color:#fff;

}

footer p a{

   color:#fff;

   text-decoration:underline;

}



.caption p {

    color:#000;

    }

	

.hide-if-normal {

  	display: none;

  }



/*

 * Off Canvas

 * --------------------------------------------------

 */

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

  .row-offcanvas {

    position: relative;

    -webkit-transition: all 0.25s ease-out;

    -moz-transition: all 0.25s ease-out;

    transition: all 0.25s ease-out;

  }



  .row-offcanvas-right

  .sidebar-offcanvas {

    right: -50%; /* 6 columns */

  }



  .row-offcanvas-left

  .sidebar-offcanvas {

    left: -50%; /* 6 columns */

  }



  .row-offcanvas-right.active {

    right: 50%; /* 6 columns */

  }



  .row-offcanvas-left.active {

    left: 50%; /* 6 columns */

  }



  .sidebar-offcanvas {

    position: absolute;

    top: 0;

    width: 50%; /* 6 columns */

  }

  

    .hide-if-normal {

  	display: block;

  }

  

  .hide-field {

  	display: none;

  }



  .navbar-brand {

	  width: 200px;

  }

  

}





.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {

color: white;

/*background-color: #AA1520;*/

background-color: #0A249D;

display: block;

}



.nav > li.active {

   text-decoration: none;

   background-color: #EEE;

}











.nav-stacked > li {

    border-bottom:1px solid #F2F2F2

}



.nav-maintab > li > a:hover{

	color:#fff;

	background-color:#0A249D;

}



h2.home-cat{

     padding-left:20px;

}

.bold {font-weight:700;}

.rus-sidenav {

   margin-top: 30px;

   margin-bottom: 30px;

   padding-bottom: 10px;

   background: url("/img/grain.png") repeat scroll 0 0 #F2F2F2;







  /* border-top:3px solid #AA1520;

   border-top:3px solid #0A249D;*/

}



.rus-sidenav > li > a:hover{

  /*background:#AA1520;*/

  background:#0A249D;

  color:#fff

  }

  

.navbar-nav{

   /*background-color: #AA1520;*/

   background-color: #0A249D;

}



.navbar-default .navbar-nav > li > a{

    color: white;

}



.navbar-default .navbar-nav > li > a:hover{

    color: white;

    text-decoration:underline;

}



#supplier-nav-bar > li > a:hover {

	background-color: #E7E7E7;

	color: #666;

}



.navbar-fixed-top {

    background: url("/img/grain.png") repeat scroll 0 0 #fff;

	height: 90px;

}



.navbar-default {	

border-bottom:3px solid #F2F2F2;



}



a:focus {

    background-color: #FFBF47;

    outline: 3px solid #FFBF47;

}

.skiplink {

    left: -9999em;

    position: absolute;

}

.skiplink:focus {

    position: static;

}

#skiplink-container {

    background: none repeat scroll 0 0 #0B0C0C;

    text-align: center;

}

#skiplink-container div {

    margin: 0 auto;

    max-width: 1020px;

    text-align: left;

}

#skiplink-container .skiplink {

    display: inline-block;

    margin: 0.75em 0 0 30px;

}









.form-signin

{

    padding: 10px;

    margin: 0 auto;

}



.form-signin .form-signin-heading, .form-signin .checkbox

{

    margin-bottom: 10px;

}

.form-signin .checkbox

{

    font-weight: normal;

}

.form-signin .form-control

{

    position: relative;

    font-size: 16px;

    height: auto;

    padding: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.form-signin .form-control:focus

{

    z-index: 2;

}

.form-signin input[type="text"]

{

    margin-bottom: -1px;



}

.form-signin input[type="password"]

{

    margin-bottom: 10px;



}

.account-wall

{

    margin-top: 20px;

    padding: 40px 0px 20px 0px;

    background: url("/img/grain.png") repeat scroll 0 0 #F2F2F2;

    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}

.login-title

{

    color: #555;

    font-size: 18px;

    font-weight: 400;

    display: block;

}

.profile-img

{

    width: 61px;

    height: 62px;

    margin: 0 auto 10px;

    display: block;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

}

.need-help

{

    margin-top: 10px;

    text-decoration:underline

}

.new-account

{

    display: block;

    margin-top: 10px;

    text-decoration:underline

}

   

.btn-danger {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #0A249D;

    border-color: #0A249D;

    color: #FFFFFF;

	margin: 5px;

}



.btn-danger:default {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #0A249D;

    border-color: #0A249D;

    color: #FFFFFF;

}



.btn-danger:hover {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #0A249D;

    border-color: #0A249D;

    color: #FFFFFF;

}



.btn-danger:focus {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #0A249D;

    border-color: #0A249D;

    color: #FFFFFF;

}







.btn-create {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #0A249D;

    border-color: #0A249D;

    color: #FFFFFF;

	margin: 5px;

}



.btn-create:hover {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #749C16;

    border-color: #0A249D;

    color: #FFFFFF;

}



.btn-mainmenu {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #999999;

    border-color: #858585;

    color: #FFFFFF;

	margin: 5px;

}



.btn-mainmenu:hover {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #BABABA;

    border-color: #858585;

    color: #FFFFFF;

	

}



.btn-reset {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #1B92B3;

    border-color: #1C6A8C;

    color: #FFFFFF;

}



.btn-reset:hover {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #166F9C;

    border-color: #1C6A8C;

    color: #FFFFFF;

}



.btn-logout {

    background-color: #DD0017;

    border-color: #D43F3A;

    color: #FFFFFF;

}



.btn-logout:hover {

    background-color: #BD091C;

    border-color: #DD0017;

    color: #FFFFFF;

}



.btn-cancel {

    background-color: #DD0017;

    border-color: #D43F3A;

    color: #FFFFFF;

	margin: 5px;

}



.btn-cancel:hover {

    background-color: #BD091C;

    border-color: #DD0017;

    color: #FFFFFF;

}



.btn-errmsg {

    /*background-color: #DD0017;

    border-color: #D43F3A;*/

	background-color: #FFFFCC;

    border-color: #F00;

    color: #F00;

}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {	

z-index: 2;	

color: white;

cursor: default;

background-color: #DD0017;

border-color: #DD0017;

}



.btn-circle {

  width: 30px;

  height: 30px;

  text-align: center;

  padding: 6px 0;

  font-size: 12px;

  line-height: 1.428571429;

  border-radius: 15px;

}

.btn-circle.btn-lg {

  width: 50px;

  height: 50px;

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.33;

  border-radius: 25px;

}



.shopcart{



 background-color: #f7f7f7;

 }

 

.product-description h2 {

 padding-left:20px;

 }

 

.product-description p{

color:#000;

padding-left:20px;

font-size:1em;

}



.more-info-desc p{

color:#000;

font-size:1em;

}



.supplier-description h2 {

 padding-left:20px;

 }

 

.supplier-description p{

color:#000;

padding-left:20px;

font-size:1em;

}



ul.product-info {

padding:20px 0 20px 20px;

}

.product-info li{

padding:10px 0;border-bottom:1px dotted #000;display:block;

}

.product-info li span{

font-weight:700;padding-right:20px

}

.product-header {

padding:20px 0 30px 20px

}

.product-header a{

text-decoration:underline;

}



.supplier.navbar-default{

background-color:#0A249D

}





.post {

border-bottom:1px solid #DDD

}

.post-title { 

color:#AA1520;

}

.post .glyphicon {

margin-right:5px;

}

.post-header-line { 

border-top:1px solid #DDD;border-bottom:1px solid #DDD;padding:5px 0px 5px 15px;

}

.post-content {

padding-bottom: 15px;padding-top: 15px;

}

.post p{color:#000;} 



.padd

{

	padding-top: 4px;

	padding-bottom: 4px;

}



.compulsory-asterisk {

	color:#F00; 

	font-size:10px; 

	position:relative; 

	top: -4px;

}





.custable{

    border: 1px solid #ccc;

    padding: 5px;

    margin: 5% 0;

    box-shadow: 3px 3px 2px #ccc;

    transition: 0.5s;

    }

	

b.basket-hd{

    font-size:1.2em;

    }

	

.panel-mbeddoblue {

  border-color: #666666;

 /* border-radius:0; */

}



.panel-mbeddoblue > .panel-heading {

  color: #ffffff;

  background-color: #666666;

  border-color: #666666;

 /* border-radius:0;*/



}



.panel-mbeddoblue > .panel-heading + .panel-collapse .panel-body {

  border-top-color: #666666;

  /*border-radius:0;*/



}



.panel-mbeddoblue > .panel-footer + .panel-collapse .panel-body {

  border-bottom-color: #666666;

 /* border-radius:0;*/



}



.panel-twitterblue {

  border-color: #55ACEE;

 /* border-radius:0;*/

}



.panel-twitterblue > .panel-heading {

  color: #ffffff;

  background-color: #55ACEE;

  border-color: #55ACEEA;

  /*border-radius:0;*/



}



.panel-twitterblue > .panel-heading + .panel-collapse .panel-body {

  border-top-color: #55ACEE;

 /* border-radius:0;*/



}



.panel-twitterblue > .panel-footer + .panel-collapse .panel-body {

  border-bottom-color: #55ACEE;

 /* border-radius:0;*/



}



/* CARLO */

.panel-default>.panel-heading {

  color: #FFF!important;

  background-color: #999!important;

  border-color: #8A8A8A!important;

  /*border-radius: 0px!important;*/

}

/* carlo fix search & cat views */

.caption h3 {

  height: 56px;

}

.productlist.thumbnail {

  min-height: 480px!important;

}

.thumbnail h3 {font-size:18px;font-weight:700;}

.card {

  border: 1px solid #ddd;

  overflow: hidden;

  border-radius: 15px 50px 30px 5px;
  
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  
  

}