@import '_theme_variables';

/* product desc */
/* primary_block ***************************************************************************** */
#primary_block {
	margin-bottom:40px

}
.top-hr{
	background:$top-line-color;
	height:5px;
	margin:2px 0 31px
}


.product-heading-h5{
	color:$base-text-color;
	font-weight:bold;
	margin:3px 0 8px;
}

.box-security .product-heading-h5{
	margin:3px 0 -8px;
																		@media  (max-width: $screen-md-max) { //max 1199px
																			margin-bottom:8px;
																		}
}

#productscategory_list .product-name,
.accessories-block .product-name{
	margin-bottom:5px;
	 a{
		 font-size:15px;
		 line-height:18px;
		 color:$product-name-color;
		 
		 &:hover{
			color:$product-name-hover-color;
		 }
	  }
}
img{
	max-width:100%;
    height:auto;
}

/* pb-right-column ***************************************************************************** */
#pb-right-column {

	#image-block {
		position:relative;
		padding:5px;
		border:1px solid $product-image-border;
		background:$light-background;
																		@media (max-width: $screen-xs-max) { //max 767px
																			width:280px;
																			margin:0 auto;		
																		}	
		img {
				background:$base-box-bg;
				width:100%
		}
	
		#view_full_size {
			display:block;
			cursor:pointer;
			
			.span_link {
				position:absolute;
				bottom:20px;
				left:50%;
				margin-left:-68px;
				display:block;
				padding:10px 0;	
				text-align:center;
				line-height:22px;
				color:#777676;
				width:136px;	
				text-align:center;
				font-weight:bold;
				background:rgba(255,255,255,0.5);
				@include box-shadow(0 2px 8px rgba(0,0,0,0.16));
				
				&:after{
					font-family:$font-icon;
					color:#c0c0c0;
					font-size:20px;
					line-height:22px;
					content:"";
					font-weight:normal;
					margin:0 0 0 4px
				}
				
			&:hover:after{color:$base-text-color}
		}
	}
	a.jqzoom {
		div div {
			img {
				width:auto;
				max-width:10000px;
			}
			.zoomWrapper {
				border:none;	
			}
		}
	}
}
}
.ie8 #pb-right-column {
	
	#image-block {
		
		#view_full_size {
			
			.span_link {
				background:#fff;
				border:1px solid $base-border-color;	
			}
		}
	}	
}
/* miniatures */
#pb-right-column #views_block {	
	margin-top:10px
}

																		@media (max-width: $screen-xs-max) { //max 767px	
																			#views_block{
																				width:280px;
																				margin:0 auto
																			}	
																		}

#thumbs_list {
	overflow:hidden;	
	float:left;
	width:392px;
																		@media (min-width: $screen-md) and (max-width: $screen-md-max) { //min 992px max 1199px
																			width:290px;		
																		}
																	
																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
																			width:164px;		
																		}
																		
																		@media (max-width: $screen-xs-max) { //max 767px
																			width:194px;	
																		}


	  ul#thumbs_list_frame {
		list-style-type:none;
		padding-left:0;
		overflow:hidden;
		height:100px
	}
	
	 li {
		float:left;
		height:90px;
		width:90px;
		cursor:pointer;
		border:1px solid $product-image-border;
		margin-right:8px;
		line-height:0;
		@include box-sizing(border-box);
																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
																			width:76px;	
																			height:76px	;
																		}
}
	li:first-child{
		margin-left:0;
		margin-right:9px
	}
	li.last{
		margin-right:0
	}

	 li a{
		 display:block;
		border:3px solid $light-border-color;
		@include  transition(all 0.3s ease);
		@include box-sizing(border-box);
		background:$base-box-bg;
	
	&:hover, &.shown {
		border-color:$product-image-border;
	}
	
	}
	
	 li img {
		border:2px solid $light-border-color;
		width:82px;
		height:82px;
		@include box-sizing(border-box);
																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
																			width:68px;	
																			height:68px	;
																		}
 }


}

span.view_scroll_spacer {
	float:left;
	width:39px;
	padding-left:12px;
																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
																			padding-left:6px;
																			width:28px;	
																		}	
}

#view_scroll_left,
#view_scroll_right {	
	margin-top:38px;
	height:20px;
	width:20px;
    line-height:0;
	font-size:0;
    overflow:hidden;
																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
																			margin-top:28px;
																		}	
		
	&:before{
		padding-left:2px;
		color:$scroll-button-color;
		font-family:$font-icon;
		font-size:20px;
		line-height:22px;		
	}
    &:hover:before{
		color:$scroll-button-hover-color;
	}

}

	#view_scroll_right {
	float:left;
		&:before{
			content:""	
			}
	}

	#view_scroll_left {
		margin-top:0;
		&:before{
			content:"";
			padding-right:2px;
		}
	}



	.resetimg {
		padding:10px 0 0;
		#resetImages i{
			margin-right:6px
		}	
	}


.view_scroll_spacer {
	margin-top:38px;
																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
																			margin-top:28px;
																		}
}
/* link list */
#usefull_link_block {
	list-style-type:none;

li {
	float:left;
	border-left:$main_border;
	padding-left:20px;
	margin-left:20px;	
																	   @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {	 //min 768px max 991px		
																			float:none !important			
																		}
	&:first-child{
		margin:0;
		border:none;
		padding:0
	}
			
	a{
		color:#777676;
		font-weight:bold;
		position:relative;
		padding-left:30px;
		line-height:22px;
		display:inline-block;	
				
		&:before{
			font-family:$font-icon;
			color:$base-text-color;
			font-size:19px;
			line-height:24px;
			position:absolute;top:-2px;
			left:0;	font-weight:normal;			
		}
		&:hover{color:#000}
		
	}
}

li.print {
																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px	
																			margin:8px 0 0 ;
																			padding:0;
																			border:none	
																		}	 
	 	  
	a:before{
		content:""		
	}
}

li.sendtofriend {
	margin:0;
	border:none;
	padding:0;
	a:before{
		content:""		
	}
}

li#left_share_fb {
	clear:both;
	float:none;
	margin-bottom:8px;
	
	a{padding-left:18px}
	
	a:before{
		content:""	
	}
}
  
li#favoriteproducts_block_extra_remove, li#favoriteproducts_block_extra_add, li#favoriteproducts_block_extra_removed, li#favoriteproducts_block_extra_added {
	cursor: pointer;
	font-weight:bold;
	clear:both;
	float:none;
	margin-bottom:8px;	
	padding-left:24px; 
	margin-left:0;	
	border:none; 
	position:relative;
	
	&:before{
		font-family:$font-icon;
		color:$base-text-color;
		font-size:19px;
		line-height:24px;
		position:absolute;top:-2px;
		left:0;	
		font-weight:normal;	
		content:""	
	}
	
	&:hover{color:#000}
}
  
li#favoriteproducts_block_extra_removed:before {
	
	 content:""	 
	 } 
}


/* pb-left-column ****************************************************************************** */
#pb-left-column {
	margin-bottom:30px;
	}


#product p#loyalty {
	padding:17px 0 15px 35px;
	border-top:$main_border;
	border-bottom:$main_border;
	margin: 10px 0 -5px;
	position:relative;
	
	b{color:$base-text-color}
	
	&:before{
		content:"";
		font-family:$font-icon;
		color:#cfcccc;
		font-size:26px;
		line-height:28px;
		position:absolute;
		top:16px;
		left:0;		
	}
}


#pb-left-column h1 {
	padding-bottom:16px;
	font-size:20px;
	color:$product-name-color;
}

#pb-left-column #product_reference {
   margin-bottom:6px;

   span{
	   font-weight:bold;
	   color:$base-text-color;
	}
}

#pb-left-column #short_description_block {
   color:$description-color;
	
}

#pb-left-column #short_description_block .buttons_bottom_block {
	display:none;
}

#short_description_content p{line-height:18px;}

#page .rte {padding:0 20px 20px}
#page .rte p{margin-bottom:0}

/* form */
#pb-left-column #buy_block {
	margin-top:10px;
}
/* buy_block */
#pb-left-column{	
	p {	margin-bottom:10px;}
}


#pb-left-column #buy_block label {
	display:inline-block;
	width:125px;
	font-weight:700;
	font-size:12px;
	text-align:right;
}


#short_description_block #short_description_content {
	padding: 0 0 15px}
	

/* color_picker */
#pb-left-column #color_picker p {
	padding-bottom:5px;
	font-weight:700;
}

#attributes fieldset {
	padding-bottom:3px;
}

#attributes fieldset label {
	vertical-align:top;
	display:block
}

#attributes .attribute_list {
	width:100%;
	
	.form-control {
		max-width:230px;
	}	
}

#attributes .attribute_list ul{
	clear:both
}

#attributes .attribute_list ul li{
	float:left;
	margin-right:10px
}

#attributes .attribute_list input.attribute_radio{
	float: left;
	margin-left: 3px;
}
#attributes .attribute_list{ 
      div.radio, 
      div.radio span,
      div.radio input{
		float:none;
		display:inline-block 
	}
 
 }

#attributes .attribute_list #color_to_pick_list {
	list-style-type:none;

}

#attributes .attribute_list #color_to_pick_list li {
	float:left;
	margin:0 3px 3px 0;
	padding:1px;
	border:1px solid $base-border-color;
	clear:none
}

#attributes .attribute_list #color_to_pick_list li.selected {
	border:1px solid #4d4d4d;
}

#attributes .attribute_list #color_to_pick_list a.color_pick {
	display:block;
	height:22px;
	width:22px;
}

.product_attributes,
.box-cart-bottom {
	@include  box-shadow(inset 0 6px 6px rgba(0,0,0,0.05));
	padding:19px 19px 17px;
}
.box-cart-bottom{
padding:18px 19px 12px;	
	}

.box-info-product .exclusive{
	padding:0;
    border-top:1px solid #0079b6;
    border-right:1px solid #006fa8;
    border-left:1px solid #006fa8; 
    border-bottom:1px solid #012740; 
    @include border-radius(5px);
	position:relative;
	display:block;
	@include background-image(linear-gradient(#009ad0, #007ab7)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );

	&:before{
		font-family:$font-icon;
		position:absolute;
		top:0;
		left:0;
		bottom:0;	  
		color:$light-text-color;
		font-size:25px;
		line-height:47px;
		text-shadow:0 1px #015883;
		content:"";
		z-index:2;
		width:51px;
		text-align:center;
		border:1px solid #06b2e6;
		@include border-radius(5px 0 0 5px);	 
																		@media (max-width: $screen-sm-max) { //max 991px
																			display:none	
																		} 	
	 
    }
	&.added {
		&:before {
			content:"";	
		}
	}
	&.added.disabled, &.disabled {
		&:before {
			content:"";
			animation:2s linear 0s normal none infinite spin;
			-webkit-animation:2s linear 0s normal none infinite spin;
			-moz-animation:2s linear 0s normal none infinite spin;
			border:none;
		}
	}
	 
	&:after{
		background:url(../img/border-1.gif) repeat-y 0 0;
		position:absolute;
		top:0;
		bottom:0;
		left:51px;
		content:"";
		width:1px;
		z-index:2;
		
																		@media (max-width: $screen-sm-max) { // max 991px
																			display:none	
																		} 
	
	}
}
.box-info-product .exclusive span{
	@include border-radius(5px);
	font-weight:bold;
	font-size:20px; 
	line-height:22px;
	border-top:1px solid #06b2e6;
	border-right:1px solid #06b2e6;
	border-left:1px solid #06b2e6; 
	border-bottom:1px solid #06b2e6; 
	text-shadow:0 1px #015883;
	padding:12px 36px 14px 82px;  
	color:$light-text-color;
	display:block !important;
	@include transition(all 0.3s ease);
																		@media  (max-width: $screen-md-max) { //max 1199px
																			padding: 12px 22px 14px 70px;
																			font-size: 14px;  
																		}
																		@media (max-width: $screen-sm-max) {  //max 991px
																			padding:8px 12px 10px;
																			text-align: left;	
																		} 
															
      
}
.box-info-product .exclusive:hover{
	@include background-image(linear-gradient(#007ab7, #009ad0)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
	background-position:0 0
}

/* table_data_sheet */
.table-data-sheet{
	border-bottom:$main_border;	
	width:100%;
	margin:0 0 20px;
	background:$light-background;	
	
	tr{
		border-top:$main_border;
	}
	
	tr.even{
		background:$tr-even-bg;
	}
	
	tr td:first-child{
		border-right:$main_border;
		width:30%;
		font-weight:bold;
		color:$base-text-color;
	}
	
	tr td{
		padding:10px 20px 11px;
	}
}

/* table produst-discounts */

table.table-produst-discounts{
	border:none;
	border-bottom:$main_border;
	border-right:$main_border;
	width:50%;
	margin:0 0 20px;
	background:$light-background;
																		@media (max-width: $screen-xs-max) { //max 767px
																			width:100%;																		
																		}		
		
    tr th{
		background:$table-background;
		color:$base-text-color;
		font-weight:bold;
		border:none;
		font-weight:bold
	}	
	
	tr td,
	tr th{
		border-left:$main_border;
		width:33%;
		padding:10px 20px 11px;
		border-top:$main_border;
		border-right:none;
		text-shadow:none;
		text-transform:none;
		font-weight:13px;
		line-height:18px;
		border-bottom:none
	}

}

/* accessories  */
.accessories-block {
		
	.block_description{display:none}
	
	.exclusive span{
		font-size:13px;
		line-height:18px;
		padding:2px 8px 3px;
		text-decoration:none;
		
		&:focus, &:active{
			text-decoration:none;
		}
	}
}

/* attributes */

.box-info-product{
	background:$list-info-bg;	
	border:1px solid #d2d0d0;
	border-top:1px solid #b0afaf;
	border-bottom:1px solid #b0afaf;

    p{margin-bottom:7px}

}

/* quantity_wanted */
#quantity_wanted_p{

	input {
		width:78px;
		height:27px;
		padding:0 6px;
		float:left;
		border:$main_border;
		line-height:27px;
	}
	
	.btn{
		 float:left;
		 margin-left:3px
	}

	label{
		display:block;
		margin-bottom:7px;
	}
}
/* availability_statut */

#availability_statut span#availability_label, #availability_date_label {
	display:inline-block;
	width:125px;
	font-weight:700;
	font-size:12px;
	text-align:right;
}

#quantityAvailable{
	 color:$base-text-color;
	 font-size:13px;
	 line-height:18px;
	 font-weight:bold;
} 

#quantityAvailableTxt, #availability_value, #last_quantities {
	 color:$light-text-color;
	 font-weight:bold;
	 line-height:18px;
	 display:inline-block;
	 padding:3px 8px 4px;
	 background:#46a74e;
	 border:1px solid #36943e;
	 margin-left:5px;
}

#last_quantities{
	background:#ff7430;
	border:1px solid #ea5e1a;
	padding:4px 8px 3px;
    position:relative;
	top:1px
}

#availability_statut, #pQuantityAvailable {
	display:inline-block;
}
#pQuantityAvailable span {
	font-weight:bold;
	color:$base-text-color;
}

#availability_statut #availability_value.warning_inline {
	background-color:#fe9126;
	border-color:#e4752b;
	text-shadow:1px 1px #e68322;
	margin:0
}

/* box-security */
.box-security {
    border-top:1px solid #dfdede;
    padding:19px 19px 6px ;
    @include background-image(linear-gradient(#fff, #fbfbfb)); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fbfbfb',GradientType=0 );
}
.ie8 {
	.box-security {
		filter:none;
	}	
}
/* prices */
.content_prices {
    padding:13px 19px;
}

#buy_block p.price {
	padding:0;
}

.discount {
	display:none;
}

#buy_block p#old_price {
	padding-bottom:15px;
	font-size:14px;
	text-decoration:line-through;
}

#old_price{
	display:inline-block;
	font-family:$font-custom;	
	font-size:17px;
	line-height:23px;
	text-decoration: line-through;
}

.our_price_display {
	font-weight:600;
	font-size:29px;
	line-height:32px;
	font-family:$font-custom;
	color:$product-price-color;
																		@media (max-width: $screen-sm-max) { //max 991px
																			font-size:26px;
																			line-height:28px;	
																		}
}

#reduction_percent, #reduction_amount {
	display:inline-block;	
	margin-right:10px;
	padding:1px 2px;
	font-weight:600;
	font-family:$font-custom;
	font-size:21px;
	line-height:23px;
	color:$light-text-color;
	background:#f13340;
	border:1px solid #d02a2c;
}

#reduction_percent span, #reduction_amount span {
	display:block;
}

/* online_only */
#pb-left-column p.online_only {
	font-weight:bold;
	font-size:13px;
	color:#f13340;
	text-align:left;	
}

/* add_to_cart */
.content_prices #add_to_cart {
	position:relative;
	float:right;
	padding:0;
}

.content_prices #add_to_cart .exclusive,.content_prices #add_to_cart .exclusive_disabled {
	height: 26px;
    padding: 5px 7px 5px 15px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*hack Chrome and Safari */
 
    .content_prices #add_to_cart .exclusive,.content_prices #add_to_cart .exclusive_disabled {
		padding:6px 7px 4px 15px;
	}

}

/* */
.buttons_bottom_block {
	clear:both;
	padding-top:13px;
}

.buttons_bottom_block #wishlist_button {
	font-weight:700;	
}

/* SEND TO FRIEND (pop-in) ##################################################################### */
#send_friend_form {
	width:555px;
	overflow:hidden;
																		@media (max-width: $screen-xs-max) { // max 767px
																			width:280px;
																		}	
}

#send_friend_form .product img {
	margin:0 0 10px 0;
	border:1px solid $base-border-color;
}

#send_friend_form .product .product_desc p {
	padding:0 ;
	color:$base-text-color;
}

#send_friend_form .product .product_desc p.product_name {
	font-size:12px;
	color:#000;
}

#send_friend_form .form_container {
	padding:10px 15px;
	border:1px solid $base-border-color;
	background:$base-box-bg;
}

#send_friend_form .form_container p.intro_form {
	padding-bottom:6px;
	font-weight:700;
	font-size:13px;
	color:$base-text-color;
}

#send_friend_form .form_container p.txt_required {
	padding-bottom:0;
	color:/* SEND TO FRIEND (pop-in) ##################################################################### */
#666;
}

#send_friend_form .form_container .text {
	padding-bottom:10px;
}

#send_friend_form .form_container .text label {
	display:block;
	padding:0;
	width:100%;
	font-size:12px;

}

#send_friend_form .form_container .text input {
	padding:0 5px;
	height:22px;
	width:100%;
	border:1px solid base-border-color;
	font-size:12px;
	color:#666;
}

#send_friend_form .submit {
	margin-top:20px;
	padding-bottom:0;
	text-align:right;
}

/* PERSONNALISATION ##################################################################### */
.customization_block p.infoCustomizable {
	margin:10px 0 20px;
	padding:0 0 0 20px;
	background:url(../img/icon/infos.gif) no-repeat 0 0 transparent;
}

ul#uploadable_files,ul#text_fields {
	list-style-type:none;
}

.customizableProductsFile,.customizableProductsText {
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid $base-border-color;
}

.customizationUploadLine {
	padding-bottom:10px;
}
.customizationUploadBrowse img + a {
	position: relative;
	top: -51px;
}
.customizationUploadLine label {
	display:block;
	vertical-align:top;
}

.customizationUploadLine textarea {	
width:50%;
	border:$main_border;
}


#customizedDatas {
	float:right;
}

.accessories_block div ul li a {
	display:inline-block;
}

.accessories_block div ul li .s_title_block a, .accessories_block div ul li .s_title_block span  {
	font-weight:bold;
}

/******************************************************************
					Quick View Styles
******************************************************************/
#product.content_only {
	div, section {
		
		&#primary_block {	
			margin-bottom:0;															
																		@media (max-width: $screen-sm-max) { //max 991px
																		  margin-right:0;
																		} 
			div {
						
				&#pb-right-column {
					padding:20px 20px 5px 35px;
					width:47%;
																		@media (max-width: $screen-xs - 1)  {  // max 479px 
																			width:100%;
																			float:none																			
																		}
					
					span.view_scroll_spacer{
						width:38px;
						padding-left:10px;
					}
					
					#thumbs_list {
						width:392px;	
					}
				}
				&#pb-left-column {
					padding:20px 20px 60px 0px;
					width:27.5%;
					margin-bottom:0;
				    min-height: 623px;
				    height:100%;														
																	   @media (max-width: $screen-sm-max) {  //max 991px
																			min-height:440px;																			
																		}
																		@media (max-width: $screen-xs - 1)  { // max 479px 
																			width:100%;
																			float:none																			
																		}
																					  
				  
				.product_comments_block_extra{
					padding-right:0;
				}
																		@media (max-width: $screen-xs - 1)  { 	// max 479px 
																			
																		.comments_advices li{display:block}	
																		.comments_advices a.reviews{margin:0;padding:0;border:none}	
																			
																		}
				
				
                #ShareDiv{
					position:absolute;
					bottom:8px;
				}
				}
				
				&#pb-right-column1 {
					width:25.5%;
					padding-right:15px;
					padding-left:0;
					
					                                       
					
					
					.box-info-product {
						border-top-width:0px;
						border-right:none;
						border-bottom:none;
						min-height:623px;
						height:100%;
						@include border-radius(0 4px 4px 0);
						position:relative;
						padding-bottom:125px;															
																			@media (max-width: $screen-sm-max) {  //max 991px
																			   @include border-radius(0);	
																			   border:$main_border
																			} 					
             			
						#add_to_cart .exclusive{
							display:block;
							width:100%;
							&:before,&:after{
								display:block;
							}
						}
						
						#add_to_cart .exclusive span {													
							font-size:20px;	
							text-align:center;
																			@media  (max-width: $screen-md-max) { //max 1199px
																				padding: 12px 22px 14px 70px;
																				font-size: 20px;  
																			}
						}
						
						.box-cart-bottom {
							position:absolute;
							bottom:0;
							right:0;
							left:0;
						}
						
					}					
					#attributes .attribute_list {
						
						.form-control {
							width:230px;
						}	
					}
					
					.product_attributes, .box-cart-bottom {
						@include box-shadow(rgba(black,0) 0px 0px 0px);
					}
					.product_attributes { padding-top:0;}
				}
			}
		}	
	}
}
.addsharethisinner .stButton .stArrow {display:none !important;}
@media (max-width:1050px) {
	#product.content_only {
		
		div, section {
			
			&#primary_block {
																			@media (max-width: $screen-xs - 1)  {  // max 479px 
																				margin-left:0;										
																			}
				div {
					
					&#pb-right-column {
						width:100%;						
						padding-right:15px;
						
						#image-block, #views_block {
							max-width:470px;
							width:100%;
							margin-left:auto;
							margin-right:auto;	
						}
						
						#thumbs_list { 
							
							li {
								width:90px;
								height:90px;
								
								img {
									width:82px;
									height:82px;
								}
							}
						}
					}
					
					&#pb-left-column {
						width:50%;
						float:left;
						padding-left:35px;
																		@media (max-width: $screen-xs - 1)  { // max 479px
																			width:100%;
																			float:none	;
																			padding-left:15px;	
																			@include box-sizing(border-box)																	
																		}
					}
					&#pb-right-column1 {
						width:50%;
						float:left;
																		@media (max-width: $screen-xs - 1)  {  // max 479px 
																			margin-top:10px; 
																			width:100%;
																			float:none	;
																			padding-left:15px;	
																			@include box-sizing(border-box)																		
																		}
						
						.box-info-product {
							border-top-width:1px;
							min-height:1px;
						}
					}
				}
			}
		}
	}
}