.middle{
    text-align:center;
}
#content{
    position: relative;
/*  width: 720px;   */
}
.photographer-custom-page
{
    display: inline-block;
    width: 940px;
}
#mainNav{
    margin-bottom: 15px;
}
#clientGallery{/*min-height: 700px;*/}
#frmContact input{
    width:100%;
    max-width: 180px;
}
#frmContact input[type=checkbox]{
    width:30px;
}
#frmContact input[type=radio]{
    width:30px;
}
#frmContact{
    margin-bottom: 8px;
    /*max-width: 500px;*/
    padding:0 15px 0 0;
} 

#frmContact tr {
    height:35px;
    padding:10px 0 10px 0;
}

.pg-ar{
    text-align:right;
}

#pgfrmResponse{
    padding:0 0 5px 0;
}

#frmcontact_message{
    width:100%;
    height:200px;
    resize:vertical;
}

.mainPageContent{
/*    display: inline-block;*/ /* causes incorrect slideshow width*/
}
#gallery img{
/*  width:auto;
    height:auto;*/
}
/* 
    Document   : pgshare
    Created on : Nov 8, 2011, 3:16:08 PM
    Author     : jack
    Description:
        Purpose of the stylesheet follows.
*/
/* Album login*/
.albumlogin{
    width:220px;
}
/* buttons div */
#theButtons{
    background-color: #F3F2F2;
    height: 25px;
    /* margin-left:  25px; */
    padding-top: 10px;
    /* padding-left: 12px; */
    /* display: inline-block; */
}

/* individual buttons*/
#soundBtn{
}

#custom-prev{
    margin-left: 432px; /*note: 432 is for 1024 with book, 391px ; 403 */
}

#client_gallery_slideshow #play{
    padding:12px;
    font-size:11px;
}

#theButtons #play{
    padding-left:12px;
}

#pause{
    padding-left: 12px;
}
#custom-next{
    padding-left: 12px;
}

/* image number div display the current image number out of total number of images*/
#imgNumber{
    padding-top: 15px;
}

/* FOR REVIEW FEEDBACK */
body #content {
    line-height: 1.7;
}

/* for myqbynav */

/*
Description: Content Column Classes Stylesheet
Author: Puneet Sahalot
Author URI: http://icustomizethesis.com/
Date:20011-04-28
*/

/* Column Classes
------------------------------------------------------------ */

.five-sixths,.four-fifths,.four-sixths,.one-fifth,.one-fourth,.one-half,.one-sixth,one-tenth,.one-third,.three-fifths,.three-fourths,.three-sixths,.two-fifths,.two-fourths,.two-sixths,.two-thirds {float: left;margin: 0 0 15px;padding-left: 3%;}
.one-half,.three-sixths,.two-fourths {width: 48%;}
.one-third,.two-sixths {width: 31%;}
.four-sixths,.two-thirds {width: 65%;}
.one-fourth {width: 22.5%;}
.three-fourths {width: 73.5%;}
.one-fifth {width: 17.4%;}
.two-fifths {width: 37.8%;}
.three-fifths {width: 58.2%;}
.four-fifths {width: 78.6%;}
.one-sixth {width: 14%;}
.one-tenth{width:10.1%;}
.five-sixths {width: 82%;}
.first {clear: both;padding-left: 0;}

.layoutnumber {
    clear: both;
    width: 48%;
    margin: 0 0 15px;
}

.hr_aa {
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 100% !important;
    clear: both !important;
}

/* Gallery Slideshow Buttons */

#cart {
    float: right;
}

#sharegallery {
    float: right;
}

input [type='submit'] {
    
}

/* CLIENT CART */

#ordersummary {
    background-color: #eeeeee;
    width: 200px;
    padding: 10px;
    float:right
}

#ordersummary1 {
    background-color: #FFFFFF;
    width: 200px;
    padding: 10px;
    float:right
}

#shoppingcart_summary {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #cccccc;
    margin: 0 0 10px 0;
}

.summaryheader {
    text-transform: uppercase;
    border-bottom: 1px solid #cccccc;
    font-weight: normal;
    font-size: 13px;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.billingoptions {
    float:left;
    width:52px;
    text-align: right;
    padding: 9px 8px 0 0;
}

.billinginput {
    padding: 8px 0 0 0;
    float: left;
    
}

#billinginfo {
    width: 240px;
    margin-right: 20px;
    margin-bottom: 20px;
} 

.item21, .item22{
}

/* for connect full widget */
#pg_connectFull
{
}

.pgconnectfull_cat{
    float:left;
    width:125px;
    padding-bottom:10px;
}

.pgconnectfull_cat_txtonly{
    float:left;
    width:100px;
    padding-bottom:10px;
}

.pgconnectfull_imgpad{
    padding:0 7px 0 0;
    float:left;
}
.sharename{
    float:left;
    padding-top:8px;
}

/* for connect small*/
#pg_connectSmall
{
    float:left;text-transform:uppercase;font-size:11px;padding:15px 0px 15px 0;
}
.pgconnectsm_sh{
    padding-bottom:10px;
}
.pgconnectsm_cat{
    float:left;width:40%
}

#pg_connectSmall-l{
    float:left;text-transform:uppercase;font-size:11px;padding:15px 0px 15px 0;width:95%;
}
.pgconnectsm_cat-l{
    float:left;width:9%
}

.sharealbum {
    clear: both;
    float: left;
    margin: 0 0 15px !important;
}

.commentWrap {
    margin-bottom: 8px;
}

.mini_header {
    margin: 12px 0;
}

.sharealbumby {
    width: 110px;
    float:left;
}

/* for storyboard and galleryslide*/

    .parent_collab, .collab_cat, .collab_name, .collab_space{
        float:left;
    }
    .collab_cat, .collab_space{
        color:gray;
    }
    .collab_name
    {
        color:black;
    }

/* From style.css STARTS HERE*/    
    
#row{
    margin-top:15px;
    height:25px;
    clear:both;    
    position:relative;
}

#row input[type=text] {
    float:left;
    margin-top:3px;
    margin-left:8px;
    width:200px;
    color:#999999;
    border:1px solid #CDCABF;
    height:18px;
    font-size:13px;
}

#row select {
    float:left;
    margin-top:4px;
    margin-left:5px;
    width:202px;
    color:#353535;
    border:1px solid #CDCABF;
    height:22px;
    font-size:13px;
}

#row1{
    margin-top:15px;
    height:25px;
    float:left;
    position:relative;
}

#row1 h2{
    color: #ffffff;
    margin-top:15px;
    height:25px;
    float:left;
    position:relative;
}

#row1 h5{
    float:left;
    color:#353535; 
    font-size:13px;
    width:100px;
    font-weight: normal;
    margin: 5px 0 0 0;
    width: 40px;
}

#row h5{
    float:left;
    color:#353535; 
    font-size:13px;
    width:100px;
    font-weight: normal;
    margin: 0px;
    width: 80px;
}

#row h4{
    float:left;
    color:#353535; 
    font-size:14px;
    width:100px;
    font-weight: normal;
    margin: 18px 0 0 0;
    width: 80px;
}

#row p{
    float:left;
    color:#353535; 
    font-size:13px;    
    font-weight: normal;
    margin: 10px 10px;
}

#savebutton {
    margin-top: 10px;
}

.buttonYel{
    background-color: #BEA23E;
    clear: both;
    color: #FFFFFF;
    font-size: 12px;
    height: 19px;
    padding: 2px 12px 1px 12px;
    text-align: center;
    cursor: pointer;
}

.buttonYel1:hover{
    background-color: #6D6D6D;
}

.buttonYel1{
    background-color: #353535;
    float: right;
    color: #FFFFFF;
    font-size: 12px;
    height: 19px;
    padding: 2px 12px 1px 12px;
    text-align: center;    
    cursor: pointer;
}

.buttonYel2{
    background-color:#353535;
    color: #FFFFFF;
    font-size: 12px;
    height: 20px;
    padding: 3px 12px 1px 12px;
    text-align: center;
    cursor: pointer;
    margin-top:18px;
    border-radius:2px;
    text-transform:uppercase;
}

.buttonYel2 a{
    color:#FFFFFF;
    font-size: 12px;
    text-decoration: none;
}

.buttonYel2 a:hover{
    color:#FFFFFF;
    text-decoration: none;
    background-color:#353535;
}

.buttonYel2 a:visited{
    color:#FFFFFF;
    text-decoration: none;
} 

.buttonBlack2{
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(53,53,53,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(53,53,53,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(53,53,53,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(53,53,53,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(53,53,53,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(53,53,53,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#353535',GradientType=0 ); /* IE6-9 */
    color: #FFFFFF;
    font-size: 13px;
    height: 20px;
    padding: 1px 12px 1px 12px;
    text-align: center;
    cursor: pointer;
    margin-top:18px;
    border-radius:2px;
    text-transform:uppercase;
}

.buttonBlack2 a{
    color:#FFFFFF;
    font-size: 13px;
    text-decoration: none;
}

.buttonBlack2 a:hover{
    color:#FFFFFF;
    text-decoration: none; 
    background: rgb(107,107,107); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(107,107,107,1) 0%, rgba(79,79,79,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,107,107,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(79,79,79,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(79,79,79,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(107,107,107,1) 0%,rgba(79,79,79,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
}

.buttonBlack2 a:visited{
    color:#FFFFFF;
    text-decoration: none;
} 

.clearfix{
    clear:both;
}

@-moz-document url-prefix() {
  .qbyMainCurrentView a p{
     margin-top:-16px !important;
  }
}
/* From style.css ENDS HERE*/      
    
/*shopping cart styles starts here*/

.cartTitle{
    font-size: 13px;
    text-transform: uppercase;
}

.cartItems{
    float:left;
    font-family: "Lato",sans-serif;
}

.ordertitle {
    padding: 20px 0 20px 0;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight:300;
    letter-spacing:1px;
}

#choosingprintproducts {
    margin-bottom:10px;
}

.orderSummary{
    background-color: white;
    color: black;
    padding: 20px;
    border: solid 1px #dddddd;
    font-family: 'Lato', sans-serif;
}

.orderSummaryCaption{
    clear:both;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    float:left;
    margin-left:10px;
    width:50%;
    padding-bottom:5px;
    font-weight: 400;
}

.orderSummaryvalue2{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    float:left;
    margin-right:5px;
    width:15%;
}

.orderSummaryvalue{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    float:right;
    margin-right:10px;    
}

.cartQtyColumnInner{
    margin:0px auto;
    width:85px;
}

.changeItem{
    float:left;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    
}
 
.removeItem{
    
}

.cartImageColumnInner{
    height:150px;
    position:relative;
    width:150px;
}

.cartImageColumnInner.canvas{
    height:200px;
    position:relative;
    width:200px;
}

.wraptocenterCart {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color:#eeeeee;
}
.wraptocenterCart * {
    vertical-align: middle;
}

.hiddencartImageColumnInner{
    display:none;
}

.cartImageColumnInner .galleryThumbImg{
    width:150px;
}


.albumImgsTab{ 
    background-color:#CCCCCC;
    height:20px;
    padding:5px;    
    font-weight:bold;
}


#reviewAlbumImagescontent{
    clear:both;
    height:500px;
    min-height:500px;
    overflow-y: auto;
}

#addMoreImagesToAlbum{
    height:500px;
    min-height:500px;
    overflow-y: auto; 
}

.addMoreCls{
    border: 1px solid #E5E5E5;
    margin-left:21px;
    margin-right:14px;
    width:150px;
    vertical-align: middle;
    text-align: center;
    float:left;
    margin-bottom:15px;
    overflow:hidden;
    cursor:pointer;
}

.addMoreCls div{
    width:150px;
    height:150px;
    vertical-align: middle;
    text-align: center;
    position:relative;
}

.selectedAddImg{
    border:1px solid #515151;
}


.reviewImgsCls{
    border: 1px solid #E5E5E5;
    margin-left:21px;
    margin-right:14px;
    width:150px;
    vertical-align: middle;
    text-align: center;
    float:left;
    margin-bottom:15px;
    overflow:hidden;
    cursor:pointer;
}

.reviewImgsCls div{
    width:150px;
    height:150px;
    vertical-align: middle;
    text-align: center;
    position:relative;
}

.selectedReviewImg{
    border:1px solid #515151;
}

.albumButtons{    
    clear: both;
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}

#coverColorContent{
    clear:both;
    height:500px;
    min-height:500px;
    overflow-y: auto; 
}

.coverColorItem, .coverStyleItem, .coverImageItem, .paperItem, .matColorItem, .albumOptionItem {
    float: left;
    font-size: 13px;
    margin: 5px;
    padding: 3px;
    cursor:pointer;
    border:1px solid #E5E5E5;
}


#coverStyleContent{
    clear:both;
    height:500px;
    min-height:500px;
    overflow-y: auto; 
}

.selectedCoverColor, .selectedCoverStyle, .selectedCoverImage, .selectedPaper, .selectedMatColor, .selectedOption {
    border:1px solid #515151;
}

#layoutsInsider {
    font-size: 12px;
    padding:9px 0px 5px 10px;
}


#coverImageContent{
    clear:both;
    height:500px;
    min-height:500px;
    overflow-y: auto; 
}

#paperTypeContent{
    clear:both;
    height:500px;
    min-height:500px;
    overflow-y: auto; 
}


#matColorContent{
    clear:both;
    height:500px;
    min-height:500px;
    overflow-y: auto; 
}


.rowItem{
    float:left;
    padding: 5px;
    width: 135px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}

.editEventTitle {
    font-size: 20px;
}


.rowItemFld{
    float:left;
    padding: 5px;  
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}
/*shopping cart styles endss here*/

/*client gallery slideshow galleria contemporary blank */
#client_gallery_slideshow #play{
    color: gray;
    cursor:pointer;
}

/* music button css */
#event_music{
    /*text-transform: uppercase;*/
    padding: 5px;
    text-align: center;
    float: left;
}
#event_music a{

}

#studiobio_information{
    clear:both;
}

#err_body{
    float: left;
    margin-left: 300px;
    clear: both;
    min-height: 300px;
}
/*http://www.brunildo.org/test/img_center.html*/

#imageSourcePopup .wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 175px;
    height: 175px;
}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

/* Buy Product styles*/

.pl_sellingPrice, .pl_quantity, .pl_quantity_number, .pl_button_minus,.pl_button_plus, .pl_totalPrice,#choosingprintproducts, .diy_button_plus,.diy_sellingPrice,.diy_quantity,.diy_totalPrice,.diy_button_minus,.diy_quantity_number,.diy_button_plus
{
    float:left;
}
.pl_productDesc,.diy_productDesc
{
    clear:both;
    height:25px;
}


.pl_productDesc1,.diy_productDesc1{
    margin-left:0;
    text-align:left;
    clear:both;
    height:25px;
}

.pl_productDesc1ForDisplay{
    text-align:left;
    clear:both;
    height:25px;
}

.pl_sellingPrice,.diy_sellingPrice{
    text-align:right;
    clear:both;
    margin:15px 0px 0px;
}

.digital .pl_sellingPrice,.digital .diy_sellingPrice{
    text-align:right;
    clear:none;
    margin: 20px 0px 0px 5px;
}

.digital .choose_quantity,.Packages .choose_quantity,.other .choose_quantity{
    display:none;
}

.digital .pl_quantity,.Packages .pl_quantity,.other .pl_quantity{
    clear:none;
    margin:20px 0px 0px 40px;
}

.digital .total,.Packages .total,.other .total{
    clear:none !important;
    margin:20px 0px 0px 30px !important;
}

.addtocart_4,.addtocart_15,.addtocart_9{
    clear:none !important;
    margin-left: 10px !important;
    margin-top: 25px !important;
}

.digital .pl_totalPrice,.digital .diy_totalPrice,.Packages .pl_totalPrice,.Packages .diy_totalPrice,.other .pl_totalPrice,.other .diy_totalPrice{
    float:left;
    margin-top:20px;
    margin-left:5px;
}

.pl_totalPrice,.diy_totalPrice{
    text-align:right;
    float:left;
    margin-left:3px;
    font-weight:bold;
}

.pl_quantity, .diy_quantity {
    float:left;
    clear:both;
}


.pl_quantity_number, .diy_quantity_number{
}

#buyproduct_header{
    clear:both;
    float:left;
    height:40px;
    width:100%;
    margin-top:10px;
    text-transform:uppercase;    
    padding-top: 5px;
    background: rgb(221,221,221); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(173,173,173,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(173,173,173,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(173,173,173,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(173,173,173,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(173,173,173,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(173,173,173,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */
    line-height: 1.5em;
}
#buyproduct_header1{
    height: 20px;
    float:left;
    border-bottom:1px solid #C9C9C9;
    width:100%;
}
.buyproduct_subheader{
    width:510px;
    margin-left:5px;
}

.buyproduct_subheader1{

    width:150px;
    text-align: center;

}

.buyproduct_subheader,.buyproduct_subheader1, .buyproduct_price,.buyproduct_quantity,.buyproduct_total{
    float:left;
}

.buyproduct_price{
    width:68px;
    text-align:right;

}

.buyproduct_total{
    width:73px;
    text-align:right;

}

.buyproduct_quantity {
    width:110px;
    margin-left: 11px;
    text-align:center;
}

 #addToCartButton_btn{

 } 
#addToCartButton{}

.choosePrice{
    width:80px;
}

.chooseCheckbox
{
    margin-left:66px;
}

#mainPageWrapper > .buy_product-content{
    margin-left: 0px;
}

.mainBuy{
    clear:both;    
    font-size: 13px;
}

.cart-hr {
    border-top: 1px solid #dddddd;
    height: 5px;
}

.cat_standard,.cat_canvas,.cat_fine,.cat_fineart,.cat_pressbook,.cat_flushmount,.cat_matted,.cat_classic,.cat_other,.cat_QBox,.cat_QMats,.cat_QFrames,.cat_PrintBox,.cat_qbooks,.cat_Packages
{
    clear:both;
    padding: 20px 0 10px;
    border: 1px solid #cccccc;    
    border-left:none;
    border-right:none;
    border-bottom:none;
    text-align: left;
    height:59px;
}

.cat_digital
{
    clear:both;
    padding:24px 0px 0 0px;
    border: 1px solid #cccccc;    
    border-left:none;
    border-right:none;
    border-bottom:none;
    text-align: left;
    height:40px;
    margin-top:20px;
}

.cat_other
{
    clear:both;
    padding:24px 0px 0 0px;
    border: 1px solid #cccccc;    
    border-left:none;
    border-right:none;
    border-bottom:none;
    text-align: left;
    height:40px;
    margin-top:20px;
}

.cat_Packages
{
    clear:both;
    padding:24px 0px 0 0px;
    border: 1px solid #cccccc;    
    border-left:none;
    border-right:none;
    border-bottom:none;
    text-align: left;
    cursor:pointer;
    height:40px;
    margin-top:20px;
}

#buyPreview{
    background-color:#F3F3F3;
    font-size: 13px;
}

.catTabs{
    width:100%;
}

.previewTextBar{
    clear:both;
    margin: 0 0 32px;
}

.catPreview{
    clear:both;
    min-height:450px;
}

.catPreview.preview_digital,.catPreview.preview_Packages,.catPreview.preview_other
{
    height:95px;
    min-height:95px !important;
}

.preview_digital .catPreviewInsider,.preview_Packages .catPreviewInsider,.preview_other .catPreviewInsider{
    height:0px;
    width:0px;
}

.mainProductImg.digital,.mainProductImg.Packages,.mainProductImg.other
{
    height:85px;
    text-align: left;
}

.choosenselection_4,.choosenselection_15,.choosenselection_9{
    float:left;    
}

.buyProduct.digital,.buyProduct.Packages,.buyProduct.other
{
    clear:none;
    height:85px;
}

.cattext{    
    text-transform: none;
    font-size: 1.78em;
    font-weight: normal;
}
.previewTitle{
    color: #555555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight:bold;
    padding: 10px 0px 5px 15px;
}


.previewDesc{
    clear:both;
    padding: 0 19px 5px;
    font-size: 13px;
    display:none;
}

.previewDesc p{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:1.2em;
}


.catPreviewInsider{
    width: 620px;
    height:500px;
    float:left;
}

.mainProductImg{
    float: left;
    height: 354px;
    margin: 0 20px 0 auto;
    overflow: hidden;
    padding: 0px;
    text-align: center;
    white-space: nowrap;
    width: 600px;
}

.productPreviewImage{
    float: left;
    height: 354px;
    margin: 0 20px 0 auto;
    overflow: hidden;
    padding: 0px;
    text-align: center;
    white-space: nowrap;
    width: 385px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mainProductImg img,.productPreviewImage img{
    border: 1px solid #ECECEC;
    width:100%;
}


.thumbProductImgs{    
    display: table-cell;
    height: 115px;
    margin: 12px 0px;
    padding: 0px;
    position: relative;
    width: 625px;
    clear:both;
    float:left;
}

.thumbProductImgsInsider{
    display: inline-block;
}

.thumbProductImg{
    border: 0px solid #ececec;
    cursor: pointer;
    display: inline-block;
    height: 53px;
    margin-bottom: 12px;
    margin-right: 12px;
    overflow: hidden;
    width: 90px;
}

.choose_button{
    float:right;
    margin-top:-3px;
}

.textbar{
    float:left;
    color:#bea23e;
    cursor:pointer;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:1.2em;
}

#buyProductsContainer{    
    border:0px solid #C9C9C9;
    float: left;
    margin-left: 0px;
    padding: 0 19px;
}

#buyProductsContainerHeader{
    width: 692px;
    padding:5px;
    height:20px;
    
    background: rgb(221,221,221); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(173,173,173,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(173,173,173,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(173,173,173,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(173,173,173,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(173,173,173,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(173,173,173,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */
    
    font-weight:bold;
}

#buyProducts{
    clear: both;
}

.buyProduct{
    clear:both;
    border-bottom:0px solid #C5C5C5;
}

.buyFooter{
    clear:both;
    height: 50px;
    margin-top: 10px;
    position: relative;
    padding: 0 18px;
}
.cpagination{
float: right;
margin: 8px 14px 0px 0px;
}

#qmatColorContent{
    clear:both;
    height:250px;
    min-height:200px;
    overflow-y: auto; 
}

.qmatColorItem,.qmatPaperItem,.qboxColorItem,.qboxStyleItem,.printBoxColorItem,.qFrameColorItem{
    float: left;
    font-size: 13px;
    margin: 5px;
    padding: 3px;
    cursor:pointer;
    border:2px solid #E5E5E5;
}

.qmatPaperItem {
    width: 160px;
}

.qmatPaperItemTitle {
    height:36px;
}

.qmatPaperItemImage {
    height: 117px;
}

.printBoxColorItem {
    width:160px;
    padding-bottom:5px;
}

.selectedqMatColor,.selectedqMatPaper,.selectedqBoxColor,.selectedqBoxStyle,.selectedprintBoxColor,.selectedqFrameColor{
    border:2px solid #048abb;
}

.currentPreview{
    border-bottom:2px solid #23A3E3 !important;
    border-top:2px solid #23A3E3 !important;
}

.justPreview{
    border-bottom:2px solid #EFEFEF;
    border-top:2px solid #EFEFEF;
}


#imageStrip .ui-state-active, div.temp div.ui-state-active {
        background: transparent;
        opacity: 1;
        border:2px solid #BFA436; 
}

.design-select-collection {
    background: #f7f4ef; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiNmN2Y0ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiNlNWUzZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNlNWUzZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTVlM2RkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #f7f4ef 32%, #e5e3dd 88%, #e5e3dd 97%, #e5e3dd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#f7f4ef), color-stop(88%,#e5e3dd), color-stop(97%,#e5e3dd), color-stop(100%,#e5e3dd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f4ef 32%,#e5e3dd 88%,#e5e3dd 97%,#e5e3dd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f4ef 32%,#e5e3dd 88%,#e5e3dd 97%,#e5e3dd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f4ef 32%,#e5e3dd 88%,#e5e3dd 97%,#e5e3dd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f4ef 32%,#e5e3dd 88%,#e5e3dd 97%,#e5e3dd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f4ef', endColorstr='#e5e3dd',GradientType=0 ); /* IE6-8 */
    
    
    cursor:pointer;
    padding-top:4px;
    width:170px;
    height:27px;
    font-size: 13px;
    text-transform:uppercase;
    padding-left:20px;
    padding-bottom: 4px;
    margin: 15px 2px 6px 810px;
}




#imageCollectionWidget{
    background-color: #F7F4EF;
    display: none;
    height: 255px;
    position: absolute;
    width: 230px;
    z-index: 999999;
    margin-top:-285px;
    margin-left:723px;
    font-size: 12px;
    -webkit-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 3px 8px rgba(50, 50, 50, 0.4);
box-shadow:         0px 3px 8px rgba(50, 50, 50, 0.4);
}

#imageCollectionWidgetTitle{
    background: #f7f4ef; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiNmN2Y0ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiNlNWUzZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNlNWUzZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTVlM2RkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #f7f4ef 32%, #e5e3dd 88%, #e5e3dd 97%, #e5e3dd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#f7f4ef), color-stop(88%,#e5e3dd), color-stop(97%,#e5e3dd), color-stop(100%,#e5e3dd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f4ef 32%,#e5e3dd 88%,#e5e3dd 97%,#e5e3dd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f4ef 32%,#e5e3dd 88%,#e5e3dd 97%,#e5e3dd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f4ef 32%,#e5e3dd 88%,#e5e3dd 97%,#e5e3dd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f4ef 32%,#e5e3dd 88%,#e5e3dd 97%,#e5e3dd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f4ef', endColorstr='#e5e3dd',GradientType=0 ); /* IE6-8 */
    font-size: 13px;
    text-transform:uppercase;
    height: 20px;
    padding: 3px 5px 4px 13px;
    cursor:pointer;
    color: #353535;
}

#imageGroupsContainer{
    border: 1px solid #cdcabf;
    height: 208px;
    margin: 10px 0 0 8px;
    overflow: auto;
    width: 211px;
}


.unselectedImageCollection {
    border-bottom: 1px solid #cdcabf;
    cursor: pointer;
    height: 25px;
    padding-left: 10px;
    padding-top: 2px;
}

.selectedImageCollection {
    background: none repeat scroll 0 0 #e5e3dd;
    border-bottom: 1px solid #cdcabf;
    cursor: pointer;
    height: 25px;
    padding-left: 10px;
    padding-top: 2px;
}

/*--------------------------------------
Small gold and white buttons 
---------------------------------------*/

.buttonLevel2 {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,240,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,240,234,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,240,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,240,234,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,240,234,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,240,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f0ea',GradientType=0 ); /* IE6-9 */
    padding: 2px 8px;
    border: 1px solid #CDCABF;
    margin-right:8px;
    border-radius:2px;
    text-align: center;
    width: auto;
    font-size: 13px;
    color: #bea23e;
    float: right;
    cursor:pointer;
}

.buttonLevel2 a:hover {
    text-decoration: none !important;
}

.buttonLevel2:hover {
    text-decoration: none !important;
    background: rgb(255,252,244); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,252,244,1) 0%, rgba(224,216,199,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,252,244,1)), color-stop(100%,rgba(224,216,199,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,252,244,1) 0%,rgba(224,216,199,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,252,244,1) 0%,rgba(224,216,199,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,252,244,1) 0%,rgba(224,216,199,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,252,244,1) 0%,rgba(224,216,199,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcf4', endColorstr='#e0d8c7',GradientType=0 ); /* IE6-9 */
}


/*--------------------------------------
Small generic grey buttons 
---------------------------------------*/

.gen-button {
    background-color: #feffff;
    padding: 2px 8px;
    border: 1px solid #bbbbbb;
    border-radius:2px;
    text-align: center;
    width: auto;
    font-size: 13px;
    display: inline-block;
    cursor:pointer;
    margin-top: 2px;
    margin-left: 4px;
}

.gen-button a:hover {
    text-decoration: none !important;
}

.gen-button:hover {
    text-decoration: none !important;
    background-color: #eeeeee;
}


/*--------------------------------------
Shopping Cart Popups 
---------------------------------------*/
.customiseToolsHolder{
    border-bottom: 2px solid #eeeeee;
    height:65px;
}

.reviewmatsTemplatesContainer{
    border-left:2px solid #cccccc
}

.template-header {
    padding: 4px 5px 4px 10px;
}

#templatesSlider{
    background-color: #eeeeee;
    overflow: auto;
    padding-top: 8px;
    height:420px;
}

.product_design_container #templatesSlider{
    height: calc(100vh - 196px);
    background: #f2f6ff none repeat scroll 0 0;
}

.template-header h4, #needstochange h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#353535;
  letter-spacing: 0em;
  font-weight:normal;
  text-align: left;
  
}

#popup_title.reviewmatsTitle, #popup_title.reviewPrintBoxTitle, #popup_title.crop-title, #popup_title.cart-title {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

/*--------------------------------------
Shopping Cart 
---------------------------------------*/

.price_albums_heading{
  background-color:#e5e5e5;
  margin: 15px 0 20px 0;
  padding: 8px 8px 8px 10px;
}

#imageSourceContainer {
    border-right: 2px solid #eeeeee;
    height: calc(100vh - 103px);
}

.myEventImages{
    border-right: 2px solid transparent;
    max-height: calc(100vh - 209px);
    overflow: auto;
}
.myCollections {
    max-height: calc(100vh - 209px);
    overflow: auto;   
}
.existingEvents,.upload_now{
    border-right: 2px solid transparent;
    max-height: calc(100vh - 169px);
    overflow: auto;
}


#getimagesfromfacebook{
    background-color: #3a5795;
    color:#FFFFFF;
    cursor:pointer;
    padding:15px;
}

#getimagesfrominstagram{
    background-color: #125688;
    color:#FFFFFF;
    cursor:pointer;
    padding:15px;
    clear:both;
}

#getimagesfromcomputer{
    background-color: #048abb;
    color:#FFFFFF;
    cursor:pointer;
    padding:15px;
    clear:both;
}

#facebookimagesContainer,#instagramimagesContainer,#localimagesContainer{
    clear:both;
    display:none;
    height:525px;
    overflow: auto;
}

.fbAlbum,.facebook_image,.instagram_image{
    border: 1px solid #e5e5e5;
    cursor: pointer;
    float: left;
    margin:10px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 150px;
}

.cartDesignTitle{
    width:100%;
    height:30px;
    padding:5px 2px;
    background-color: #7F8C8D;
    color:#FFFFFF;
    
}

.product_design_container{
    height: calc(100vh - 103px);
}

.product_design_container #scrollItems{
    height: calc(100vh - 302px);
    overflow: auto;
}

.product_design_container #reviewMatsPopup{
    height: calc(100vh - 103px);
    overflow: auto;
}



.designAreaWrapper{
    border:2px dashed #048abb;
    margin:10px auto;
}

.qq-gallery.qq-uploader{
    height:auto;
}

.ui-state-active, div.temp div.ui-state-active {
    background: none repeat scroll 0 0;
    opacity: 1;
    border:0px solid #606060 !important;
}

.ui-state-active.gal_img, #reviewPrintBoxPopup .stripimages.ui-state-active {
    background: none repeat scroll 0 0;
    opacity: 1;
    border:3px solid #048abb !important;
}

#imageSourcePopup .gal_img {
    height: 210px !important;
    width: 175px !important;
}


#imageSourcePopup .galleryThumbImgV {
    height: 100%;
}

#imageSourcePopup .galleryThumbImgH {
    width: 100%;
}

.gal_img {
    height:255px;
}

div.temp img {
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.qq-upload-success .gal_img {
    border: 3px solid #e5e5e5;
}

.ui-widget{
    font-size:13px !important;
}

.ui-state-hover.ui-slider-handle {
    background: #048abb none repeat scroll 0 0 !important;
}

.ui-state-hover.ui-slider-handle {
    background: #048abb none repeat scroll 0 0 !important;
}

.defaultRelativePos{
    position:relative;
}

.wh150{
    width:150px;
    height:150px;
}



/*--------------------------------------
Shopping cart image crop popup styles
---------------------------------------*/

#cartimagecropPopup{
    height:765px;
}

#cartimagecropPopup #mcl_Body{
    height:560px;
}
.crop_button_area {
    margin-top: -10px;
    padding-left: 0;
    padding-top: 0;
}
#cartimagecropPopup .cartpopup_divHolder{
    position:relative;
    float:left;
    width:500px;
    height:500px;
    top:20px;
}

#cartimagecropPopup #cartpopup_div{
    position:relative;
    text-align:center;
    overflow:hidden;
    width:100px;
    height:100px;
}

.wrap_TL.naturalwrap
{
        position: absolute;
        top:0;
        left:0;
        background-color: #ffffff;
}

.wrap_TM.naturalwrap
{
        position: absolute;
        top:0;
        background-color: transparent;
        border-bottom: 2px dashed #000000; 
}

.wrap_TR.naturalwrap
{
        position: absolute;
        top:0;
        right:0;
        background-color: #ffffff;
}

.wrap_LM.naturalwrap
{
        position: absolute;
        left:0;
        background-color: transparent;
        border-right: 2px dashed #000000; 
}

.wrap_RM.naturalwrap
{
        position: absolute;
        right:0;
        background-color: transparent;
        border-left: 2px dashed #000000; 
}

.wrap_BL.naturalwrap
{
        position: absolute;
        bottom:0;
        left:0;
        background-color: #ffffff;      
}

.wrap_BM.naturalwrap
{
        position: absolute;
        bottom:0;
        background-color: transparent;
        border-top: 2px dashed #000000; 
}

.wrap_BR.naturalwrap
{
        position: absolute;
        bottom:0;
        right:0;
        background-color: #ffffff;
}


.wrap_TL.blackwrap,.wrap_TL.whitewrap,.wrap_TL.mirrorwrap{
        position: relative;
        float:left;
}

.wrap_TM.blackwrap{
        position: relative;
        float:left;
        background-color: #000000;
        border-bottom: 2px dashed #ffffff;
}

.wrap_TM.whitewrap{
        position: relative;
        float:left;
        background-color: #ffffff;
        border: 1px dashed #000000; 
}

.wrap_TM.mirrorwrap{
        position: relative;
        float:left;
        background-color: transparent;
        border-top: 1px dotted #000000;
        overflow: hidden;
}

.wrap_TM.mirrorwrap{
        transform: scale(1,-1);
        -moz-transform: scale(1,-1);
        -o-transform: scale(1,-1);
        -webkit-transform: scale(1,-1);
}

.wrap_TR.blackwrap,.wrap_TR.whitewrap,.wrap_TR.mirrorwrap{
        position: relative;
        float:left;
}

.wrap_LM.blackwrap
{
        clear:both;
        float:left;
        position: relative;
        background-color: #000000;
        border-right: 2px dashed #ffffff; 
}

.wrap_LM.whitewrap
{
        clear:both;
        float:left;
        position: relative;
        background-color: #ffffff;
        border: 1px dashed #000000; 
}

.wrap_LM.mirrorwrap
{
        clear:both;
        float:left;
        position: relative;
        background-color: transparent;
        border-left: 1px dotted #000000;
        overflow: hidden; 
}

.wrap_LM.mirrorwrap{
        transform: scale(-1,1);
        -moz-transform: scale(-1,1);
        -o-transform: scale(-1,1);
        -webkit-transform: scale(-1,1);
}

.wrap_RM.blackwrap
{
        position: relative;
        float:left;
        background-color: #000000;
        border-left: 2px dashed #ffffff; 
}

.wrap_RM.whitewrap
{
        position: relative;
        float:left;
        background-color: #ffffff;
        border: 1px dashed #000000; 
}

.wrap_RM.mirrorwrap
{
        position: relative;
        float:left;
        background-color: transparent;
        border-left: 1px dotted #000000;
        overflow: hidden; 
}

.wrap_RM.mirrorwrap img{
        transform: scale(-1,1);
        -moz-transform: scale(-1,1);
        -o-transform: scale(-1,1);
        -webkit-transform: scale(-1,1);
}

.wrap_BL.blackwrap,.wrap_BL.whitewrap,.wrap_BL.mirrorwrap{
        clear:both;
        position: relative;
        float:left;
}

.wrap_BM.blackwrap
{
        position: relative;
        float:left;
        background-color: #000000;
        border-top: 2px dashed #ffffff; 
}

.wrap_BM.whitewrap
{
        position: relative;
        float:left;
        background-color: #ffffff;
        border: 1px dashed #000000; 
}

.wrap_BM.mirrorwrap
{
        position: relative;
        float:left;
        background-color: transparent;
        border-top: 1px dotted #000000;
        overflow: hidden; 
}

.wrap_BM.mirrorwrap img{
        transform: scale(1,-1);
        -moz-transform: scale(1,-1);
        -o-transform: scale(1,-1);
        -webkit-transform: scale(1,-1);
}

.wrap_BR.blackwrap,.wrap_BR.whitewrap,.wrap_BR.mirrorewrap{
        position: relative;
        float:left;
}

.bezel{
        overflow: hidden;
        position: relative;
}

.preview_black .bezel{
    background-color: #000000;
    border:1px dotted #ffffff;
}

.preview_white .bezel{
    background-color: #ffffff;
    border:1px dotted #000000;
}

.preview_natural .bezel{
    background-color: transparent;
    border:1px dotted #000000;
}

.preview_mirror .bezel{
    background-color: transparent;
    border:1px dotted #000000;
}

.preview_mirror .bezel img{
    position: relative;
}

.preview_mirror .topbezel{
    transform: scale(1, -1);
}

.preview_mirror .leftbezel{
    transform: scale(-1, 1);
}

.preview_mirror .rightbezel img{
    transform: scale(-1, 1);
}

.preview_mirror .bottombezel img{
    transform: scale(1, -1);
}

.cpreview_small{
}

.preview_natural .layer1{
        position: absolute;
        top:0;
}

.preview_natural .TL{
        float:left;
        background-color: #eeeeee;
}

.preview_natural .TM{
        float:left;
        border-bottom:2px dotted #000000;
}

.preview_natural .TR{
        float:left;
        background-color: #eeeeee;
}

.preview_natural .LM{
        clear:both;
        float:left;
        border-right:2px dotted #000000;
}

.preview_natural .RM{
        float:right;
        border-left:2px dotted #000000;
}

.preview_natural .BL{
        clear:both;
        float:left;
        background-color: #eeeeee;
}

.preview_natural .BM{
        float:left;
        border-top:2px dotted #000000;
}

.preview_natural .BR{
        float:left;
        background-color: #eeeeee;
}

.cpreview_small .layer2,.cpreview_big .layer2{
        overflow: hidden;
        position: relative;
}

#cartimagecropPopup .imageSliderContainer{
        height:50px;
        clear:both;
}

#cartimagecropPopup #imageSlider{
    float: left;
    z-index:999;
    margin:5px 10px;
    width:80px;
    display:block;
}

#cartimagecropPopup #cartpopup_image{
    position:relative;
    cursor:pointer;
}

#cartimagecropPopup #cropPreview{
    text-align:left;
    position:relative;
    float:right;
    width:200px;
    height:500px;
    top:20px;
}


.catImagesDropZone{
    border: 2px dashed #048abb;
    display: table;
    height: 100px;
    margin: 10px auto;
    width: 100%;
}

.dropText{
    display:table-cell;
    vertical-align: middle;
    color:#cccccc;
    font-size: 30px;
    line-height:1.42857;
}

.removeItem span{
    margin:0px;
}

.rowBorder{
    clear:both;
    height:10px;
    border-bottom:2px solid #CCCCCC;
}

#matTools{
    margin: 20px auto;
}

#printboxdesignSpace #matTools{
    margin: 0px auto;
}

.product_design_container .printBoxImageDropper{
    height:calc(100vh - 215px) !important;
}

.printBoxImageDropper{
    background-color:#fff;
    overflow:auto;
    margin-top:10px;
    height:calc(100vh - 330px);
    border: 2px dashed #048abb;
}


#printboxdesignSpace #designArea{
    margin: 0 auto;
    overflow: hidden;
}

#printboxdesignSpace #printBoximageSlider{
    position:absolute;
    z-index:999;
    margin:5px 10px;
    width:80px;
    display:none;
}

#printboxdesignSpace #mat{
    min-width:485px;
    min-height:485px;
    width:485px;
    margin:32.5px auto 0;
}

.previewPrintsHolder{
    max-width:400px;
}

.actualPrint{
    height:165px;
}