/* ================================
    CSS STYLES FOR Module [!output PROJECT_NAME]
   ================================
*/
/*------------------Photos Listing css----------------------*/

.relative { position: relative; }
.content .fleft { float: left; }
.fleft { float: left; }
.fright { float: right; }
.full { float: left; width: 100%; }
.content .full, .content .slider, footer { color: #636363; float: left; font: 13px 'proxima_novaregular'; width: 100%; }
.clear { clear: both; }
.padT1 { padding-top: 20px; }
.padT2 { padding-top: 45px; }
.padT3 { padding-top: 10px; }
.padB1 { padding-bottom: 20px; }
.padR1 { padding-right: 30px; }
.marR1 { margin-right: 10px; }
.w73 { max-width: 444px; width: 73.5%; }
.w48 { width: 48%; }
.border1 { border-bottom: solid 1px #d8d8d8; }
.font14 { font-size: 14px; }
.content ul { padding: 0px; margin: 0px; }

.w30 { width: 30%; }
.w68 { width: 68%; }
.padB3 { padding-bottom: 5px; }
.contT { font-size: 16px; }
.font12 { font-size: 12px; }
.padT4 { padding-top: 5px; }
.leftblock { font-size: 13px; line-height: 18px; display: block; word-wrap: break-word; }
    .leftblock .inp_btn { padding: 0px; width: 100%; text-align: center; }
.white_bg { display: block; }
.leftTitle { background: url(module-images/leftTborder.gif) 0px bottom repeat-x; font-size: 16px; color: #126193; padding-bottom: 5px; }
.inp_border2 { background: #fff url(module-images/select_bg.gif) right 0px no-repeat; border: solid 1px #d8d8d8; display: block; padding-right: 36px; position: relative; margin-right: 10px; }
.form_inp2 { background: url(module-images/spacer.gif) 0px 0px repeat; width: 100%; border: none; line-height: 26px !important; height: 28px; font: 13px 'proxima_novaregular'; color: #7b7878; text-indent: 10px; float: left; }
.form_select { width: 100%; height: 28px; line-height: 28px !important; left: 0; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; -webkit-appearance: none; background-color: #fff; }
.rightblock { margin-top: 15px; line-height: 18px; word-wrap: break-word; }

.inp_btn { padding: 2px; }

.pagging_nav { margin: 0 !important; width: auto; list-style-type: none; float: right; }
    .pagging_nav li { padding-left: 5px; float: left; list-style-type: none; }
        .pagging_nav li a.pre_next { font-size: 16px !important; line-height: inherit; }

.img_listing { width: 100%; margin-top: 15px; float: left; list-style-type: none; }
    .img_listing li { width: 172px; height: 243px; float: left; list-style-type: none; padding: 0 20px 20px 0; }

.content .img_listing li { float: left !important;
    height: 375px !important;
    list-style-type: none !important;
    padding: 0 0px 0px 0 !important;
    width: 368px !important;
 margin-left:5px !important;    margin-right: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0px 0px 10px 2px #8888884f !important; text-align: center;
 border-radius: 5px }

    .content .img_listing li div.img_field { background-color: #ffffff !important;
 border: 0px solid #ffffff !important;
 float: left !important;
 height: 260px !important; overflow: hidden !important;
 width: 100% !important;
 border-radius: 5px !important; padding-top: 8px;  }

        .content .img_listing li div.img_field table tr td { height: 171px; text-align: center; vertical-align: middle; }


@media only screen and (max-width: 700px)
 { .img_listing li div.img_field img {
height: auto !important; width: auto !important;
}}




.img_listing li div.img_field { float: left; overflow: hidden; }

    .img_listing li div.img_field table { width: 100%; border: 0; border-spacing: 0px; }
        .img_listing li div.img_field table tr td { text-align: center; vertical-align: middle; }

.basket_icon { background: url(module-images/basket.png) 0px 0px no-repeat !important; padding-left: 25px; line-height: 18px; float: left; width: 100px !important; }
.wishlist_icon { background: url(module-images/wishlist.png) 0px 0px no-repeat !important; padding-left: 25px; line-height: 22px; float: left; width: 100px !important; }

/*------------------Popup css----------------------*/
.popup_block { padding: 10px; display: block; text-align: left; }
.popup_box { float: left; }
    .popup_box p { line-height: inherit; margin: 0; }
    .popup_box h2 { margin: 0; background: url(module-images/popup_bdr.gif) 0px bottom repeat-x; color: #126193; font-size: 20px; font-weight: normal; line-height: 25px; width: 100%; float: left; padding-left: 0px; padding-bottom: 9px; }
    .popup_box .checkbox { margin: 0px; }
        .popup_box .checkbox label, .popup_box .checkbox input { margin-top: 5px; margin-left: 5px; }
    .popup_box .itemscount { font-size: 16px; padding-right: 10px; }
    .popup_box .popup_basket { background: url(module-images/popup_basket.png) 0px 0px no-repeat; width: 35px; height: 25px; float: left; }
    .popup_box table { border-spacing: 0px; width: 100%; }
        .popup_box table tr td, .popup_box table tr th { color: #7B7878; cursor: pointer; border-bottom: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; font-size: 13px; padding: 5px 10px; text-align: left; }

.form_inp3 { background-color: #fff; border: solid 1px #D8D8D8; width: 60px; line-height: 22px !important; height: 22px; font: 13px 'proxima_novaregular'; color: #7b7878; text-indent: 10px; float: left; margin-top: 3px; }

.hidden { display: none; }
.functions { border: 1px solid #D8D8D8; height: 28px; line-height: 28px; }
.crop { background: url(module-images/crop.png) 0px center no-repeat; width: 24px; height: 24px; float: left; padding-right: 9px; text-decoration: none; display: block; }
.rotate { background: url(module-images/rotate.png) 0px center no-repeat; width: 24px; height: 24px; float: left; text-decoration: none; display: block; }
.original { background: url(module-images/original.png) 0px center no-repeat; width: 24px; height: 24px; float: left; text-decoration: none; display: block; }
.loading-image { background: url(module-images/loading.gif) 0px center no-repeat; width: auto; height: 28px; float: left; display: none; padding-left: 40px; }


.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; background-color: #FFFFFF; }
body .ui-tooltip { border-width: 2px; }


/*************Loader********/
#loader { top: 40%; left: 35%; position: absolute; width: 250px; height: 111px; height: 111px !important; float: none; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; background-color: transparent; z-index: 1003; background: url(module-images/loader-bg.gif) no-repeat 0px 0px; text-align: center; font-size: 12px; font-weight: bold; color: #567F9F; line-height: 16px; padding: 25px 20px 0px 20px; }
.loader-heading { width: 249px; float: left; background: url(module-images/loader-heading-bg.jpg) repeat-y 0px 0px; text-align: center; font-size: 12px; color: #FFFFFF; font-weight: bold; padding: 5px 0px 5px 0px; }
.loader-animation { width: 247px; float: left; text-align: center; background: #FFFFFF; padding: 10px 0px 10px 0px; }
#loadermask { position: absolute; left: 0%; top: 0%; z-index: 1002; background-color: #F0F0F0; opacity: .9; filter: Alpha(Opacity=80); height: 100%; width: 100%; }

.overflow { overflow: auto; height: 495px; border: solid 1px #d8d8d8; padding: 5px; width: 600px; }
.w625 { width: 620px; }
.w250 { color: #7B7878; width: 250px; }
.mid_arrow { display: none; }

/* ######### Style for Drop Down Menu ######### */

.productprices, .eventprices, .groupprices { background-color: #FFFFFF; border: 1px solid #D8D8D8; display: none; height: 200px; left: 0; line-height: 20px; overflow: scroll; position: absolute; top: 40px; width: 238px; z-index: 1000; }
    .productprices a, .eventprices a, .groupprices a { border-bottom: 1px solid #BBBBBB; color: #000000; display: block; height: 20px; line-height: 20px; padding: 2px 0 !important; text-decoration: none; text-indent: 3px; width: auto; }
    * html .productprices a, * html .eventprices a, * html .groupprices a { width: 100%; }
        .productprices a:hover, .eventprices a:hover, .groupprices a:hover { background-color: #126193; color: #fff; }

.content .rightblock { background-color: #7b7b7b; color: #FFFFFF; display: block; font-size: 13px; line-height: 18px; margin-top: 15px; padding: 8px 15px; word-wrap: break-word; }

.content .rightblocktop { background-color: #7b7b7b; color: #FFFFFF; display: block; font-size: 13px; line-height: 18px; padding: 8px 15px; word-wrap: break-word; }

.content .pagging_nav { float: right; list-style-type: none; width: auto; }
    .content .pagging_nav li a:link, .content .pagging_nav li a:visited { background: #fff url(module-images/pagging_nav.gif) 0px bottom repeat-x; width: 19px; height: 19px; line-height: 19px; color: #555555; text-decoration: none; font-size: 13px; text-align: center; border: solid 1px #909090; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; behavior: url(css/PIE.htc); }
    .content .pagging_nav li a:hover, .content .pagging_nav li a.active { background: #359edf url(module-images/pagging_nav_hover.gif) 0px bottom repeat-x; color: #fff; border: solid 1px #1e7db9; }


/*For All CSS*/
#Table4 { width: 96% !important; }

/*Messages*/
.message { -webkit-background-size: 40px 40px; 
           -moz-background-size: 40px 40px; 
           background-size: 40px 40px; 
          /* background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)), color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent), to(transparent)); */
           /*background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
           background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
           background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
           background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);*/
           
/*           background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); */

           -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); 
           -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
           box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); 
           width: 100%; 
           border: 1px solid; color: #fff; 
           padding: 15px;
           position: absolute;
           _position: absolute;
           text-shadow: 0 1px 0 rgba(0,0,0,.5); 
           -webkit-animation: animate-bg 5s linear infinite;
           -moz-animation: animate-bg 5s linear infinite; 
           top: -75%; right: 15px; 
           border-radius: 6px;   
           z-index: 99999999999;
           max-width:350px;
}
.wishlistsuccess { background-color: #61b832; border-color: #55a12c; }
.message h3 { margin: 0 0 5px 0; text-align: left; font-size: 20px; }
.message p { margin: 0; text-align: left; }

/*27 march 2015*/
/*.container{ float:left; width:100%;}
.wrapper{ margin:0 auto; width:90%; width:1366px;}*/
.main_area{ float:left; width:100%;margin-top:5px;border-bottom: 6px solid #ccc; margin-bottom: 15px; padding-bottom: 15px;}
.main_area .left_sec{ float:left; width:35%;}
.main_area .left_sec .thumb{ width:100%; margin:0 auto; /*border:1px solid #ccc;*/ margin-bottom:10px;}
.main_area .left_sec .thumb img{ width:100%;}
.main_area .left_sec input[type="submit"]{ float:left;  margin-top:15px; padding:8px 25px;}
.main_area .right_sec{ float:right; width:none;}
.main_area .right_sec ul{ float:left; width:100%; margin:0px; padding:0px;}

.main_area .right_sec ul li{ /*padding:0px 10px;*/ float:none; display:inline; margin-bottom:10px;min-height:140px;}
.main_area .right_sec ul li.left_0{ margin-left:0px;}
.main_area .right_sec ul li .thumb{ width:100%; border:0px solid #ccc; position:relative;}
.main_area .right_sec ul li input[type="checkbox"]{ float:left; position:absolute; left:5px; bottom:5px; }

.hdr_area {
    background: none repeat scroll 0 0 #ccc; font-family:"proxima_novaregular";
    box-sizing: border-box;
    float: left;
    margin-bottom: 15px; font-size:13px;
    padding: 10px 10px;
    width: 100%;
}
.hdr_left_sec { float:left;}
.hdr_left_sec .itm_count{
    color: #000;
    font-family: "proxima_novaregular";
    font-size: 17px;
    line-height: 10px;
}
.hdr_right_sec { float:right;}
.hdr_inp_btn {  padding:9px 25px; text-align:center; color:#fff !important; border-radius:4px; border:1px solid #1E7DB9 !important;
                background: #369fe0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2OWZlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTdkYjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #369fe0 0%, #1e7db9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#369fe0), color-stop(100%,#1e7db9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #369fe0 0%,#1e7db9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #369fe0 0%,#1e7db9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #369fe0 0%,#1e7db9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #369fe0 0%,#1e7db9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#369fe0', endColorstr='#1e7db9',GradientType=0 ); /* IE6-8 */
}

.hdr_inp_btn:hover {  background:#1E7DB9;}

.padB2 { padding-bottom:20px;}
@-webkit-keyframes animate-bg {
    from { background-position: 0 0; }
    to { background-position: -80px 0; }
}

@-moz-keyframes animate-bg {
    from { background-position: 0 0; }
    to { background-position: -80px 0; }
}

/* 2 April 2018*/
@media screen and (max-width: 767px) {
.enhancedproductprices .hdr_inp_btn {
    padding: 5px 3px;display:inline-block}



}