﻿
/************************************
Product Detail
*/
.product-detail-wrap {
    display: -webkit-inline-flex;
	display: inline-flex;
    max-width: 100%;
   
}
    .product-detail-wrap > .col {
        align-items: flex-start;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 5px 8px 5px 3px;
       display: -webkit-box;
       display: -webkit-flex;
       -webkit-flex-wrap: nowrap; /* Safari 6.1+ */
       display: -ms-flexbox;
        -ms-flex-wrap: nowrap;
        display: flex;
        flex-flow: column nowrap;
        -webkit-flex-direction: column;              
        flex-wrap: nowrap;
    }
.product-detail-wrap > .col.left-col {
      max-width: 38%;

}
.product-detail-wrap > .col.right-col {
	max-width: 62%;
}


/*  Product Image section 
--------------------------------------------*/

.AdminProductImageMain {
width: 120px;
height: 120px;
border: 1px solid #003399;
}

.AdminImageSpot {
width: 150px;
height: 200px;
float: left;
text-align:center;
border: 1px solid #003399;
padding: 5px;
}

.AdminImageArea {
overflow: hidden;
}



/*This is the user image area rotator*/
/*******************************************/

.MainImageArea {
   width: 100%;
}


.ProductImageMain, .HomePageMostViewedItem a img {
width:100%; 
border: 3px solid #544C46;   
     -webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	-o-border-radius: .2em;
	-ms-border-radius: .2em;
	border-radius: .2em;  

     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -ms-border-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}


.ThumbnailArea {
    max-width:100%;
    justify-content: space-between;
   -webkit-align-items: flex-start;
    align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
}



    .ThumbNailImage:hover {
     border: 2px solid #F47C20;
     padding: 0px 0px 0px 0px;
    }



.SelectedThumb {
border: 2px solid #544C46;
padding:0 0 0 0; 
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -ms-border-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);

}

#sortable {
  
}

  
   

/* the product details area (top right area)*/

.product-details li.detail-item, #product-details-options .detail-item{
	float:left;
	width:40%;
    padding: 2px 0;
}

.product-details .description {
    margin-top: 4px;
}

.product-details .description ul {
    list-style:disc outside none;  
    width:100%;
    display: inline-block;
}

.product-details .description li {
    float:left;
    margin-left:24px;
    width:44%;
    margin-top: 4px;
}

.product-details .description li:nth-child(odd) {
    clear:left;
}

    .product-details .description #LearnMore, .product-details .description #WatchMore {
    margin-bottom: 8px;
    }

        .product-details .description .MenuDivider {
            width: 100%;
            right: 0;
            margin: 6px 0 12px;
        }

.product-details a, #ShippingNotesArea a {
    color: #F47C20;   
}

.product-details a:hover, #ShippingNotesArea a:hover {
    color: #544C46 !important;
}

/*******************************************/
/*      Product Options        */

.options-wrap-outer {
   
	position:relative;
	
	background: #c0c1c0;  /*#d6ccc1;*/
    /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -ms-border-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);*/
    -webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	-o-border-radius: .2em;
	-ms-border-radius: .2em;
	border-radius: .2em;   
}

.options-wrap-inner {
    padding: 0px 6px 6px;
    margin-top: 0px;
     position: relative; 

     /*border: 1.5px solid #fbc800;   
     -webkit-border-radius: 0em 0em .2em .2em;
	-moz-border-radius: 0em 0em .2em .2em;
	-o-border-radius: 0em 0em .2em .2em;
	-ms-border-radius: 0em 0em .2em .2em;
	border-radius: 0em 0em .2em .2em;*/   
}

#OptionsHeading {
    position: relative;
    -webkit-border-radius: .2em .2em 0em 0em;
	-moz-border-radius: .2em .2em 0em 0em;
	-o-border-radius: .2em .2em 0em 0em;
	-ms-border-radius: .2em .2em 0em 0em;
	border-radius: .2em .2em 0em 0em; 
      box-shadow: none;
}

.options-wrap-outer .divider a {
    color: #FFFFFF;
}

/* Options Flex Box Stuff */
.options-wrap-outer .options, .flexbox-with-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
	flex-direction: row;
    width:100%;
   	-webkit-align-items: center;
	align-items: center;
}

.flexbox-nowrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
	flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width:100%;
   	-webkit-align-items: center;
	align-items: center;
}


.flexJustifyCenter {
    -webkit-justify-content: space-between;
	justify-content: space-between;
}

.options-wrap-outer .option-item {  
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 5px 8px 5px 3px;
    
}



/*.options-wrap-outer .option-item:nth-child(2n+3), .detail-item:nth-child(2n+3) {
	clear:left;	
}*/


.option-item input {
    margin:auto; 
    flex-grow: 2;
}

.option-item select {
    margin:auto;
    flex-grow: 2;
    width: inherit; 
}

.option-item .ui-input-text {
   
}

.option-item .label-help-wrapper {
     min-width: 144px;
     width: 144px;
     flex-grow:0;
}

.label-help-wrapper .opt-lbl {
    padding-right: 2px;
}

.ToolTipsImage {
    max-width: 17px;
    margin-left:-4px;
    top: 2px;
}


#PDPOptionBelowDivider {
 
}

#PDPOptionBelowDivider .ui-input-text {
    margin:auto 6px auto auto;
}


#PDPOptionBelowDivider .ui-spinner-button {
    position:absolute;

}

#PDPOptionBelowDivider .ui-spinner {
    height:32px; width: 64px;
}

#PDPOptionBelowDivider .ui-spinner-input {
    padding:2px 6px;
    text-align:center;
    width:47px;
    min-height:initial;
}

/*#qty-input-box {
width:26px;
text-align: center;
}*/


/*   Learn More Area
--------------------------------------------------------------------*/
.product-details #LearnMoreArea {
    display: block;
    width: 100%;
}

.product-details .LearnMore-Title {
   
}

/*.product-details .LearnMore-Wrapper li:nth-child(2n+1) {
    clear: left;
}*/

.product-details .LearnMore-Wrapper li {
    display: inline-block;
    float: left;
    margin-right: 30px;
}

#qty-total-section-wrapper {
text-align:right;
padding: 14px 5px 0px 8px;
}

    #qty-total-section-wrapper .product-total {
        display: inline-block;
        width: 66px;
        text-align: right;
    }


/*****************************************************************/
/* Related Items    */

.related-products-wrap {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 18px;
}

.CarouselDiv {
    margin-right: 24px; margin-left: 24px; margin-bottom: 12px !important;
}

     .CarouselDiv h4{margin-top:0px;}


.RelatedItemsPreviousArrow {
    position: absolute;
    top: 38%;
    left: -34px;
    cursor: pointer;
}

    
.RelatedItemsNextArrow {
    position: absolute;
    top: 38%;
    right: -34px;  
    cursor: pointer;
    -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

#DMSite .slick-slider .slick-track, #DMSite .slick-slider .slick-list {
    transform: translate3d(3px, 0px, 0px);
}


/*****************************************************************/
/*      ADMIN SCREENS                                            */
/*****************************************************************/

/************************************************/
/*      Product Options Admin Screen            */


#AdminProductOptionsTopRightSection .flexbox-with-wrap {
 width: 50%;
}

#AdminProductOptionsTopRightSection #Type-button {
    width: 94% !important;
}

#ProductOptionArea .ui-input-text, #ProductOptionArea .ProductOptionItemDriverRow .ui-selectmenu-button {
    margin: 0 4px 4px 0 !important;
}

#ProductOptionArea .PO_Col1, #ProductOptionArea .ProductOptionItemDriverRow .ui-selectmenu-button {
    width:37% !important;
}

#ProductOptionArea .PO_Col3 {
    width:70px;
}

#ProductOptionArea .PO_Col4 {
   justify-content: space-around;
    width: 120px;
}

/************************************************/
/*      Product Admin Screen            */

#AdminProductEditTopRightArea .leftCol {
    width: 60% !important;  
}
#AdminProductEditTopRightArea .leftCol .ui-input-text {
    flex-grow: 1;  
}

#AdminProductEditTopRightArea .rightCol {
    width: 40% !important;  
}
    #AdminProductEditTopRightArea .rightCol .ui-input-text {
    width: 100px;  
}

#AdminProductEditTopRightArea label {
    width: 100px;
}

#AdminProductEditTopRightArea #LongDesc {
/*height: 100px;
 max-height: 100px;*/
resize:vertical; 
overflow-y: auto;

}

#AdminProductEditTopRightArea .ui-input-text {
    margin-right: 0px !important;
}


#DBVars-Items .flexbox-nowrap {
    flex-grow:0;
    width:initial;
}

#DBVars-Items .flexbox-nowrap .label {
    width:68px;
}

#DBVars-Items .flexbox-nowrap .ui-input-text {
    margin-right: 13px !important;
}

    #DBVars-Items .flexbox-nowrap #SKUlabel {
    width: 123px !important;
    }

.ColorBoxWrapper {
    margin: 14px;
}



#DMSite .ui-dialog-titlebar {
display: none;
}

#DMSite .ui-dialog {
    /*background-color: #fbf8f4;*/
    Background:rgba(251, 248, 244, 1)  none repeat scroll 0 0 !important
}