/*
  @project - LinkOIL
  @file - main.css

  paleta barw: 
  #ffcc00 - zolty

*/

/* ==========================================================================
   External resources
   ========================================================================== */

@font-face {
    font-family: Casper;
    src: url('../fonts/casper/Casper.ttf');
}

@font-face {
    font-family: Casper Italic;
    src: url('../fonts/casper/Casper_Italic.ttf');
}

@font-face {
    font-family: Casper Bold;
    src: url('../fonts/casper/Casper_Bold.ttf');
}

@font-face {
    font-family: Casper Bold Italic;
    src: url('../fonts/casper/Casper_Bold_Italic.ttf');
}

@font-face {
    font-family: Lovelo Line Light;
    src: url('../fonts/lovelo/Lovelo_Line_Light.otf');
}

@font-face {
    font-family: Lovelo Line Bold;
    src: url('../fonts/lovelo/Lovelo_Line_Bold.otf');
}

@font-face {
    font-family: Lovelo Black;
    src: url('../fonts/lovelo/Lovelo_Black.otf');
}

/* ==========================================================================
   Basic elements
   ========================================================================== */

html,
body {
  height: 100%;
}

body {
  background-image: url('../img/bg.png');
  background-repeat: repeat;
}

table td {
  padding: 0 5px;
}

::selection {
  color: #fff;
  background-color: #ffcc00;
}
::-moz-selection {
  color: #fff;
  background-color: #ffcc00;
}

select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"] {
  border-radius: 0;
}

hr {
  color: #d4d4d4;
  background-color: #d4d4d4;
  height: 1px;
  border: 0;
  margin: 5px 0;
}

h2 {
  margin: 5px 0;
}

ul {
  list-style: none;
}

/*
  custom styled select boxes
*/
select.custom {
  z-index: 2;
}
.customStyleInputFileBox,
.customStyleSelectBox { 
  font-size: 14px; 
  font-weight: normal;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #555555;
  display: inline-block;
  margin-bottom: 10px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding-left: 10px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.customStyleCurrentSelected {
  white-space: nowrap;
}

b > label {
	font-weight: bold;
}
#search-form label[for="product_filters_oil_api"] {
    text-indent: 80px;
}
.table thead th {
    font-weight: bold;
}

.customStyleSelectBoxInner { 
  background: url("../img/down-arrow-black.png") no-repeat scroll center center #F1F1F1;
  float: right;
  height: 30px;
  width: 30px;
  margin-left: 10px;
  position: absolute;
  right: 0;
  top:0 ;
}
.customStyleInputFileBoxInner {
  background: #F1F1F1;
  float: right;
  height: 30px;
  width: 30px;
  margin-left: 10px;
  text-align: center;
}

/* ==========================================================================
   Basic classes
   ========================================================================== */

/*
  buttons and forms
*/

.btn {
  text-transform: uppercase;
  border-radius: 0;
  font-weight: bold;

  background-image: linear-gradient(90deg, #ffba00, #ffd000);
  background-image: -o-linear-gradient(90deg, #ffba00, #ffd000);
  background-image: -moz-linear-gradient(90deg, #ffba00, #ffd000);
  background-image: -webkit-linear-gradient(90deg, #ffba00, #ffd000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd000), to(#ffba00));
  background-image: -ms-linear-gradient(90deg, #ffba00, #ffd000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffd000', endColorstr='#ffba00');/*For IE7-8-9*/ 

  border-bottom: solid 1px #e17700;
  padding: 8px 20px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0);
}

.btn-core {
	display: inline-block;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0);
	line-height: 25px; 
	margin-bottom: 0;
	vertical-align: middle;
	cursor: pointer;
	border: none;
}

.btn-core:hover{
	text-decoration: none;
}

.btn:hover,
.btn:focus {
  background: #ffd000;
}
.btn.disabled:hover,
.btn.disabled:focus{
  background: #e6e6e6;
}

button.btn::-moz-focus-inner, 
input.btn[type="submit"]::-moz-focus-inner {
  padding: 5px;
}

input[type="number"] {
  width: 58px;
}

label {
  display: inline-block;
  width: 140px;
}

.clear {
  clear: both;
}

.btn-search {
  position: relative;
  float: right;
  z-index: 1;
  padding-right: 40px;
  line-height: 29px;
}

input[type="submit"].btn-search {
  margin-top: 0;
  height: 47px;
  padding-bottom: 15px;
}

.btn-observe,
.btn-back {
  position: relative;
  border: solid 1px silver;
}
.btn-observe {
  background: #eee;
  padding: 4px 15px;
}
  .btn-observe:hover,
  .btn-observe:focus {
    background: #fff;
  }

.btn-observe-star {
  width: 14px; 
  height: 18px;
  display: inline-block;
  position: relative;
  padding: 0px 15px;
}
  
.btn-back {
  background: #fff;
  margin: 10px 15px 10px 0;
  padding: 8px 20px 8px 15px;
}
  .btn-back:hover {
    background: #eee;
  }
  .btn-back:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 99.5%;
    height: 4px;
    content: '';
    background-color: #ececec;
  }
  .back-icon {
    background: url('../img/back-icon.png') no-repeat center center;
    padding: 6px;
    margin-right: 10px;
  }
  

.modal {
  border-radius: 0;
}
	.center {
		top: 50%;
	}
	.popup {
		-moz-transition: opacity 5s ease-in-out;
    	-webkit-transition: opacity 5s ease-in-out;
    	 padding: 15px 0;
    	text-align: center;
	}
	.popup.alert-info {
		background-color: #D9EDF7;
	    border-color: #BCE8F1;
	    color: #3A87AD;
	}
  .modal .btn {
    padding: 3px 15px;
  }

.alert {
  border-radius: 0;
}

.up-arrow {
  background: url('../img/up-arrow-black.png') no-repeat top center;
  width: 10px;
  height: 7px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  
  				transform:rotate(180deg);
			-ms-transform:rotate(180deg); /* IE 9 */
		-webkit-transform:rotate(180deg); /* Safari and Chrome */
}
.up-arrow.opened {
				transform:rotate(0deg);
			-ms-transform:rotate(0deg); /* IE 9 */
		-webkit-transform:rotate(0deg); /* Safari and Chrome */
}

.sort-icon {
  background: url('../img/sort-arrow.png') no-repeat center center;
  width: 11px;
  height: 10px;
  display: inline-block;
}

.per-site {
  display: block;
  margin-right: 20px;
}

#register_country_id {
  /*display: block !important;*/
}


/*
   checkboxes
*/

.checkbox_list {
   padding-bottom: 10px;
   list-style: none;
}
  .checkbox_list .span3 {
    margin: 0;
  }
  ul.checkbox_list li {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    cursor: hand;
  }
  .checkbox_list li label {
    width: 100%;
    line-height: 32px;
  }
  .checkbox_list label:after{
    width: 20px;
    height: 20px;
    position: absolute;
    border: solid 1px #e4e4e4;
    background-color: #fff;
    left: 0px;
    top: 5px;
    content: '';
  }
  .checkbox_list label:hover:after {
    opacity: 0.3;
    background-color: #fff;
    background-image: url('../img/checkbox.png');
    background-repeat: no-repeat;
    background-position: center center;
  }
  .checkbox_list input[type="checkbox"] {
	position: absolute;
	left: -50000px
  }
  .checkbox_list input[data-marked="marked"] + label:after
/*  ,
  .checkbox_list input[type="checkbox"]:checked + label:after 
 */ {
    opacity: 1;
    background-image: url('../img/checkbox.png');
    background-repeat: no-repeat;
    background-position: center center;
  }

/*
  radiolist
*/

.form .radio_list {
  margin-bottom: 25px;
}

ul.form input[type="radio"] {
   display: none;
   visibility: hidden;
   width: 0;
}

.radio_list li {
   position: relative;
   padding-left: 40px;
   line-height: 37px;
   height: 37px; 
   background: url('../img/radio-bg.png') no-repeat left center;
   cursor: pointer;
}
   .radio_list label {
      float: auto;
   }
   .radio_list label:after {
      width: 25px;
      height: 25px;
      position: absolute;
      left: 11px;
      top: 1px;
      content: '';
   }
   .radio_list label:hover:after {
      opacity: 0.3;
      width: 8px; height: 8px; margin: 13px 0 0 3px;
      background: #ffcc00;
      border-radius: 50%;
   }
   .radio_list input[type="radio"]:checked + label:after {
      opacity: 1;
      width: 8px; height: 8px; margin: 13px 0 0 3px;
      background: #ffcc00;
      border-radius: 50%;
   }
   .radio_list li {
      display: block;
      margin: 5px 0;
   }

/* ==========================================================================
   Typography
   ========================================================================== */

html,
body {
  font-family: Arial,Helvetica,sans-serif; /*'Casper', sans-serif*/
  font-size: 14px;
}

a {
  color: inherit;
  text-shadow: 0 0 0;
}

a:hover {
  color: #6b6b6b;
  text-decoration: underline;
}

h1 {
  font-size: 36px;
  font-weight: normal;
}

h2 {
  font-size: 30px;
  font-weight: normal; 
}

h3 {
  font-weight: normal; 
}

h5 {
  font-weight: normal;  
  font-size: 20px;
}

button, input, select, textarea {
  font-family: Arial,Helvetica,sans-serif; /*'Casper', sans-serif*/
}

.btn {
  font-size: 17px;
  color: #2f2f2f;
}

.btn-observe,
.btn-back {
  font-weight: normal;
  text-transform: none;
}
.btn-back {
  background-color: #fafafa;
  font-size: 16px;
}
.btn-observe {
    font-size: 14px;
    margin-bottom: 10px;
}

.navbar {
  font-family: Arial,Helvetica,sans-serif; /*'Casper Bold'*/
  font-size: 14px;
}
.navbar .nav {
  margin: 10px 10px 0 0;
}
.navbar .nav > li {
  margin: 0 1px;
}
.navbar .nav > li > a {
  color: #fff;
  text-shadow: 0 0 0;
  padding: 9px 8px;
  line-height: 16px;
  border-radius: 3px;
}

.navbar .brand {
  font-family: 'Lovelo Black';
  font-size: 26.76px;
  color: #fff;
}

.highlighted {
  color: #ffcc00;
}

.right-menu {
  font-size: 12px;
}

.show-advanced-settings {
  font-size: 15px;
}
  .show-advanced-settings:hover {
    text-decoration: none;
  }
.results-table {
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif; /*'Casper'*/
  font-size: 13px;
}
.results-table thead {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif; /*'Casper Bold'*/
}
.results-table th {
  font-weight: normal;
}
.results-table thead a:hover {
  text-decoration: none;
  color: inherit;
}

.information-box {
  background-color: #fafafa;
  font-size: 14px;
}

.pagination {
  font-size: 14px;
}

.price {
  font-size: 40px;
}
  .price .currency {
    font-size: 0.7em;
    margin-left: 5px;
  }
  .note {
    font-size: 12px;
  }


/* ==========================================================================
   Layout structure
   ========================================================================== */

/*
  navigation bar
*/

.navbar {
  text-transform: uppercase;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.navbar-inner {
  border: 0;
}

.navbar .brand {
  padding: 6px 20px;
}

.navbar .nav > li {
  line-height: 32px;
}

.navbar .nav li > a:hover,
.navbar .nav .active > a {
  background-image: linear-gradient(90deg, #ffc200, #ffd500);
  background-image: -o-linear-gradient(90deg, #ffc200, #ffd500);
  background-image: -moz-linear-gradient(90deg, #ffc200, #ffd500);
  background-image: -webkit-linear-gradient(90deg, #ffc200, #ffd500);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd500), to(#ffc200));
  background-image: -ms-linear-gradient(90deg, #ffc200, #ffd500);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffd000', endColorstr='#ffc200');/*For IE7-8-9*/ 

  color: #434343;
}

.navbar .right-menu {
  float: right;
  margin-right: 0;
}
  

  .navbar .nav > .add-announce > a {
    color: #ffcc00;
  }
  .navbar .add-announce-icon {
    display: inline-block;
    background-image: url('../img/add-announce.png');
    margin-right: 5px;
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    vertical-align: middle;      
  }
  .my-account-down-arrow-icon {
    display: inline-block;
    background-image: url('../img/down-arrow.png');
    background-repeat: no-repeat;    
    margin-left: 5px;
    width: 11px;
    height: 18px;
    position: relative;

    vertical-align: middle;      
  }

/*
  main content
*/

#content-wrapper {
  position: relative; top: 52px;
  background-color: #f5f5f5;
  min-height: 500px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  padding: 35px 15px;
}
  .banner {
    width: 100%;
    background-color: #cccccc;
    text-align: center;
    position: relative;
  }
  .banner > a > img {
    height: auto !important;
    max-width: 100%;
  }
    .banner h1 {
      font-size: 124px;
      line-height: 130px;
      color: #fff;
      opacity: 0.3;
      vertical-align: middle;
      display: table-cell;
    }

/*
  start page section
*/
.start-page-header {
  background: url('../img/sg-bg.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 380px;
  width: 100%;
  margin-top: 52px;
  margin-bottom: -70px;
  color: #fff;
  position: relative;
}  
  .start-page-header .big-font {
    font-size: 41px;
    width: 500px;
    line-height: 60px;
    position: absolute;
    bottom: 30%;
  }
    .start-page-header .big-font strong {
      font-size: 63px;
    }

    .registration-box {
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.7);
      padding: 20px;
      color: #242424;
      top: 25px;
    }
      .registration-ribbon {
        background: url('../img/registration-box-ribbon.png') no-repeat center center;
        padding: 51px;
        position: absolute;
        right: -2px;
        top: -2px;
      }
	      .en > .registration-ribbon {
	      	background: url('../img/registration-box-ribbon-eng.png') no-repeat center center;
	      }
      .btn-register {
        margin: 10px 0;
        border-radius: 3px;
        width: 82%;
        padding: 12px;
      }
        .registration-icon {
          background: url('../img/registration-icon.png') no-repeat;
          padding: 5px 13px;
          margin-right: 10px;
        }
.start-page {
  text-align: center;
  padding: 25px 0;
}
  .start-page h4 {
    font-size: 22px;
    font-weight: 400;
    margin: 20px 0;
  }
.sg-icon { 
  background-image: url('../img/sg-icons.png');
  background-repeat: no-repeat;
  margin: 0 auto;
}
  .sg-icon-buy {
    background-position: 0 0; width: 68px; height: 80px;
    margin-bottom: 20px;
  }
  .sg-icon-sell {
    background-position: -69px 0; width: 97px; height: 58px;
    margin-bottom: 42px;
  }
  .sg-icon-catalogue {
    background-position: -167px 0; width: 127px; height: 75px;
    margin-bottom: 25px;
  }

/*
  default box schema
*/

.box {
  position: relative;
  background-color: #fff;
  border: solid 1px #e2e2e2;
  /*border-top: solid 7px #ffcc00;*/
  padding: 0px;
  margin-bottom: 15px;
}
  .box:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 7px;
    width: 100%;
    content: '';
    background-color: #ffcc00;
  }
  .box:after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 99.5%;
    height: 7px;
    content: '';
    background-color: #ececec;
  }

/*
  search form
*/

.search-throughout-offers {
  margin: 15px 0;
}
.search-throughout-offers > .btn {
  margin: 10px 0;
}
.clear-filters {
	margin: 10px 0 0 0;
}

.row-name {
	margin-left: 30px;
}
.row-name input {
	padding: 10px;
	width: 81.5%;
}
.pull-right {
	position: relative;
}
.pull-right .customStyleSelectBox,
.pull-right .right-box {
	float: right;
}
.pull-right select {
	right: 0
}
.input-divider {
	padding: 0 15px;
}
    #buy-form,
    #search-form,
    #form {
      padding: 25px 40px 0;
    }
    #search-form footer > .show-advanced-settings {
      margin-bottom: 15px;
    }
    .advanced-searching {      
      position: relative;
      top: 5px;
      background-color: #f7f7f7;
      border-bottom: solid 1px #e4e4e4;
      margin-bottom: 15px;
      padding: 0 10px;
    }
    .advanced-searching .span10 {
      padding: 15px 0;
      display: none; 
    }
.dropdown-menu {
  border-radius: 0;
}
.search-submit {
  position: relative; z-index: 1;
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}
  .search-icon {
    position: absolute; 
    right: 20px; 
    top: 35%;
    z-index: 2;
    background: url('../img/search-icon.png') no-repeat center right;
    padding: 7px;
  }

/*
  detail section
*/

.detail {
  margin: 15px 0;
}

  .information-box h5,
  .detail h3 {
    display: inline-block;
    margin: 0;
  }

  .information-box {
    background-color: #F9F9F9;
    border-top: solid 1px #E2E2E2;
    padding: 25px 40px;
  }
    .information-box h5 {
      margin: 0 25px 25px 0;
    }

  form.wide-labels label,
  form.wide-labels .tag {
    width: 195px;
  }
  #buy-form .span5 {
    margin-right: 20px;
  }
  .span5 > .value {
    float: right;
    font-weight: bold;
  }
  .quantity {
    width: 40px;
    text-align: center;
    margin: 0;
  }
  .quantity-box {
    display: inline-block;
    float: right;
  }
  .tag {
    display: inline-block;
    width: 200px;
  }

.price {
  margin-top: 25px;
  margin-bottom: 0;
  color: #ffc200;
  display: block;
}
  .note {
    color: #AAAAAA;
  }
  .btn-buy {
    margin-top: 25px;
    float: right;
  }
  .btn-buy-cond {
	margin-top: 5px;
	float: right;
  }    
  .basket-icon {
    background: url('../img/basket-icon.png') no-repeat center center;
    padding: 8px;
    margin-left: 15px;
  }
  .observe-icons {
    background-image: url('../img/observe-icons.png');
    width: 14px; height: 13px;
    display: inline-block;
    margin-right: 15px;
  }
    .observe-icon-active { 
      background-position: 0 0; 
    } 
    .observe-icon { 
      background-position: 0 -14px; 
    } 

/*
  results box
*/

.results-box header {
  border-top: solid 1px #d4d4d4;
  padding: 15px 0;
}
  .results-box label {
    width: 80px;
  }
  .per-page {
    margin-bottom: 5px;
    width: 75px;
  }
  .pagination {
    float: right;
    margin: 0;
  } 
    .pagination ul {
      box-shadow: 0 0 0;
      border-radius: 0;
    }
    .pagination ul > li.prev,
    .pagination ul > li.next {
      background-image: linear-gradient(90deg, #ffba00, #ffd000);
      background-image: -o-linear-gradient(90deg, #ffba00, #ffd000);
      background-image: -moz-linear-gradient(90deg, #ffba00, #ffd000);
      background-image: -webkit-linear-gradient(90deg, #ffba00, #ffd000);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd000), to(#ffba00));
      background-image: -ms-linear-gradient(90deg, #ffba00, #ffd000);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffd000', endColorstr='#ffba00');/*For IE7-8-9*/ 
    }
    .pagination ul > li.prev:hover,
    .pagination ul > li.next:hover{
      background: #ffd000;
    }
    .pagination ul > li {
      display: inline-block;
    }
    .pagination > ul > li a {
      background: transparent;
      padding: 4px 6px;
      border: 0;
      border: solid 1px transparent;
    }
    .pagination .active a {
      border-color: #ccc;
    }
    .pagination > ul > li.prev a,
    .pagination > ul > li.next a {
      border-radius: 0;
    }
    .pagination ul > li.prev a:hover,
    .pagination ul > li.prev a:active,
    .pagination ul > li.next a:hover,
    .pagination ul > li.next a:active {
      background-color: #ffd000;
    }
    .pagination .prev a {
      background-image: url('../img/left-arrow-black.png');
    }
    .pagination .next a {
      background-image: url('../img/right-arrow-black.png');
    }
    .pagination .prev a,
    .pagination .next a {
      height: 20px;
      width: 20px;
      background-repeat: no-repeat;
      background-position:  center center;
      border: 1px solid #E8A155;
    }
    .pagination .ellipsis a:after {
      content: '. . .';
    }
  .results-table thead {
    background-image: linear-gradient(90deg, #ffba00, #ffd000);
    background-image: -o-linear-gradient(90deg, #ffba00, #ffd000);
    background-image: -moz-linear-gradient(90deg, #ffba00, #ffd000);
    background-image: -webkit-linear-gradient(90deg, #ffba00, #ffd000);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd000), to(#ffba00));
    background-image: -ms-linear-gradient(90deg, #ffba00, #ffd000);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffd000', endColorstr='#ffba00');/*For IE7-8-9*/ 

    border-bottom: solid 2px #e17700;
  }
  .table-striped tbody > tr:nth-child(2n+1) > td, 
  .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
  }
  .table-hover tbody > tr {
    border-left: solid 5px transparent;
  }
  .table-hover tbody > tr:hover {
    border-color: #ffbe00;
  }
    .table-hover tbody > tr:hover > td, 
    .table-hover tbody > tr:hover > th {
      background-color: #fff7da; 
    }
    .table .center-align {
      text-align: center;
    }
    .table .right-align {
      text-align: right; 
    }

/* 
  footer section 
*/
#push {
  height: 5px;
}
#footer-wrapper {
  height: 100px; 
  margin-top: 70px;
}
  #footer-content {
    font-size: 10px;
    color: #fff;
    padding: 25px 0;
    line-height: 12px;
  }
    #footer-content .span8 {
      
    }

/*
  form
*/

.form {
  margin: 0;
}

section.login-section,
section.register-section,
section.password-reminder,
section.info-section {
  padding: 25px 40px;
}

form input[type="submit"] {
  margin-top: 15px;
}

/*
  login section
*/
.login-section {
  font-size: 14px;
}
  .login-section label {
    width: 150px;
    text-align: left;
  }
  .login-section .checkbox_list {
    margin: 0;
    padding: 0;
  }

.alert {
  margin: 0 0 15px 0;
}

/*
  password reminder
*/

.password-reminder label {
  width: 200px;
}

/*
  register section
*/

.register-form,
.register-form ul {
  margin: 0;
}

ul.form > li {
  padding: 0;
}

ul.form ul.alert-error {
  margin-bottom: 15px;
  margin-top: 5px;
  color: #B94A48;
  padding: 8px 35px 8px 14px;
}
ul.alert li {
  padding: 0;
}

.clickable-row{
	cursor: pointer;
}

.confirm-detail {
	padding: 20px 15px;
}

.featured-box {
	background-color: #fff7da;
	font-size: 16px;
	padding: 25px;
	margin-left: 30px;
	float: left;
}

.featured-box p {
	margin: 5px 0;
}
.featured-box .span1 {
	margin: 0;
}

.bolded {
	font-weight: 600;
}

.contact-detail h4 {
	font-weight: 400;
}
.contact-detail .span2 {
	margin: 5px 0;
}
.mrgn-bot2{ margin-bottom: 2px; }
.mrgn-bot5{ margin-bottom: 5px; }
.mrgn-bot10{ margin-bottom: 10px; }
.width75{ width: 75px }

.btn.clear-filters,
.btn.gray {
    background-color: #F5F5F5;
    background-image: -o-linear-gradient(90deg, #FFFFFF, #E6E6E6);
    background-image: -moz-linear-gradient(90deg, #FFFFFF, #E6E6E6);
    background-image: -webkit-linear-gradient(90deg, #FFFFFF, #E6E6E6);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#FFFFFF));
    background-image: -ms-linear-gradient(90deg, #FFFFFF, #E6E6E6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E6E6E6', endColorstr='#FFFFFF');/*For IE7-8-9*/ 
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    font-weight: normal;
    line-height: 29px;
    margin: 0;
}

.btn-small{
  font-size: 10px;
  height: 20px;
}

.margin-right-38 {
	margin-right: 38px;
}

.base-header {
	margin: 0 auto 40px;
}
.smaller {
	font-size: 12px;
	line-height: 16px;
}

a.current-lang{
	color: #fff;
	text-shadow: 0 0 0;
	padding: 7px 5px;
	line-height: 10px;
	border-radius: 3px;
	text-decoration: none;
}

.lang-choose{

}

.current-lang:hover{
	color: #000;
	background: #ffcc00;
	background-clip: border-box;
}

.flag{
	margin: 2px 5px 0 5px;
}

.flag-pl, .dropdown-menu > li > a:hover > .flag-pl[class^="icon-"]{
	background: url(../img/flags/pl.png) no-repeat;
}

.flag-en, .dropdown-menu > li > a:hover > .flag-en[class^="icon-"]{
	background: url(../img/flags/en.png) no-repeat;
}

.flag-none[class^="icon-"],
.navbar-inverse .nav>.active>a> .flag-none[class^="icon-"]{
	background: none;
	margin-right: 0;
	margin-left: 0;
	width: 0;
}


.line-thr {
	text-decoration:line-through;
}

table[role="presentation"].mceLayout {
  width: 100% !important;
}

.created-box {
  display: table;
}
.createdby {
  display: table-cell;
  vertical-align: bottom;
}
.strong{
	font-weight: bold;
}

.input-suffix{
	font-size: 15px;
	display: inline-block;
	margin-left: 10px;
	color: #000;
}

.proposed-price label{
	width: auto;
}

.proposed-price input{
	width: 100px;
	text-align: center;
}

.row .span3.condition_buy_comment {
	margin-left: 0;
}
.row .span3.condition_buy_comment textarea {
	width: 214px;
}

ul.form .regulations ul.error_list{
	margin-left: 0;
}

.disabled{
	 background-color: #EEEEEE;
   cursor: not-allowed;
}

.security-message{
	font-weight: bold;
	font-size: 18px;
}

.security-message a{
	text-decoration: underline;
}


#offer-form .form .row > div > div {
	position: relative;
}

.dropdown-menu {
	right: 0;
	left: auto;
}
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
	right: 10px;
	left: auto;
}

#buy-form .row .span5 .btn {
	margin-top: 5px;
	margin-left: 5px;
}