/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

/**
Individual dress photos
**/

.flexslider {
	overflow: visible !important;
}

#flexslider-1 {
	margin-bottom:50px;
}

#IndividualDressPhotosContainer {
	float:left;
	height: auto;
    width: 100%;
	padding-bottom: 50px;
    /*-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);*/
}

a.carousel-prev, a.carousel-next {
	display:none;
}

#field-slideshow-1-carousel.field-slideshow-carousel {
	width:480px;
}

ul#field-slideshow-1-pager.field-slideshow-pager li{
	padding:2px;
	margin-right: 6px;
}

.field-slideshow {
	float:left;
	margin:1px 2px 3px 4px;
}

#field-slideshow-1-carousel-wrapper {
	float:left;
	margin:1px 2px 3px 4px;
}

.field-slideshow-1 {
	height:auto !important;
	min-height: 320px;
}

/**
Individual dress informaiton
**/

#IndividualDressInformaitonContainer {
	background-color: rgba(255, 255, 255, 0.85);
    float: right;
    height: auto;
    margin: 0 0px 10px;
    width: 100%;
    font-size: 14px;
    padding:20px;
}

.flex-control-thumbs li {
    padding: 2px;
}

#IndividualDressPhotosContainer .slides {
    height: 100%;
    margin-bottom:10px;
}

.flexslider {
    background: none repeat scroll 0 0 #fff;
    border: 0px solid #fff;
    border-radius: 4px;
    box-shadow: none;
    margin: 0 0 0px;
    position: relative;
}

#IndividualDressPhotosContainer div#flexslider-1.flexslider.flexslider-processed ol.flex-control-nav.flex-control-thumbs li img {
	border: medium none;
    clip: rect(0px, 70px, 70px, 0px);
    height: auto;
    position: absolute;
    width: 110px;
}

#IndividualDressPhotosContainer div#flexslider-1.flexslider.flexslider-processed ol.flex-control-nav.flex-control-thumbs li {
	height: 70px;
    margin-left: 4px;
    width: 75px;
}

#IndividualSellerInformaitonContainer {
	background-color: rgba(255, 255, 255, 0.85);
    float: right;
    height: auto;
    margin: 0 0px 10px 0px;
    padding: 15px;
    width: 100%;
}


#IndividualSellerInformaitonContainer .contact_seller_block h3 {
	margin-top:5px;
}

.ContactSellerButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ceb3bc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ceb3bc;
	box-shadow:inset 0px 1px 0px 0px #ceb3bc;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a87284), color-stop(1, #ceb3bc));
	background:-moz-linear-gradient(top, #a87284 5%, #ceb3bc 100%);
	background:-webkit-linear-gradient(top, #a87284 5%, #ceb3bc 100%);
	background:-o-linear-gradient(top, #a87284 5%, #ceb3bc 100%);
	background:-ms-linear-gradient(top, #a87284 5%, #ceb3bc 100%);
	background:linear-gradient(to bottom, #a87284 5%, #ceb3bc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a87284', endColorstr='#ceb3bc',GradientType=0);
	background-color:#a87284;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a87284;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:24px;
	padding:15px 40px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
}
.ContactSellerButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ceb3bc), color-stop(1, #a87284));
	background:-moz-linear-gradient(top, #ceb3bc 5%, #a87284 100%);
	background:-webkit-linear-gradient(top, #ceb3bc 5%, #a87284 100%);
	background:-o-linear-gradient(top, #ceb3bc 5%, #a87284 100%);
	background:-ms-linear-gradient(top, #ceb3bc 5%, #a87284 100%);
	background:linear-gradient(to bottom, #ceb3bc 5%, #a87284 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ceb3bc', endColorstr='#a87284',GradientType=0);
	background-color:#ceb3bc;
	color:#fff;
	text-decoration: none;
}
.ContactSellerButton:active {
	position:relative;
	top:1px;
}

#ShareBlockContainer {
	
}

#IndividualDressDescriptionContainer {
	width:100%;
	height:auto;
	padding:20px;
	font-size: 14px;
	background-color: rgba(255, 255, 255, 0.85);
	float: left;
	margin-top:10px;
}

#IndividualDressDescriptionContainerMobile {
	display:none;
}

.IndividualDressRetailPrice {
	color: #888;
    font-size: 28px;
    font-weight: normal;
    height: 40px;
    text-decoration: line-through;
    width: 270px;
}

.IndividualDressAskingPrice {
    font-size: 28px;
    font-weight: normal;
    height: 50px;
    width: 270px;
}

.IndividualDressStreetSize {

}

.IndividualDressTableDetails {
	border-bottom:solid 1px #CCCCCC;
	padding:5px;
}

#IndividualDressInformaitonContainer .field-label {
	color: #535353;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    margin-right: 5px;
    margin-top: 5px;
    width: 125px;
}

.IndividualDressLabelSize {

}

.IndividualDressDesignerName {

}

.IndividualDressStyleNameModel {

}

.IndividualDressColourFamily {

}

.IndividualDressFabric {

}

.IndividualDressShape {

}

.IndividualDressDryCleaned {

}

.IndividualDressDescription {

}

.ShareSocialBlock {
	float: right;
    height: 50px;
    margin: 20px;
    width: 100%;
}

.user-picture img{
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	width:100px;
}

.node-type-dress .field-name-field-dress-photos .field-item.even {
	float:left;
	padding:1px;
}

.node-type-dress .field-name-field-dress-photos .field-item.odd {
	float:left;
	padding:1px;
}

.node-type-dress .field-name-field-dress-photos.field-type-image.field-label-hidden div.field-items div.field-item.odd a.colorbox.init-colorbox-processed.cboxElement img {
	width:115px;
	height:auto;
	float:left;
	margin:5px;
	padding:5px;
}

#FlexSliderForMobile {
	display:none;
}

#ColorboxSliderForDesktop {
	display:block;
}

.RecommendedRetail {
	float: left;
    font-size: 14px;
    margin-top: 7px;
    text-decoration: none !important;
    width: 160px;
}

.SalePrice {
	float: left;
    font-size: 14px;
    margin-top: 7px;
    text-decoration: none !important;
    width: 100px;
}

.IndividualDressRetailPrice .field-name-field-retail-price {
	float: left;
    /*margin-right: 15px;*/
    text-decoration: line-through;
    width: 100px;
}

.IndividualDressAskingPrice .field-name-field-asking-price {
	float: left;
    font-size: 28px;
    text-decoration: none;
    width: 100px;
}

#FlagCountContainer {
	display:none;
}

.addthis_sharing_toolbox {
	float:right;
}

#IndividualSellerInformaitonContainer .flag-wrapper.flag-watch-dress {
	float:right;
	margin:-10px;
}

#edit-field-style-name-model.field-type-text.field-name-field-style-name-model.field-widget-text-textfield.form-wrapper.form-group {
	display:none;
}

#edit-field-colour-family.field-type-list-text.field-name-field-colour-family.field-widget-options-select.form-wrapper.form-group {
	display:none;
}

#edit-field-fabric.field-type-list-text.field-name-field-fabric.field-widget-options-select.form-wrapper.form-group {
	display:none;
}

#IndividualDressInformaitonContainer .IndividualDressColourFamily.IndividualDressTableDetails {
	display:none;
}

#IndividualDressInformaitonContainer .IndividualDressFabric.IndividualDressTableDetails {
	display:none;
}

#IndividualDressInformaitonContainer .IndividualDressStyleNameModel.IndividualDressTableDetails {
	display:none;
}

#edit-field-dress-fit.field-type-list-text.field-name-field-dress-fit.field-widget-options-buttons.form-wrapper.form-group {
	display:none;
}

.page-node-add-dress .form-item-field-label-size-und.form-item.form-group label {
	display:none;
}

.page-node-add-dress .form-item-field-designer-name-und-0-value.form-item.form-group label {
	display:none;
}

.page-node-add-dress .form-group {
    margin-bottom: 0;
}

























@media only screen and (max-width : 1200px) {

}









/***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************/
/***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************/

@media only screen and (max-width : 979px) {


}













/***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************/

@media only screen and (max-width : 767px) {
 
  
}








/***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************/

@media only screen and (max-width : 480px) {


.node-type-dress section.col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
}

#IndividualDressPhotosContainer {
    float: left;
    height: auto;
    width: 100%;
}

#FlexSliderForMobile {
	display:block;
}

#ColorboxSliderForDesktop {
	display:none;
}

#IndividualDressDescriptionContainerMobile {
	display:block !important;
	margin-top:10px;
	text-align:center;
}


}










/***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************/

@media only screen and (max-width : 320px) {

#FlexSliderForMobile {
	display:block;
}

#ColorboxSliderForDesktop {
	display:none;
}


#IndividualDressDescriptionContainerMobile {
	display:block !important;
	margin-top:10px;
	text-align:center;
}




}