/* 	
  Copyright (C) 2011 | DORST communicatie <http://www.dorstcommunicatie.nl/> 
  Op al onze leveringen zijn onze Algemene Voorwaarden  van toepassing. Een afdruk van deze voorwaarden verstrekken  wij u gaarne op verzoek u kunt de voorwaarden raadplegen op http://www.dorstcommunicatie.nl/voowaarden
  Het is de opdrachtgever niet toegestaan om zonder schriftelijke toestemming van DORST COMMUNICATIE veranderingen in de vruchten van de opdracht aan te brengen. 
*/

#primary_block{
  position: relative
}

.on_sale{
  width: 100px;
  height: 100px;
  background: url('../img/sale.png');
  position: absolute;
  left: -5px;
  top: 10px;
  z-index: 100
}

#pb-left-column{
  width: 262px;
  overflow: hidden;
  float: left;
  margin: 11px 0 0 0
}	

#image-block{
  width: 260px;
  height: 260px;
  overflow: hidden
}
.phone_button {
  background: #45597a;
  background-image: url("../img/phone.png"); /* fallback */
  background-image: url("../img/phone.png"), -webkit-gradient(linear, left top, left bottom, from(#45597a), to(#657ca8)); /* Saf4+, Chrome */
  background-image: url("../img/phone.png"), -webkit-linear-gradient(top, #45597a, #657ca8); /* Chrome 10+, Saf5.1+ */
  background-image: url("../img/phone.png"),    -moz-linear-gradient(top, #45597a, #657ca8); /* FF3.6+ */
  background-image: url("../img/phone.png"),      -o-linear-gradient(top, #45597a, #657ca8); /* Opera 11.10+ */
  background-image: url("../img/phone.png"),         linear-gradient(to bottom, #45597a, #657ca8); /* W3C */  
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #777f73;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  float: left;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: bold;
  height: 24px;
  text-decoration: none;
  letter-spacing: 1px;
  margin: 0;
  margin-top: 10px;
  padding: 5px 10px 5px 40px;
  text-align: left;
  text-shadow: 1px 1px 1px #444;
  width: auto;
}

#image-block img {	
  cursor: pointer;
  max-width: 260px;
  max-height: 260px;
  text-align: center;
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -ms-transition: all 1s ease; /* IE 9 */
  -o-transition: all 1s ease; /* Opera */
  transition: all 1s ease;  
}
#image-block img:hover {
  -webkit-transform:scale(1.15); /* Safari and Chrome */
  -moz-transform:scale(1.15); /* Firefox */
  -ms-transform:scale(1.15); /* IE 9 */
  -o-transform:scale(1.15); /* Opera */
  transform:scale(1.5);
}

#product_social_media{
  margin: 11px 0 0 0
}

.addthis_button_facebook_like{
  width: 80px;
  overflow: hidden;
  margin: 0 7px 0 -2px
}

.addthis_button_tweet{
  width: 80px;
  overflow: hidden;
  margin: 0 7px 0 0
}

h1.product_price small{
  font-size: 11px
}

h3.product_price{
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal
}

.feature_table{
  width: 250px;
  margin: 10px 0 10px 0
}

#pb-right-column{
  width: 300px;
  overflow: hidden;
  float: right;
  margin: 20px 0 0 0
}	


#pb-right-column h1{
  font-size: 14px    
}

#thumbs_list_frame{
  width: 280px;
  overflow: hidden;
  margin: 0;
  padding: 0
}

#thumbs_list_frame li{
  width: 78px;
  height: 78px;
  list-style-type: none;
  overflow: hidden;
  float: left;
  margin: 11px 11px 0 0;
}

#product_actions{
  margin: 10px 0 0 0
}

#product_actions p{	
  margin: 5px 0 0 0;
  padding: 0
}

.tell_a_friend{
  background: url('../img/tell_a_friend.gif') left no-repeat;
  padding: 4px 0 2px 23px
}

.stel_een_vraag{
  background: url('../img/stel_een_vraag.gif') left no-repeat;
  padding: 4px 0 2px 23px
}

.printen{
  background: url('../img/printen.gif') left no-repeat;
  padding: 4px 0 2px 23px
}

.favoriet{
  background: url('../img/favoriet.gif') left no-repeat;
  padding: 4px 0 2px 23px
}

.not-allowed {
  background: url('../img/warning_disabled.png') left no-repeat;
  padding: 4px 0 2px 23px !important;
  margin-top: 0 !important;
  color: #034895 !important;
}

.order_form{
  width: 276px;
  height: 38px;  
  position: relative;
  margin: 10px 0 0 0;
}

#quantity_wanted {
  border: 1px solid #45597a;
  height: 34px;
  margin-left: 19px;
  text-align: center;
  vertical-align: top;
  width: 70px;
}

#order_button {
  /*background: url("../img/cart.png") no-repeat scroll 10px center #45597a;*/
  background: #45597a;
  background-image: url("../img/cart.png"); /* fallback */
  background-image: url("../img/cart.png"), -webkit-gradient(linear, left top, left bottom, from(#45597a), to(#657ca8)); /* Saf4+, Chrome */
  background-image: url("../img/cart.png"), -webkit-linear-gradient(top, #45597a, #657ca8); /* Chrome 10+, Saf5.1+ */
  background-image: url("../img/cart.png"),    -moz-linear-gradient(top, #45597a, #657ca8); /* FF3.6+ */
  background-image: url("../img/cart.png"),      -o-linear-gradient(top, #45597a, #657ca8); /* Opera 11.10+ */
  background-image: url("../img/cart.png"),         linear-gradient(to bottom, #45597a, #657ca8); /* W3C */  
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #777f73;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  float: right;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: bold;
  height: 38px;
  letter-spacing: 1px;
  margin: 0;
  padding: 5px 10px 5px 40px;
  text-align: left;
  text-shadow: 1px 1px 1px #444;
  width: auto;
}
#order_button:hover {
  background: #657ca8;
  background-image: url("../img/cart.png"); /* fallback */
  background-image: url("../img/cart.png"), -webkit-gradient(linear, left top, left bottom, from(#657ca8), to(#45597a)); /* Saf4+, Chrome */
  background-image: url("../img/cart.png"), -webkit-linear-gradient(top, #657ca8, #45597a); /* Chrome 10+, Saf5.1+ */
  background-image: url("../img/cart.png"),    -moz-linear-gradient(top, #657ca8, #45597a); /* FF3.6+ */
  background-image: url("../img/cart.png"),      -o-linear-gradient(top, #657ca8, #45597a); /* Opera 11.10+ */
  background-image: url("../img/cart.png"),         linear-gradient(to bottom, #657ca8, #45597a); /* W3C */  
  background-repeat: no-repeat;
  background-position: left center;  
}

.quantity_up{
  width: 19px;
  height: 19px;
  background: #45597a; 
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  color: #FFF;
  cursor: pointer;
  line-height: 19px;
  font-size: 16px
}

.quantity_down{
  width: 19px;
  height: 19px;
  background: #45597a; 
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  color: #FFF;
  cursor: pointer;
  line-height: 17px;
  font-size: 16px
}

#more_info_block{
  padding:  15px 0 0 0
}

#nextprev_links{
  position: absolute;
  right: 15px;
  top: 15px
}

#nextprev_links a{
  color: #FFF;
  text-decoration: none
}

.breadcrumb{
  width: 100%;
  overflow: hidden;
  padding: 10px 0 0 0;
  display: block;
  position: relative;
  color: #AEAEAE
}

.breadcrumb a{
  color: #AEAEAE
}