/** 
 * Style definitions for product details and edit pages. 
 */

/* 

















                          
                          






 configuration.ftl included */


#content{
    background-color:white;
}

#contentDiv.columns{
padding:0px;
}

#contentDiv{
    width:100%;

}

#content .box-default .wrapper{
    background-color:white;
}
#proceedBar{
padding-top: 10px;
padding-bottom:10px;
}


#proceedBar a.hover{
    color: #fff;
}

#pbWizardNav li {
    padding-bottom: 0;
    white-space: nowrap;
}

#detailsBox {
    position: relative;
    overflow: visible;
}

#detailsBox h2{
    margin: 15px 0;
    font-family : Arial;
    font-size: 16px;
}

#detailsBox h1{
    margin-top: 0;
    font-size: 20px;
}

#detailsBox h3 {
    margin: 20px 0;
    font-family : Arial;
    font-size: 18px;
}

#detailsBox hr {
    display: none;
}

/** product presentation area */
#presentationArea {
    position: relative;
    float: left;
    width: 46%;
    margin: 10px 0 30px 15px;
    display:block;
}


#presentationArea #preview {
    padding: 5px;

    height: 454px;
    
    border-radius: 5px;
    margin-bottom: 10px;
}

#presentationArea #preview .presentation-resource {
    width: 326px;
    height: 350px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    -webkit-transition: opacity 0.2s linear; 
    -moz-transition: opacity 0.2s linear; 
    transition: opacity 0.2s linear; 
}

#presentationArea #preview.loading .presentation-resource {
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
}

#presentationArea #preview.loading,
#presentationArea #thumbnails.loading {
    background-image: url(/ips-opdata/layout/ips01/commons/images/icons/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;        
}

#presentationArea #thumbnails {
    position: relative;
    min-height: 64px;
    width: 526px;
}

#presentationArea #thumbnails .presentation-resource {
    position: relative;
    float: left;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    -webkit-transition: opacity 0.2s linear; 
    -moz-transition: opacity 0.2s linear; 
    transition: opacity 0.2s linear; 
    width: 64px;
    height: 64px;
    cursor: pointer;
    behavior: none;
   
      
}

.center {
text-align:center;
}

#presentationArea #thumbnails .presentation-resource.selected {
    border-width: 1px;
    /* workaround due to thumbnail size calculations requiring fixed border size of 1px */
    
}
    
#presentationArea #thumbnails .presentation-resource:hover {

    behavior: none;
}

#presentationArea #thumbnails.loading .presentation-resource  {
    opacity: 0;
}

/** button and price box */



/** options area */
#optionsArea {
    float: right;
    margin: 10px 15px 0 0;
    width: 49%;
}

#options {
    padding-top: 40px;
    margin-bottom: 10px;
}

#options .product-option {
  padding-bottom: 28px;
  padding-right:0px;
    margin-bottom: 20px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.jade-ui-component{
font-size: inherit;
}

#optionsArea h2{
  font-weight: 900;
  font-size: 178.5%;
  color: #4f4f4f;
  margin: 10px 0;
  text-align:right;
}



#options .product-option label {
    display: block;
    width: 40%;
    float: left;
  
    
}

#options .product-option select {
    padding: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2x;
    -webkit-box-shadow: #ccc 0 0 5px;
    -moz-box-shadow: #ccc 0 0 5px;
    box-shadow: #ccc 0 0 5px;
    width: 53%;
    float:right;
    behavior: none;
    margin-left: 5px;
}

#options .product-option-photobookwizard select,
#options .product-option-pagecount select {
    
}

#options .product-option select option{
    height: 20px;
    line-height: 20px;
}

#options .product-option select option .delta-price {
    color: #71797F;
}

#options .product-option .infoBtn {
    display: none;
}

/** product details */
#optionsBox, #productDetails{
    padding:15px;
}

#detailsBox #description {
    float: left;
    width: 480px;
}

#softwareBtn{
width:53%;

}
#orderBtn{
width: 41%;
margin-left: 0px;

}




#optionsArea .priceBox {
    background-color: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px;
    line-height: 2em;
}

#optionsArea .priceBox span {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear; 
    -moz-transition: opacity 0.2s linear; 
    transition: opacity 0.2s linear;
    float: right;
    color: #579722;
    font-size: 0.8em;
}

#optionsArea .priceBox span.loading {
    opacity: 0;
}



#originalPrice{
color:rgba(212, 63, 58, 1);
text-decoration:line-through;
font-size:85%;
font-weight: 700;

}

.btn-big {
    width: 190px;
}

#preview .magnifier {
    position: absolute;
    border: 1px solid #000;
    background-color: #fff;
    opacity: 0.5;
    filter: alpha(opacity = 50); 
    behavior: urls(/ips-opdata/layout/ips01/commons/styles/PIE.htc);       
}

#optionsMain{
  
    position: relative;
    margin: 0px auto;
}

#zoom {
    width: 450px;
    height: 464px;
    position: absolute;
    right: 0px;
    background: #eee;
    top: 15px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: none;
    border: 1px solid #ccc;
}

#zoom img {
    position: absolute;
    opacity: 1;
    -webkit-transition: opacity 0.2s linear; 
    -moz-transition: opacity 0.2s linear; 
    transition: opacity 0.2s linear;
}

#zoom.loading {
    background-image: url('/ips-opdata/layout/ips01/commons/images/icons/loader.gif');
    background-position: 50% 50%;
}

#zoom.loading img {
    opacity: 0;
}

.box-default .wrapper{
    background: #fff;
}

#infoBox {
    position: relative;
    margin: 0 auto;
}

#description {
    padding: 20px;
    padding-right: 5px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#descriptionSummary {
    border: 1px solid #e9e9e9;
    background: #fff;
    border-radius: 5px;
    margin: -10px -5px 20px;
    margin-bottom: 20px;
}

#descriptionSummary h3 {
    background-color: #E4E4E4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: inset 0px 1px 0px #fff;
    margin: 0px 0px 15px;
    padding: 12px 20px;
    font-size: 19px;
}

#descriptionSummary div {
    width: 50%;
    float: left;
    padding: 0 15px;
    margin: 15px 0;
}

#descriptionSummaryProduct {
    border-right: 1px solid ##e9e9e9;
}

#descriptionSummaryDelivery {
    border-left: 1px solid ##e9e9e9;
    position: relative;
    left: -1px;
    line-height: 24px;
}

#productTeaser {
    float: right;
    height: 500px;
    position: relative;
    width: 210px;
    overflow: hidden;
    margin-top: 12px;
}

.fb-like {
    margin: 10px 0px;
    margin-left:0px;
}

#options .product-option-fastbookletSize { background-image: url(/ips-opdata/layout/ips01/products/images/icons/option-size.png);}

/*
* Feature list
*/
#featureList {
    list-style-type: none;
}

#featureList li {
	line-height: 24px;
	padding: 1px 0 0px 32px;
}	
	
#featureList .dishwasherProof {
	background: transparent url(/ips-repositories/operator/27950000/products/images/icons/PROProductDetailsImgDishwasherProof.png) 0 0 no-repeat;
}
	
#featureList .microwaveProof {
	background: transparent url(/ips-repositories/operator/27950000/products/images/icons/PROProductDetailsImgMicrowaveProof.png) 0 0 no-repeat;
}

#featureList .templates {
	background: transparent url(/ips-repositories/operator/27950000/products/images/icons/PROProductDetailsImgTemplates.png) 0 0 no-repeat;
}

#featureList .material {
	background: transparent url(/ips-repositories/operator/20645482/products/images/icons/PROProductDetailsImgMaterial.png) 0 0 no-repeat;
}

#featureList .misc {
	background: transparent url(/ips-repositories/operator/20645482/products/images/icons/PROProductDetailsImgMisc.png) 0 0 no-repeat;
}

#featureList .photoSize {
	background: transparent url(/ips-repositories/operator/20645482/products/images/icons/PROProductDetailsImgPhotoSize.png) 0 0 no-repeat;
}

#featureList .size {
	background: transparent url(/ips-repositories/operator/20645482/products/images/icons/PROProductDetailsImgSize.png) 0 0 no-repeat;
}

#featureList .variousColors	{
	background: transparent url(/ips-repositories/operator/27950000/products/images/icons/PROProductDetailsImgVariousColors.png) 0 0 no-repeat;
}

#featureList .washable30 {
	background: transparent url(/ips-repositories/operator/20645482/products/images/icons/PROProductDetailsImgWashable30.png) 0 0 no-repeat;
}

#featureList .washable40 {
    background: transparent url(/ips-repositories/operator/20645482/products/images/icons/PROProductDetailsImgWashable40.png) 0 0 no-repeat;
}

.nav-tabs {
  border: 0;
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {
  background: #f9f9f9;
    color: #000 !important;
  border: 0;
}

.nav-tabs > li > a {
  border: 0;
  padding: 13px 15px;
  background: #cacaca;
    color: white !important;
  text-transform: uppercase;
  font-weight: 900;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}


.tab-content {
  padding: 40px 40px 10px;
  background: #f0f0f0;
  position: relative;
  z-index: 2;
    min-height: 300px;
}

.tab-content::before {
  content: '';
  background: #f9f9f9;
  width: 5000px;
  left: 50%;
  margin-left: -2500px;
  top: 0;
  height: 100%;
  z-index: -1;
  position: absolute;
  display: block;
}