@import "compass";
@import "theme_variables";

/* product desc */
/* primary_block ***************************************************************************** */
.primary_block {
	
}
.top-hr{
	background: $top-line-color;
	height: 5px;
	margin: 2px 0 31px;
}
.product-heading-h5{
	color: $gray-light;
	font-weight: 200;
	margin: 3px 0 8px;
	font-size: 19px;
	font-family: $font-custom;
}
.box-security .product-heading-h5{
	margin: 3px 0 -8px;
	@media  (max-width: $screen-md-max) { //max 1199px
	 margin-bottom: 8px;
	}
}
.primary_block .pb-left-column img {
	max-width: 100%;
	height: auto;
}
a.fancybox-nav {
	outline:0
}
/****product_tab_container****/
.product_tab_container
{
	margin-top:33px;
	.nav-tabs
	{
		border-bottom:none;text-align:center;
		>li 
		{
			float:none;display:inline-block;margin-left:-5px;border:none; 
			>a 
			{
				font-size:12px;text-transform:uppercase;padding:9px 30px;border:none; background:#dddddd;
				&.active,&:hover ,&:focus 
				{
					border:none; 
				}
			   
			}
			&.active,&:hover ,&:focus 
			   {
				   
				   >a{ color:$base-text-color;background:#fafafa; }  
				  
			 }
		}
	}
	.page-product-box{margin-top:34px;} 
}
.size-guide-content
{
	h4{font-family:$font-special;color:$base-text-color;}
}
.custom-tab-content
{
	strong{color:$base-text-color;}
	iframe { 
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    }
}
.custom-tab-content iframe {
    max-width: 100%;
}
.product_tab_container .tab-content h2.title_block{
	font-size:18px;text-transform:uppercase;color:$base-text-color;font-weight:500;
	&:after
	{
	 content: "\f105"; font-family: "FontAwesome";float:right;cursor:pointer;
	}
	&.active:after{content: "\f106";}
	} 
.product_tab_container .tab-content .title_block{display:none;}
.product_tab_container.mobile .tab-content .title_block{display:block;}

@media  (max-width: $screen-xs-max)  
{
.product_tab_container.mobile .nav-tabs{display:none;} 
.product_tab_container .nav-tabs > li{width:50%;margin-bottom:2px;}
}
@media (max-width: $screen-xs - 1) 
{
	.product_tab_container .nav-tabs > li{width:100%;}
}
/* .pb-left-column ***************************************************************************** */
.pb-left-column {
	#image-block {
		position: relative;
		display: block;
		cursor: pointer;
		float:left;
	    
		img {
			background: $base-box-bg;
			width: 100%;
		}
		#view_full_size {
			.span_link {
				position: absolute;
				bottom:0;
				right:0;
				display: block;
				height:38px;
				line-height: 38px;
				color:$description-color;
				width: 38px;
				text-align: center;
				background: #000;
				font-size:0;
				&:after{
					font-family: $font-icon;
					font-size: 18px;
					content: "\f065";
					font-weight: normal;
					
				}
				&:hover:after{
					color: $light-text-color
				}
			}
		}
		a.jqzoom {
			div div {
				img {
					width: auto;
					max-width: 10000px;
				}
				.zoomWrapper {
					border: none;
				}
			}
		}
		.zoomPad {
			z-index : auto!important;
		}
		.new-box,.owl-label,
		.sale-box {
			z-index: 5002
		}
	}
}
#old_price_display .price{color:$base-body-color;}
.prod-center-conten{position:relative;}
.content-more-info
{
	text-align:center;margin-top:42px; 
	 h3
	 {
		 font-size:18px;font-family:$font-custom;font-weight:300;text-transform:uppercase;margin-bottom:15px;margin-top:0;color:$base-text-color;
	 }
	 h4{ font-size:18px;font-family:$font-custom;font-weight:600;text-transform:uppercase;margin:0;color:$base-text-color;}
	 .decs-more-info{font-family: $font-special;font-size:13px;font-style:italic;margin:36px 0;}
	 .col-left{line-height:20px;}
}
#wrapResetImages{display:none !important;}
/* miniatures */
.pb-left-column #views_block {
	width: 120px; 
    margin-right: 10px;
    float: left;
	@media (min-width: $screen-sm) and (max-width: $screen-sm-max) 
	{
		margin-right:30px;
	}
	@media (max-width: $screen-xs-max)
	{
		display:none;
	}
}
.primary_block
{
		@media (min-width:$screen-md) 
		{
			.pb-left-column
			{
				
				#image-block{max-width:500px;}
			}
			
			
		}
		 @media (min-width: $screen-md) and (max-width: $screen-md-max) 
	     {
			.pb-left-column #image-block{ max-width:330px;}
		 }
		  @media (min-width: 1200px) and (max-width:1399px) 
	     {
			.pb-left-column #image-block{ max-width:440px;}
		 }
	
}
#thumbs_list {
	
	
	
	ul#thumbs_list_frame {
		list-style-type: none;
		padding-left: 0;
		overflow: hidden;
	
	}
	li {
		
		cursor: pointer;
		line-height: 0;
		@include box-sizing(border-box);
		
		a{
			display: block;
			border: 1px solid transparent;
			@include transition(all 0.3s ease);
			@include box-sizing(border-box);
			background: $base-box-bg;
			&:hover, &.shown {
				border-color: $product-image-border;
			}
		}
		img {
			
			max-width: 100%;
             height: auto;
			@include box-sizing(border-box);
			
		}
	}
}

.show-right-column.hide-left-column, .hide-right-column.show-left-column
{
	#thumbs_list {
		width: 294px;
		@media (min-width: $screen-md) and (max-width: $screen-md-max) { //min 992px max 1199px
			width: 194px;
		}
		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
			width: 82px;
		}
		@media (max-width: $screen-xs-max) { //max 767px
			width: 196px;
		}
	}
}

span.view_scroll_spacer {
	float: left;
	width: 56px;
	padding-left: 10px;
	
	@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
		width: 45px;
		padding-left: 3px;
	}
	@media (max-width: $screen-xs-max) { //max 767px
		width: 50px;
		padding-left: 0;
	}
}
.show-right-column.hide-left-column, .hide-right-column.show-left-column
{
	span.view_scroll_spacer {
		width: 27px;
		padding-left: 2px;
		@media (min-width: $screen-md) and (max-width: $screen-md-max) { //min 992px max 1199px
			width: 44px;
			padding-left: 16px;
		}
		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
			width: 41px;
			padding-left: 13px;
		}
		@media (max-width: $screen-xs-max) { //max 767px
			width: 45px;
			padding-left: 14px;
		}
	}
}
#view_scroll_left,
#view_scroll_right {
	margin-top: 50px;
    height: 36px;
    width: 36px;
    transition: all 500ms ease 0ms;
    -moz-transition: all 500ms ease 0ms;
    -webkit-transition: all 500ms ease 0ms;
    text-align: center;
    line-height: 36px;
    line-height: 0;
    background:#d9d9d9;
    font-size: 0;
    overflow: hidden;
	@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
		margin-top: 28px;
	}
	&:before{
		color: #fff;
		font-family: "FontAwesome";
		font-size: 26px;
		line-height: 35px;
	}
	&:hover{
		background:#666666;
	}
}
#view_scroll_right {
	float: left;
	margin-left:8px;
	&:before{
		    content: "\f105";
	}
}
#view_scroll_left {
	margin-top: 0;
	&:before{
	   content: "\f104";
       padding-right: 2px;
	}
}
.resetimg {
	padding: 10px 0 0;
	#resetImages i{
		margin-right: 6px;
	}
}
.view_scroll_spacer {
	margin-top: 50px;
	@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 {
		margin: 0 10px 0 0;
		float:left;
		
		text-transform:uppercase;
		font-size:11px;
		
		a{
			color:$base-body-color;
			position: relative;
			padding-left: 20px;
			line-height: 22px;
			display: inline-block;

			&:before{
				font-family: $font-icon;
				font-size: 14px;
				line-height: 24px;
				position: absolute;
				top: -2px;
				left: 0;
				font-weight: normal;
			}
			&:hover{
				color: #000;
			}
		}
		&.print{
			
			a:before{
				content: "\f02f";
			}
		}
		&.sendtofriend {
			a:before{
				content: "\f003";
			}
		}
		&#left_share_fb {
			clear: both;
			float: none;
			a{
				padding-left: 18px;
			}
			a:before{
				content: "\f09a";
			}
		}
		&#favoriteproducts_block_extra_remove,
		&#favoriteproducts_block_extra_add,
		&#favoriteproducts_block_extra_removed,
		&#favoriteproducts_block_extra_added{
			cursor: pointer;
			font-weight: 700;
			clear: both;
			float: none;
			margin: 0 0 8px 0;
			border: none;
			padding: 0;
			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: "\f08a";
			}
			&:hover{
				color: #000;
			}
		}
		&#favoriteproducts_block_extra_removed:before {
			content: "\f004";
		}
	}
}
#product_reference,  #product_condition  {
	label
	{
	color: $base-body-color;
    font-weight: 300;font-size:13px;
    
	}
	span
	{
		
    font-weight: 300
	}
    
}


/* pb-left-column ****************************************************************************** */
.pb-center-column {
	
	h1 {
		margin:0 0 25px;
		font-size: 30px;
		text-transform:uppercase;
		color: $base-text-color;
		font-weight:500;
	
	}
	p {
		margin-bottom: 6px;
		&#product_condition{display:none;}
		&.socialsharing_product
		{
			padding-bottom:10px;border-bottom:$main_border;margin-top:10px;margin-bottom:10px;
			button
			{
				border:none;
				&.btn-twitter{padding-left:0;}
			}
		}
	}
	#product_reference {
		margin-bottom: 6px;
	}
	#short_description_block {
		color: $description-color;
		.buttons_bottom_block {
			display: none;
		}
		#short_description_content{
			padding: 0;
			word-wrap: break-word;
			p{
				line-height: 18px;
				font-size: 13px;
				color: $base-body-color;
				padding-top: 15px;
				border-top: 1px solid #ebebeb;
				margin-top: 7px;
			}
		}
	}
	/* form */
	#buy_block {
		margin-top: 10px;
		label {
			
			font-size: 14px;
			float: left;
			margin-right: 15px;
			margin-top: 10px;
			
		}
		p{
			&.price {
				padding: 0;
			}
		}
	}
	#color_picker p {
		padding-bottom: 5px;
		font-weight: 700;
	}
}
#product p#loyalty {
	
	position: relative;
	b{
		color: $base-text-color
	}
	&:before{
		content: "\f024";
		font-family: $font-icon;
		color: #cfcccc;
		font-size: 26px;
		line-height: 28px;
		position: absolute;
		top: 16px;
		left: 0;
	}
}
#page .rte {
	
	word-wrap: break-word;
	p{
		margin-bottom: 1em;
		min-height: 1px
	}
}
#attributes{
	fieldset {
		padding-bottom: 10px;
		label {
			vertical-align: top;
			display: block;
		}
	}
	.attribute_list {
		width: 100%;
		.selector{text-align:center;}
		.form-control {
			max-width: 160px;
			@media (min-width: $screen-md) and (max-width: $screen-md-max) 
	         {
				 max-width:100px;
			 }
			option{
				background: $light-background;
				color: $description-color;
				padding:3px;
			}
		}
		ul{
			clear: both;
			li{
				float: left;
				margin-right: 10px;
			}
		}
		input.attribute_radio{
			float: left;
			margin-left: 3px;
		}
		div.radio,
		div.radio span,
		div.radio input{
			float: none;
			display: inline-block;
		}
		#color_to_pick_list {
			list-style-type: none;
			li {
				float: left;
				margin: 0 3px 3px 0;
				padding: 1px;
				border: 1px solid $base-border-color;
				clear: none;
      			width: 26px;
      			height: 26px;
				a.color_pick {
					display: block;
					height: 22px;
					width: 22px;
					cursor: pointer;
					img {
						display: block;
						height: 22px;
						width: 22px;
					}
				}
				&.selected,&:hover{
					border:1px solid #4d4d4d;
				}
			}
		}
	}
}
.product_attributes,
.box-cart-bottom {
	
}
.box-cart-bottom{
	padding: 0;
	> div {
		display: inline-block;
		vertical-align: top;
		margin-left: 16px;
     }
	
}
#short_description_content,
.page-product-box .rte {
	a{
		color: #333333;
		text-decoration: underline;
	}
	a.btn{
		text-decoration: none;
	}
}

.box-info-product {
	.content_prices{
		padding:0;
		p{vertical-align:baseline;}
	}
	p{
		margin-bottom: 10px;
		display: inline-block;vertical-align:top;
		&#quantity_wanted_p{margin-bottom: 0;}
		&.buttons_bottom_block{display:block;}
		&#old_price{margin-left:10px;}
	}
	
	.exclusive{
			    
	
	
	}
}


#page .rte {
	ul, ol 
	{
      line-height: 25px;
	}
	ul{margin-bottom:2em;margin-top:1em;}
}

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

/* table product-discounts */
table.table-product-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: 700;
		border: none;
		font-weight: 700;
	}
	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{
		
		&:focus,
		&:active{
			text-decoration: none;
		}
	}
	.product-name{
		
		a{
			
			
		}
	}
	div ul li {
		a {
			display: inline-block;
		}
		.s_title_block{
			margin-bottom:11px;
			a,
			span{
				font-weight:700;
			}
		}
	}
}

/* quantity_wanted */
#quantity_wanted_p{
	input {
		width: 46px;
		height: 37px;
		padding: 0 0 0 15px;
		float: left;
		border: 1px solid #686868;
		line-height: 37px;
		margin-right: 7px;
		text-align: center;
	}
	.btn{
		float: left;
		margin-right: 7px
	}
	label{
		display: block;
		margin-bottom: 7px;
	}
}

/* availability_statut */
#availability_statut span#availability_label,
#availability_date_label {
	display: inline-block;
	font-weight: 300;
	text-align: right;
}
#quantityAvailable{
	color: $base-text-color;
	font-size: 13px;
	line-height: 18px;
	
}
#availability_value,
#last_quantities {
	color:#60e905;font-weight: 300;
    background:none;
	border:none;
	line-height: 18px;
	display: inline-block;
	margin-left: 5px;
	padding:0;
	font-family:$font-custom;
}
#last_quantities{
	background: #fe9126;
	border: 1px solid #e4752b;
	padding: 4px 8px 3px;
	position: relative;
	top: 1px;
	margin-left: 0px;
}
#availability_statut {
	display: inline-block;
}
#pQuantityAvailable{display:none !important;} 
#pQuantityAvailable span{
	font-weight: 700;
	color: $base-text-color;
}

/* 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 );
}

/* prices */
.content_prices {
	padding: 13px 19px;
}
.discount {
	display: none;
}
.our_price_display {
	font-size: 24px;
	line-height: 29px;
	font-family: $font-custom;
	color: $product-price-color;
	
	.price {
		
		font-size: 24px;
		line-height: 39px;
		color: $product-price-color;
		
	}
}
#old_price {
	padding-bottom: 15px;
	font-size: 13px;
	text-decoration: line-through;
	display: inline-block;
	font-family: $font-custom;
	line-height: 23px;
}
#reduction_percent,
#reduction_amount {
	height: 28px;
    width: 60px;
    line-height: 28px;
	font-weight: 600;
	font-family: $font-custom;
	font-size:11px;
	color: $light-text-color;
	background:$bg-main;
    display: none;

	span{
		 
	}
	.hide-left-column.hide-right-column & {
		display: none !important;
	}
}

/* online_only */
.pb-center-column p.online_only {
	font-weight: 700;
	font-size: 13px;
	color: #f13340;
	text-align: left;
}
.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;
	}
	.product{
		img{
			margin: 0 0 10px 0;
			border: 1px solid $base-border-color;
		}
		p{
			padding: 0 ;
			color: $base-text-color;
			.product_name {
				font-size: 12px;
				color: #000;
			}
		}
	}
	.form_container {
		padding: 10px 15px;
		border: 1px solid $base-border-color;
		background: $base-box-bg;
		p{
			&.intro_form {
				padding-bottom: 6px;
				font-weight: 700;
				font-size: 13px;
				color: $base-text-color;
			}
			&.txt_required{
				padding-bottom: 0;
				color: #666;
			}
		}
		.text {
			padding-bottom: 10px;
			label {
				display: block;
				padding: 0;
				width: 100%;
				font-size: 12px;
			}
			input {
				padding: 0 5px;
				height: 22px;
				width: 100%;
				border: 1px solid $base-border-color;
				font-size: 12px;
				color: #666;
			}
		}
	}
	.submit {
		margin-top: 20px;
		padding-bottom: 0;
		text-align: right;
	}
}

/* PERSONNALISATION ##################################################################### */

p.infoCustomizable {
	margin-bottom: 30px;
}

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;
	label{
		display: block;
		vertical-align: top;
	}
	textarea {
		width: 50%;
		border: $main_border;
		color: $text-color;
	}
}
.customizationUploadBrowse img + a {
	position: relative;
	top: -51px;
}
#customizedDatas {
	float: right;
}
.box-cart-bottom .buttons_bottom_block{margin-left:0; } 
.buttons_bottom_block a.compare_button{
	font-size:14px;font-weight:300;
	i:before{
		
    font-size: 12px;
	margin-right:3px;color:#25b8e8;padding:0 2px; 
	}
	}
/******************************************************************
Quick View Styles
******************************************************************/
#product.content_only {
	padding:10px;
}
.addsharethisinner .stButton .stArrow {
	display: none !important;
}

/****/
@media  (max-width: $screen-xs-max) {
.products_block .prod-hover{margin-top:15px;}
.content-more-info .col-left{text-align:left;}
}
@media  (max-width: $screen-sm-max) {
.pb-left-column{display:inline-block;margin-bottom:20px;}


}
/***** IE code ****/

.ie8 {
	
	.box-security {
		filter: none;
	}
}
