.fancierbox_hat, #fancierbox_ppsso, .fancierbox_despatch{position:fixed;width:100%;height:100%;display:block;z-index:9999;background:url(/Images/Structure/fancier_popup_bg.png) top left repeat;top:0;left:0;}    .fancierbox_hat #shortlistPopup, #fancierbox_ppsso #shortlistPopup{background:#FFF;width:645px;height:auto;left:50%;top:10%;margin-left:-322px;position:absolute;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);padding:0 !important;-webkit-transition: height 2s;transition: height 2s}        .fancierbox_hat #shortlistPopup .fancier_close_btn, #fancierbox_ppsso #shortlistPopup .fancier_close_btn{width:26px;height:26px;background:url(/Images/Structure/fancier_popup_close.png) top left repeat;position: absolute;right:0;margin:-13px -12px 0 0;cursor:pointer;top:0}        .fancierbox_hat #shortlistPopup p, #fancierbox_ppsso #shortlistPopup p{font-size:14px;line-height:25px;margin:15px 20px}        p.shortlist_steps{width:30%;margin-top:20px}        p.shortlist_steps.middle{margin-left:38px}  .hat_header{background:#f7f7f7;width:100%;height:72px;text-align:center;color:#442482;font-size:18px;font-weight: 500;line-height:76px;}.fancierbox_despatch{text-align:center}.hat_tabs{width:auto;display:block;height:45px;clear:both;margin:20px 20px;border-bottom:1px solid #d9d9d9;font-size:14px} .hat_tab.hat_active{font-weight: 500;color:#442880}.hat_active{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;height:46px;background:#fff}.hat_tab{width:auto;display:inline-block;float:left;height:45px;line-height:45px;padding:0 15px;color:#7d7b7e;cursor:pointer;} .hat_tab:first-child{margin-left:0;border-left:0px} .hat_tabs.quickGifts .hat_tab{padding:0 8px} .hat_tabs.six_row .hat_tab{padding:0 10px}select.hat_dd_mobile{display:none;margin:20px 4% 15px 4%;padding:0 0 0 15px;width:92%;height:50px;font-size:14px;border:1px solid #d9d9d9;color:#7d7b7e}.fancier_box_ppsso{text-align:center;margin:0 20px 20px 20px}.hat_tab_content{margin:0 20px 20px 20px;display:none;color:#7d7b7e;text-align:center}#content_hat_tab1{display:block} .fancierbox_hat #shortlistPopup .hat_tab_content p{font-size:14px;line-height:22px;margin:0 0 10px 0;text-align:left} .hat_tab_content h1{font-weight: 500;color:#4e4d4f;font-size:14px;line-height:22px;text-align:left} .hat_tab_content img{margin:20px 0}  .hat_tab_content img.full_width_img{width:100%;height:auto}  .hat_tab_content{margin:0 20px 20px 20px;display:none;color:#7d7b7e}.content_group{display:none}#content_hat_tab1,#content_set1{display:block}.hat_dd select{width:auto;margin:20px 20px 0 20px;height:40px;width:605px;border:1px solid #d9d9d9;text-indent:14px;color:#7d7b7e}.hat_dd select option{text-indent:14px !important;line-height:40px;height:20px !important;padding:10px !important;}.hat_6way .hat_tab{padding:0 10px}.column_third{width:33%;text-align:center}.column_third p{text-align: center !important;margin-left:0 !important}.margin_right_10{margin-right:10px}.text_left, .column_third.text_left p{text-align:left !important}.clear_para{clear:both;float:left;margin-top:4px !important;margin-bottom:0 !important}p.para_10{font-size:12px !important;line-height:16px !important;text-align:center !important}img.hat_template_graphic{margin-right:20px;margin-top:5px;margin-bottom:30px !important}.hat_image_wrap{float:left;clear:both;width:100%}.hat_image_wrap img{margin-top:0 !important}.hat_image_wrap p{float:right;width:74%;text-align:left}.hat_tab_content .clear_para img{margin-top:0;margin-right:10px}.column_third ul{margin-left:20px}.column_third ul li{list-style:disc;font-size:14px;color:#4e4d4f}.block{display:block !important}.full_width_image{width:100%}  .block{display:block !important}@media screen and (max-width: 640px) {.fancierbox_hat #shortlistPopup {width:92%;height:94%;top:3%;margin-bottom:3%;margin-left:4%;left:auto}    .hat_tab_content{overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow:hidden;height:100%}    .hat_tab_content::-webkit-scrollbar, .hat_tab_content::-webkit-scrollbar{display:none}    .hat_tab{padding:0 2%}    select.hat_dd_mobile{display:block}    .hat_tabs{display:none}}        @media screen and (max-width: 440px) {#shortlistPopup img {display:none}}