/*   
Theme Name: Sisley Fashion Brand 2014
Author: Vegan Solution
Version: 1.0
*/

/* IMPORTS _________________________________________ */

@import url('css/style.css');

/* BEGIN _________________________________________ */

p {font-size:14px;} /*16px*/

/* Responsive Video ______________________________ */
.video-container p{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Responsive Video ______________________________ */


/* Fashion Magazine ____________________________ */
#fashion-magazine {
	display: block;
	position:absolute;
	float:right;
	right:10px;
	top:10px;
	width:130px;
	height:65px;
	background:url(http://cdn.sisley.com/wp-content/themes/Sisley2014/images/logo-texture.png) 0 0 no-repeat;
	z-index:900;
}

/* Image Browse ____________________________ */
	#page-details {
	/*background-color:#333;*/
	position:relative;
	}

	#page-details a {
		float:right;
		margin-top:20px; 
		height:60px; 
		width:60px; 
		background-color:#bbb; 	
	}
	
	#page-details a:hover {
		background-color:#2b2b2b;
	}
		
	#shareThisPage {
	margin:20px 10px;
	width: 300px;
	}
	
	#shareThisPage a{	
	margin:0;
	height:auto;
	width: auto;
	background:none !important;
	}
	
	#fbcomments{margin-top:20px;}
	#fbactivity{min-height:100px}


#fbcomments .fbFeedbackContent .composer {
	border: none !important;
}

#fbcomments .fbConnectWidgetFooter .fbFooterBorder {
	border:none !important;
}
	
/* Responsive Facebook ____________________________ */
.fb-like-box {
border:0 !important;
}

	.facebookFan { overflow: hidden;}
	
/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
 
	/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
	#fb-root {
	  display: none;
	}
 
	/* To fill the container and nothing else */
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	  width: 100% !important;
	}

	.fb_edge_widget_with_comment span iframe[style] {
		width:450px !important;
	}

/* Store Locator ____________________________ */

	
#storelocator-left , 
#storelocator-right ,
.storelocator-left-block ,
.storelocator-right-block { float:left; width:48%; padding:1%;}
#mobile_hover_touchbar{
	position: absolute;
	z-index:99999;
	right:0px; top:0px;
	width:10%;
	height:100%;
	display:none;
}

#contact-form h2 {
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0;
	font-size:20px;
}

.storelocator-left-block{}
.storelocator-right-block{ padding-top:50px;}
	
		
.mapStoreLocator {	
	position:relative;
	overflow: hidden;
	width:100%;
	height:500px;
	text-align:center;
}

#map.mapStoreLocator h1{
	text-align:center;
	color:#3D3D3F;
}

.selectStore {
		background-color:#FFF;
        background-position: center right, top left;
        color: #605f61;
        display: inline-block;
        font-size: 14px;
        padding: 0;
        width: 80%;
		cursor:pointer;
		height:22px;
		/*
		z-index:999;	
		margin: 0 0 30px;*/
}

#export_link a {
	float:none;
	}
#export_link a p{
	margin:0 10px;
	padding:5px 10px;
	/*width:300px;*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:#666;
	color:#FFF;
}

#export_link a p:hover{
	margin:0 10px;
	padding:5px 10px;
	/*width:300px;*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:#222;
	color:#FFF;
}

/* Form
-------------------------------------------------------------------------------*/
#newsletter-form form p {clear:both;}

#newsletter-form fieldset {border:none !important;}

#newsletter-form select,
#newsletter-form input,
#newsletter-form textarea{
	width:auto !important;
	color: #333;
	background: #f7f7f7;
	border: 1px solid #DDD;
	line-height:20px;
	padding:3px 5px;
}

#newsletter-form input {
height:20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.wpcf7-form-control-wrap {
	float:right;
}

#newsletter-form p {
	margin-bottom:20px;

}
#newsletter-form .wpcf7-submit {
	float:right;
	width:100px;
	color: #333;
	background: #f7f7f7;
	border: 1px solid #DDD;
	line-height:20px;
	padding:3px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

p.gray_box {
background: #333;
padding: 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

p.gray_box a{
color:#FFF;
font-weight:bold;
}

p.gray_box a:hover{
color:#666;
}

#newsletter-form .btn-image {
		padding:12px 15px;
		background: #666;
		color: #fff;
		font-size:12px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		line-height:38px;
		width:auto;
		border:none;
		height:40px;
		cursor:pointer;
		line-height:18px;
	}
	
#newsletter-form .btn-image:hover {
		background: #222;
	}

#social-connect {

}

#social-connect li {
display: inline;
display: inline;
font-size: 0;
padding-right:20px;
}

#social-connect li img:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}

/* Widgets 
------------------------------------------------------------------------------*/
div#sidebar-widget {
margin-top:-75px;
margin-bottom:50px;
}

div#sidebar-widget h3 {
	text-decoration:none;
	position:relative;
	top:250px;
	margin:0;
	line-height:auto !important;
	font-size:30px;
	background: rgba(0, 0, 0, 0.7);
	padding:0px 5px;
	color:#FFF;
	display: inline-block;
}

/*################*/ .shop_online_link{ /* END _________________________________________ */
        display:none !important;
	float: right;
}
#countries-contaner{
	background: #757B7F;
	color: #fff;
}
.styled-select{
	 color: #fff;
	margin-bottom:20px;
}
#countries-contaner .name > a:hover{
	 color: #fff !important;
}
.title-choose > h2{
	color: #FFFFFF !important;
	font-size: 20px;
	margin-top:20px;
	margin-left:20px;
	margin-bottom: 0;
}
.title-choose{
	color: #FFFFFF !important;
        font-size: 16px;
	font-weight:bold;
}
.styled-select{
	background-color: #FFFFFF;
	font-size: 14px;
	color: #605F61;
	height: 22px;
	margin-left:20px;
}
#countries-contaner{
	margin: auto;
    width: 75%;
}
#countries-contaner .country{
	margin-left:20px;
	width:100%;
}
#countries-contaner td.img-bag {
	background: url("./images/bag-white.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
	float: right;
	margin-right: 4px;
}
