@charset "UTF-8";
/* CSS Document */


html,body {margin:0;padding:0;}
body {font:76% arial,sans-serif;text-align:left;}
div#body_additional_background {position:absolute;background:center top;width:100%;height:100%;margin:0px;top:0px;}
p {margin:0 10px 5px;}
a {text-decoration:underline; }
.receipt_main_container {margin-top: 25px;background:#ffffff;}
#time_livetxt {left:-11px;top:-9px;position:relative;}



/* Charcoal bottom bar */
.zw_bbar_cont {background: #121212; position:fixed;bottom:0px;height:22px; width:100%;z-index:100;border-top: 1px solid #333;} 
.zw_bbar {position:relative; width:1000px; height:100%; margin:0px auto 0px auto;}
.zw_bbar_expdiff {position:absolute; top:3px; left:10px;color:#D9DADB; font-size:12px; font-weight:normal;}
.zw_bbar_sphere {right:80px;top:-4px;position:absolute;}
.zw_bbar_zwiftLink {color:#D9DADB; font-size:12px; font-weight:bold; text-decoration:none;top: -9px;position: relative;}
.zw_bbar_zwiftLinkv2 {color:#D9DADB; font-size:12px; text-decoration:none;top: -3px;position: relative;}
.zw_bbar_logo {top: 1px;position: relative;left: 3px;}
.zw_bbar_contV2 { background: #121212; position: fixed; bottom: 0px; height: 25px; width: 100%; z-index: 100; border-top: 1px solid #333; z-index: 4998; box-shadow: 0px 0px 3px #666; }
.zw_bbarV2 {position:relative; width:1000px; height:100%; margin:0px auto 0px auto;}
.zw_bbar_logoV2 {top: 3px;position: relative;left: 3px;width: 55px;height: 26px;}
.zw_bbar_logoV3 {top: 5px;position: relative;left: 3px;width: 70px;height: 20px;}
.zw_bbar_linkL {cursor:pointer;color:#ddd;float:left;font-size:16px;margin:0px;padding-left:15px;padding-right:15px;line-height:25px;border-left:1px solid #333;}
.zw_bbar_linkL:hover {background-color:#333;}
.zw_bbar_linkIcon {width:14px;height:14px;margin-right:4px;margin-top:2px;border:0px;}
.zw_bbar_linkIconApp {height:14px;margin-right:4px;margin-top:2px;border:0px;}
.zw_bbar_linkR {cursor:pointer;color:#ddd;float:right;font-size:16px;margin:0px;padding-left:8px;padding-right:12px;line-height:25px;border-left:1px solid #333;}
.zw_bbar_linkR:hover {background-color:#333;}

.zw_bbar_reviewIconOn {float:left;background:transparent url(https://assets.zwift.com.au/RetailerWebsites/0Templates/Template3/AdditionalImages/review-star-on.png) no-repeat;width: 20px;height: 20px;position: relative;}
.zw_bbar_reviewIconOff {float:left;background:transparent url(https://assets.zwift.com.au/RetailerWebsites/0Templates/Template3/AdditionalImages/review-star-off.png) no-repeat;width: 20px;height: 20px;position: relative;}
.zw_bbar_reviewIconOnPrev {background-size: 15px;width: 15px;height: 15px;top: 4px;left: 5px;}


/* ZWIFT FOOTER BAR POPUPS */
.zw_bbar_popup_closer { position: absolute; top: 2px; right: 4px; cursor: pointer; color: #bdbdbd; font-size: 15px; }
.zw_bbar_popupConts {display:none;position:absolute;bottom:25px;border:1px solid #222;padding:7px;color:#eee;
                    background: transparent;
                    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);   /* IE6 & 7 */
                          zoom: 1;
            background-color: rgba(0, 0, 0, 0.95);
}

#zw_bbar_popup_ReviewsCont {width:400px;height:400px;}
.zw_bbar_popup_ReviewsHeader {color:#ee3;font-size:16px;font-weight:bold;}
.zw_bbar_popup_ReviewsSubHeader {color:#aaa;font-size:12px;margin-top:0px;margin-left:2px;margin-bottom:8px;}
.zw_bbar_popup_ReviewsSubHeader a {color:#aaa;text-decoration:underline !important}
.zw_bbar_popup_Reviews_RevFullCont {overflow-y:scroll;height: 360px;}
.zw_bbar_popup_Reviews_RevCont {margin-top:7px;border-bottom: 1px dashed #222;}
.zw_bbar_popup_Reviews_RevContLeft {float:left;width: 270px;}
.zw_bbar_popup_Reviews_RevName {font-size:14px;font-weight:bold;color:#fff;margin-top:5px}
.zw_bbar_popup_Reviews_RevRating {float: right;padding-top: 10px;font-size: 10px;margin-right: 10px;text-align:right;}
#footerLinkReview .fa-star, .zw_bbar_popup_Reviews_RevRating .fa { color: #ffd700; font-size: 18px; margin-left: 2px; }

/* Reviews Scroll Bar */
.zw_bbar_popup_Reviews_RevFullCont::-webkit-scrollbar {width: 8px;height: 8px;}
.zw_bbar_popup_Reviews_RevFullCont::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); -webkit-border-radius: 7px;border-radius: 7px;}
.zw_bbar_popup_Reviews_RevFullCont::-webkit-scrollbar-thumb {-webkit-border-radius: 7px;border-radius: 7px;background: rgba(45,45,45,0.9); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); }
.zw_bbar_popup_Reviews_RevFullCont::-webkit-scrollbar-thumb:window-inactive {background: rgba(45,45,45,0.8); }


#zw_bbar_popup_MailListCont {width:220px;height:220px;}
.zw_bbar_popup_MailListHeader {font-size:17px;margin-bottom:5px;font-weight:bold;}
.zw_bbar_popup_MailListInput {height: 14px;color: #555;margin-top: 4px;position: relative;left: 25px;width: 160px;}
.zw_bbar_popup_MailListSubmitCont {width:90px;margin:10px auto;}
.zw_bbar_popup_MailListSubmit {
    background: #006AB3;border: 1px solid #AAA;padding: 3px 20px;font-size: 15px;color: white;text-align: center;text-decoration: none; cursor:pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 1px 2px #666;
    -moz-box-shadow: 0px 1px 2px #666;
    -webkit-box-shadow: 0px 1px 2px #666;
    }
.zw_bbar_popup_MailListSubmit:hover {background: #004A8D;}
.zw_bbar_popup_MailListTCs {color: #999;font-size: 10px;position: absolute;bottom: 4px;}
.zw_bbar_popup_MailListTCs a {color:#aaa;}
#zw_bbar_popup_MailList_Panel2 {text-align:center;margin-top:30px;}
.zw_bbar_popup_MailList_tryagain {cursor:pointer;text-decoration:underline;}

#zw_bbar_popup_ShareCont {width:300px;height:100px;}
.zw_bbar_popup_ShareHeader {font-size:17px;margin-bottom:8px;text-align:center;}

#zw_bbar_popup_AppCont {width:220px;height:150px;}
.zw_bbar_popup_AppHeader {font-size:16px;}
.zw_bbar_popup_AppIcon {float:left;height: 150px; margin:10px 10px 0px 5px;}
.zw_bbar_popup_AppText {margin-top:10px;}

#zw_bbar_popup_NeedHelpCont {width:230px;height:140px;}
.zw_bbar_popup_NeedHelpHeader {font-size:17px;margin-bottom:5px;font-weight:bold;}
.zw_bbar_popup_NeedHelpText {margin-top:10px;}


#sharing_wrapper {position:absolute;left: 0px;width: 260px; overflow: hidden;}
div#container {width:1007px;margin-right: auto;margin-bottom: 0;margin-left: auto;padding-top:1px;}
div#head_wrapper {margin-bottom:10px;}
div#header {position:relative;height:100px;float:left;}
div.time {background:transparent url(../additionalimages/bg_time_deliver.png) no-repeat;position:relative;height:100px;width:100px;margin-left:5px;float:left;}
div.timepickuptoday {background:transparent url(../additionalimages/img_time_pickup_only.png) no-repeat;position:relative;height:100px;width:100px;margin-left:5px;float:left;}
div.timepickupuntil {background:transparent url(../additionalimages/bg_time_blank.png) no-repeat;position:relative;height:100px;width:100px;margin-left:5px;float:left;}
div.timeclosed {background:transparent url(../additionalimages/img_time_closed.png) no-repeat;position:relative;height:100px;width:100px;margin-left:5px;float:left;}
div.timebusy {background:transparent url(../additionalimages/img_time_busy.png) no-repeat;position:relative;height:100px;width:100px;margin-left:5px;float:left;}
div.timeblank {background:transparent url(../additionalimages/bg_time_blank.png) no-repeat;position:relative;height:100px;width:100px;margin-left:5px;float:left;}

.AccountBtn { background: #00b1e6; border: 1px solid #0084C0; color: #FFFFFF; font-size: 14px; padding: 3px 8px; position: absolute; left: 0px; top: 24px; text-decoration: none; width: 145px; }
.FavOrderBtn { background: #7ab51d; border: 1px solid #4C9925; color: #FFFFFF; font-size: 14px; padding: 3px 8px; position: absolute; left: 0px; top: 50px; text-decoration: none; width: 145px; }
.RewardsBtn { background: #FDA428; border: 1px solid #ff9400; color: #FFFFFF; font-size: 14px; padding: 3px 5px 3px 5px; position: absolute; left: 0px; top: 75px; text-decoration: none; width: 76px; }
.AccountBtn:hover {background:#0097DA;}
.FavOrderBtn:hover {background:#509F25;}
.RewardsBtn:hover {background:#ff9400; }
.CustLogout { padding: 3px 6px 3px 8px; display: inline-block; background-color: #444; border: 1px solid #000; font-size: 12px; position: absolute; top: 75px; width: 55px; left:92px; text-decoration: none; color: #fff; }
.CustLogout:hover {background-color:#000; border:1px solid #999;}
.AccountBtn, .FavOrderBtn, .CustLogout, .RewardsBtn { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; margin-left: 10px;  height: 14px; line-height: 14px; }

.trendingPGmessage { position: relative; width: 505px; overflow: visible; height: 90px; margin-left: 30px; font-size: 20px; margin: auto; }
.trendingPGmessage .tmTrophy { position: relative; float: left; width: 70px; color: gold; text-shadow: 1px 1px 4px #666; font-size: 70px; top: -5px; }

div#login { position: relative; height: 100px; width: 262px; float: right; }
#zLoginCont { position: relative; height: 100px; width: 262px; float: right; border-radius: 10px; }
#zLoginZwiftIcon { right: 15px; position: absolute; top: 15px; }

div#topmenu { height: 15px; margin-bottom: 10px; margin-top: -8px; float: left; position: relative; }
div#wrap_tabs_content { width: inherit; border: 1px solid #FF0000; }
div#tabmenu { position: relative; left: -1px; margin-bottom: 0px; float: left; }
div#content { position: relative; width: 735px; min-height: 450px; margin-bottom: 10px; float: left; }
#slidetabsmenu { cursor: pointer; }
#slidetabsmenulink { cursor: pointer; }
.popup_hover_class { z-index: 4999; display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.d_ordertitle { position: relative; top: 0px; left: 0px; height: 68px; width: 255px; }
div#order_cart { width: 255px; margin-bottom: 10px; margin-right: 7px; position: relative; float: right; min-height: 300px; height: 100%; }
.t_main_order_list { background-color: #eee; position: relative; top: 0px; width: 100%; min-height: 100px; z-index: 5; left: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.t_main_order_totals { background: transparent url(../additionalimages/bg_checkout_summary.png) no-repeat bottom; position: relative; margin-top: 0px; bottom: 0px; left: 0px; width: 100%; min-height: 50px; z-index: 5; text-align: center; font-family: Arial, Verdana; }
.t_main_order_voucher { position: relative; left: 7px; height: 26px; width: 240px; border-top: solid 1px #000000; border-bottom: solid 3px #000000; text-align: center; vertical-align: middle; }
.t_main_order_voucher_txt { font-size: 18px; top: 1px; position: relative; }
div#order_summery { background: #FFF; margin-top: 20px; padding: 10px; }
div.extra { display: none; background: url(../additionalimages/bg_news_specials.png) no-repeat; width: 100%; margin-bottom: 10px; clear: both; }
div#footer { position: relative; margin: 60px auto 40px auto; padding: 5px 10px; text-align: center; }

.false_online_status { position: absolute; color: #666; font-size: 8px; bottom: 0px; right: 0px; }
ul#ret_details_cont { margin-bottom: 0px; margin-top: 5px; position: absolute; right: 0px; top: 0px; }
.ret_logo { position: relative; }
li.ret_details { text-align: right; font-size: 12px; font-family: Arial, Verdana; list-style: none; margin-right: 10px; }
.small_txt_link { text-decoration: underline; }
.small_txt_link:hover { text-decoration: none; }
#time_slider { position: absolute; top: 2px; left: 1px; z-index: 1; }
#time_units { position: absolute; top: 0px; left: 24px; padding-top: 28px; font-size: 45px; text-align: center; z-index: 2; color: #555;}
#login_item { position: relative; left: 10px; width: 255px; text-align: left; font-size: 12px; font-family: Arial, Verdana; margin-top: 2px; }
.topmenu_items { height: 20px; float: left; }
.topmenu_links { font-weight: bold; text-decoration: underline; }
.topmenu_links:hover { text-decoration: none; }
.t_product_container { position: relative; margin-right: 8px; margin-left: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center; float: left; cursor: pointer; }
.t_product_name { text-align: center; bottom: 0px; left: 0px; font-family: Arial, Verdana; font-weight: bold; }
.extratitle { font-size: 21px; }
span#dark { color: #666666; }
span#light { color: #9C9C9C; }
#news { width: 380px; height: 90px; margin-left: 5px; margin-right: 10px; margin-top: 10px; padding-right: 10px; border-right: 1px solid #333333; float: left; }
p.newsfeed { width: 170px; float: left; }
p.specialfeed { width: 240px; float: left; }
.news_img { float: right; margin-top: -35px; }
#special { width: 380px; margin-bottom: 10px; margin-left: 5px; margin-right: 10px; margin-top: 10px; padding-right: 10px; border-right: 1px solid #333333; float: left; }
#help { background: url(../additionalimages/img_help.jpg) top right no-repeat; width: 140px; height: 90px; margin-bottom: 10px; margin-left: 5px; margin-right: 15px; margin-top: 10px; padding-right: 30px; float: right; }
.read_on_link { font-size: 10px; text-decoration: underline; color: #006AB3; }
.read_on_link:hover { font-size: 10px; text-decoration: none; color: #000; }
div#order_cart ul {padding: 0; list-style-type: none; }
div#footer p { margin: 0; padding: 5px 10px; }
.footer_item { height: 16px; margin-left: 10px; padding-right: 10px; float: left; border-right: 1px solid #999; }
.footer_link { font-weight: bold; }
.footer_link:hover { text-decoration: underline; }
.footer_zwift { height: 16px; margin-left: 10px; float: left; }
.footer_zwift_link { font-weight: bold; }
.footer_zwift_link:hover { text-decoration: underline; }
.footer_spheres { margin-top: -12px; height: 44px; margin-left: 5px; float: left; }


/***Login******/
.t_login_email { position: absolute; left: 10px; top: 22px; width: 150px; height: 15px; font-family: Verdana, Arial; font-size: 10px; color: #666; }
.t_login_password { position: absolute; left: 10px; top: 47px; width: 150px; height: 15px; font-family: Verdana, Arial; font-size: 10px; color: #666; }
.t_login_txt { position: absolute; left: 10px; top: 5px; font-family: Arial; font-size: 12px; font-weight: bold; cursor: help;}
.d_forgot_password { position: absolute; right: 95px; top: 77px; font-family: Arial; font-size: 11px; color: #FFF; }
.t_forgot_password { font-family: Arial; font-size: 11px; color: #FFF; text-decoration: none; }
.t_forgot_password:hover { text-decoration: underline; }
.t_img_login { position: absolute; left: 10px; top: 75px; }
.t_login_lb { position: absolute; left: 10px; top: 73px; text-decoration: none; color: #fff; border: 1px solid #fff; padding: 1px 8px; border-radius: 3px; background-color: rgba(173, 173, 173, 0.57);}
.t_login_lb:hover { background-color: #aaa; }
.t_img_memberhome { position: absolute; left: 10px; top: 25px; }
.t_img_favs { position: absolute; left: 10px; top: 53px; }
.t_img_logout { position: absolute; left: 10px; top: 80px; }

.loginErrorValLabels { position: absolute; left: 170px; font-size: 30px; color: orange; font-weight: bold; display: inline; text-shadow: #333 2px 2px; }
    @-webkit-keyframes loginValBlinker {
        from { opacity: 1.0; }
        to { opacity: 0.0; }
    }
.loginErrorValLabels { -webkit-animation-name: loginValBlinker; -webkit-animation-iteration-count: 3; -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -webkit-animation-duration: .4s; }

.custAccHover { display: none; top: 25px; left: 10px; width: 200px; z-index: 100; border: 0 solid #666; position: absolute; margin-left: 5px; float: left; font-family: Arial,Helvetica,sans-serif; border-radius: 5px; padding: 7px; color: #fff; box-shadow: 2px 2px 10px #999; font-size: 11px; }

/*************************/
.t_product_group_notification { position: relative; margin-bottom: 10px; margin-left: 35px; margin-right: 35px; min-height: 0px; padding: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; }
.t_product_group_availabletimes {  width: 90%; position: relative; margin-bottom: 10px; margin-left: 35px; padding: 5px; float: left; }
.t_product_List_container { margin-left: 20px; margin-right: 20px; margin-top: 5px; padding-bottom: 2px; padding-left: 0px; padding-top: 5px; position: relative; width: 320px; height: 30px; float: left; font-size: 20px; color: #ccc; vertical-align: middle; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; }
.t_product_List_container_v2 { padding: 3px; position: relative; height: 75px; float: left; font-size: 16px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; }
.t_product_List_container_v2:hover {border-radius:5px;border:1px solid;padding-top:2px;padding-left:2px;padding-right:2px;}
.t_product_List_Ingreds {font-size:11px;position:relative;line-height:11px;margin-left:1px;}
.t_product_List_availSizes {position:relative;margin-top:3px;font-size:10px;line-height:11px;margin-left:1px;}

.zbtns {padding: 7px 30px 7px 30px; margin-left:2px; margin-right:2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 1px 2px #666; -moz-box-shadow: 0px 1px 2px #666; -webkit-box-shadow: 0px 1px 2px #666; font-size: 15px; color: #fff; text-align: center; text-decoration:none;}
.zbtns_blue {background: #006AB3;border: 1px solid #006AB3;}
.zbtns_blue:hover {background: #004A8D;}
.zbtns_addProd {position:absolute;right:1px;top:2px;height: 8px;font-size: 11px;padding: 1px 10px 7px 10px;}
.t_product_List_text:hover {text-decoration:none;}

.spec_cont { position: relative; background-color: #eee; width: 255px; background: #EEE; padding-top: 10px; padding-bottom: 10px; }

/*ORDER CART*/
.oc_spec_cont { border-top: 1px solid #999; background-color: #eee; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 5px; padding-left: 5px; padding-right: 5px; }
.oc_spec_title { font-weight: bold; }
.oc_spec_name { color: #666; padding-left: 3px; }
.oc_spec_price { font-weight: bold; color: #090; }
.oc_cont { font-family: Verdana, Arial, Helvetica, sans-serif;}
.oc_discCont { font-size: 11px; padding: 7px 3px; text-align: right; background-color: #BAFFBF; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 1px dashed #999;}
.oc_cartCont { padding:3px; }
.oc_cartCont table { font-size: 10px; border-collapse: collapse; background-color: Transparent; width: 100%; }
.oc_prodName { font-weight:bold; left: 5px; color: #333;  }
.oc_prodPrice { font-weight: normal; color: #666; }
.oc_prodTotPrice { color: #666666; border-bottom: solid 1px #cccccc; padding-bottom: 2px; text-align: right; position: relative; }
.oc_prodExName { margin-left:15px;color: #666; left: 20px; }
.oc_prodTotal { font-size: 12px; font-weight: bold; right: 3px; color: #333; }
.oc_prodOption { color: #D8961D; margin-left: 25px; }
.oc_prodQty { font-size: 14px; font-weight:bold}
.oc_halfLbl {  font-style: italic; color:#CC3333;}
.oc_discTitle { color: #337E33; font-weight: bold; font-size: 12px; }
.oc_discColor { color: #337E33 !important; font-size:14px;}
.oc_totalRows { padding-top: 2px; color:#666; text-align:right }
.oc_empty { text-align: center; font-style: italic; color: #999; padding: 40px 0px; }
.oc_total { color: #00b0e6; margin-top: -8px; margin-bottom: -8px; text-align: right; font-size: 21px; font-weight: 300; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }
#trsubtotal td {padding-top:5px;color:#333;font-size:12px; text-align:right}
.vouchConfirmBtn { padding:2px 6px; background:rgb(0, 106, 179); color: #ffffff; font-family: Arial; font-weight: normal;font-style: normal;font-size:11px;text-decoration: none;text-align: center;cursor: pointer; border-radius: 6px;}
.vouchConfirmBtn:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) ); background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6'); background-color: #1e62d0; }
.vouchRemoveBtn { font-size:10px; color:red;position: absolute;right: 2px;top: -4px;}

.ordercart_editremove_cont { border: none !important; height: inherit; top: -5px; }

/*.pp_editProd { -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe; box-shadow: inset 0px 1px 0px 0px #97c4fe; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color: #3d94f6; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; text-indent: 0; border: 1px solid #337fed; display: inline-block; color: #ffffff; font-family: Arial; font-size: 10px; font-weight: normal; font-style: normal; height: 13px; line-height: 13px; width: 30px; text-decoration: none; text-align: center; text-shadow: 1px 1px 0px #1570cd; position: absolute; left: 0px; cursor: pointer; top: 6px; }*/
.pp_editProd { -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe; background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color: rgb(0, 106, 179); -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; text-indent: 0; display: inline-block; color: #ffffff; font-family: Arial; font-size: 10px; font-weight: normal; font-style: normal; height: 16px; line-height: 16px; width: 30px; text-decoration: none; text-align: center; position: absolute; left: -4px; cursor: pointer; top: 7px; }
.pp_editProd:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) ); background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6'); background-color: #1e62d0; }
/*.pp_editProd:active { top: 7px; }*/

/*.pp_delProd { -moz-box-shadow: inset 0px 1px 0px 0px #f5978e; -webkit-box-shadow: inset 0px 1px 0px 0px #f5978e; box-shadow: inset 0px 1px 0px 0px #f5978e; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) ); background: -moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f'); background-color: #f24537; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; text-indent: 0; border: 1px solid #d02718; display: inline-block; color: #ffffff; font-family: Arial; font-size: 10px; font-style: normal; height: 13px; line-height: 13px; width: 45px; text-decoration: none; text-align: center; text-shadow: 1px 1px 0px #810e05; position: absolute; right: 0px; top: 6px; cursor: pointer; }*/
.pp_delProd { background-color: #f27c37; border-top-left-radius: 6px; border-bottom-left-radius: 6px; text-indent: 0; display: inline-block; color: #ffffff; font-family: Arial; font-size: 10px; font-style: normal; height: 16px; line-height: 16px; width: 45px; text-decoration: none; text-align: center; position: absolute; right: -4px; top: 7px; cursor: pointer; }
.pp_delProd:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) ); background: -moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537'); background-color: #c62d1f; }
/*.pp_delProd:active { top: 7px; }*/

/********Pop Up********/
.product_container { background: transparent url(../AdditionalImages/bg_prod.png) top left no-repeat; position: absolute; left: 0px; width: 456px; height: 300px; }
.product_container_noingredients { background: transparent url(../AdditionalImages/bg_prod_small.png) top left no-repeat; position: absolute; left: 0px; width: 456px; height: 175px; }
.half_product_container { background: #ffffff; position: absolute; top: 0px; left: 0px; width: 440px; height: 109px; }
.half_product_container_cover { display: block; position: absolute; top: 16px; left: 0px; width: 438px; height: 109px; background: #000000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.half_product_container_cover_bg { background: url('../AdditionalImages/bg_prod_top_half.png') no-repeat right top; position: absolute; top: 0px; left: 16px; width: 456px; height: 125px; }
.product_img { position: absolute; top: 20px; left: 20px; width: 150px; height: 150px; }
.img_halfhalf { position: absolute; top: 0px; left: -56px; width: 72px; height: 427px; z-index: 6000; }
.product_title { top: 10px; right: 5px; font-family: "Arial", Times, serif; font-size: 20px; font-weight: bold; color: #333333; line-height: 40px; position: absolute; }
.product_title_noingredients { top: 20px; left: 175px; font-family: "Arial", Times, serif; font-size: 20px; font-weight: bold; color: #333333; position: absolute; }
.product_img2 { position: absolute; top: 5px; left: 5px; width: 100px; height: 100px; }
.product_title2 { top: 0px; left: 115px; font-family: "Times New Roman", Times, serif; font-size: 26px; font-weight: bold; color: #333333; line-height: 40px; position: absolute; }
.ingredient_container_half { position: absolute; top: 40px; left: 100px; width: 290px; height: 70px; text-align: right; overflow: auto; }
.half_ingredient { font: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-align: left; width: 135px; height: 13px; float: right; }
.ingredient_title { position: absolute; top: 53px; right: 5px; font-size: 14px; color: #666666; font-weight: bold; text-align: right; }
.ingredient_subtitle { position: absolute; top: 67px; right: 5px; font-size: 10px; color: #666666; text-align: right; }
.ingredient_container { position: absolute; top: 81px; right: 5px; width: 290px; height: 105px; text-align: right; overflow: auto; }
.ingredient { font: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-align: right; width: 135px; height: 13px; float: right; }
.product_info_container { position: absolute; top: 175px; left: 25px; width: 431px; height: 122px; text-align: left; }
.product_info_container_no_ingredients { position: absolute; top: 52px; right: 5px; width: 270px; height: 122px; text-align: left; }
.description_title { position: absolute; top: -1px; left: 0px; font: Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; font-weight: bold; width: 100px; height: 25px; }
.desription_text { position: absolute; top: 16px; left: 0px; font-size: 10px; color: #666666; width: 280px; height: 52px; }
.allergy_info { position: absolute; left: 0px; bottom: 0px; }
.extras_container_in { position: absolute; background: transparent url(../AdditionalImages/bg_extra_small.png); top: 0px; left: 456px; width: 72px; height: 316px; }
.extras_container_out { position: absolute; background: transparent url(../AdditionalImages/bg_extra_large.png); top: 0px; left: 456px; width: 302px; height: 316px; z-index: 5002; }
.extra_title { position: absolute; top: 25px; left: 10px; font-size: 18px; font-weight: bold; color: #333333; line-height: 18px; }
.extra_subtitle { position: relative; top: 43px; left: 11px; width: 270px; font-size: 10px; line-height: 11px; height: 28px; color: #666666; text-align: left; font-family: Arial; }
.extra_ingredslist_container { position: relative; width: 285px; overflow: auto; text-align: right; left: -2px;  }
.extra_ingredient { font: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-align: right; width: 130px; height: 14px; float: right; }

/***************** Control Menu   **********************/
.pop_control_container { background: transparent url(../AdditionalImages/bg_ppu_menu.png) top right no-repeat; position: absolute; left: 0px; width: 491px; height: 109px; }
.size_dropdown_pos { position: absolute; top: 10px; left: 30px; }
.size_dropdown { font: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #333333; width: 250px; }
.text_quantity { position: absolute; top: 50px; left: 32px; font-size: 12px; color: #ffffff; width: 55px; height: 20px; text-align: right; font-weight: bold; }
.quantity_box { background: #ffffff; position: absolute; top: 50px; left: 93px; font-size: 12px; color: #000000; text-align: center; width: 30px; height: 17px; }
.text_surcharge { position: absolute; top: 37px; left: 30px; font-size: 9px; font-weight: bold; font-family: Arial; color: #ffffff; text-align: center; }
.button_quant_plus { position: absolute; top: 50px; left: 130px; width: 18px; height: 18px; }
.button_quant_minus { position: absolute; top: 50px; left: 153px; width: 18px; height: 18px; }
.text_add { position: absolute; top: 18px; right: 62px; font-size: 16px; font-weight: bold; color: #ffffff; width: 134px; height: 20px; text-align: right; }
.button_add { position: absolute; top: 7px; right: 16px; width: 43px; height: 43px; }
.text_cancel { position: absolute; top: 59px; right: 61px; font-size: 12px; font-weight: bold; color: #ffffff; width: 139px; height: 20px; text-align: right; }
.button_cancel { position: absolute; top: 54px; right: 23px; width: 28px; height: 28px; }
.prodPopGroupNotifMsg { position: absolute; bottom: 20px; left: 23px; width: 350px; }
.txt_halfhalf { position: absolute; top: 87px; right: 32px; text-align: right; color: #aa0000; font-weight: bold; font-size: 10px; font-family: Arial, Verdana, Times New Roman; z-index: 1; }
.img_half_arrow { position: absolute; bottom: 0px; right: 4px; }
.pu_product_container { position: relative; width: 120px; height: 120px; float: left;margin-right: 0px; margin-left: 10px; margin-top: 5px; margin-bottom: 10px; text-align: center; }
.product_list_container { background-color: White; position: absolute; left: 16px; width: 440px; height: 400px; }
.productlist_image_icon { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0; }
.ingredient_selected_extras { font: Arial, Helvetica, sans-serif; font-size: 11px; color: Orange; text-align: right; width: 135px; height: 13px; float: Left; }
.extras_container_absent { position: absolute; background: transparent url(../AdditionalImages/bg_extra_no.png); top: 0px; left: 456px; width: 14px; height: 300px; }
.halfbutton_container { position: relative; top: 0px; left: 95px; height: 70px; width: 250px; }
.pos_halfimage { position: absolute; top: 0px; left: 0px; height: 70px; width: 82px; }
.pos_halftext { position: absolute; top: 0px; left: 90px; height: 53px; width: 64px; }
.pos_halfbutton { position: absolute; top: 57px; left: 92px; height: 12px; width: 30px; }
.t_half_product_name { width: 100px; position: relative; text-align: center; bottom: 0px; color: #333; text-decoration: none; font-size: 12px; font-family: Arial, Verdana; font-weight: bold; }
.cover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; border-radius: 10px; left: 0px; width: 100%; height: 100%; z-index: 4998; font-family: Arial; font-size: 36px; line-height: 24px; color: #fff; text-align: center; }
.t_processing { font-size: 25px; font-weight: bold; color: #666; }
.groupnotificationitems { width: 100%; margin: 10px 2px 5px 2px; color: #006AB3; }
.d_category { position: relative; padding-bottom: 50px; padding-top: 20px; min-height: 350px; }
.category_footer { position: relative; }
div.linkdescription { padding: 0 0 0 10px; }
    
     
     
/*DYNAMIC CSS CLOCK*/
.dynClockCont {border:0px solid #666; border-radius:10px; position: relative;height: 100px;width: 100px;margin-left: 5px;float: left;font-family: Arial, Helvetica, sans-serif;}
.dynClockOnlineTxt {position:absolute;top:-18px;font-size:12px;color:#fff;width:100px;text-align:center;font-weight:bold;}
.dynClockLiveDelivCont {border-top-left-radius:10px; border-top-right-radius:10px; position: absolute;height:66px; width:100px;}
.dynClockLiveDelivLbl  {position:absolute;width:100px;top:5px;text-align:center;font-size:18px;}
.dynClockLiveDelivMins {position:absolute;width:79px;top:25px;left:25px;font-size:33px; }
.dynClockLiveDelivMinsMins {font-size:16px;}
.iconClockLiveDelivMins {position:absolute; top:35px; left:7px;}		
.dynClockAvgDelivLbl  {position:absolute;width:100px;top:3px;text-align:center;font-size:14px;line-height:18px;}
.dynClockAvgDelivMins {position:absolute;width:100px;top:38px;text-align:center;font-size:22px;}
.dynClockAvgDelivMinsMins {font-size:16px;}
.dynClockDelivTimeToStartLbl {position:absolute;width:100px;top:5px;text-align:center;font-size:14px;}
.dynClockDeliv_DelivDoneToday { position: absolute; width: 100px; text-align: center; font-size: 14px; font-weight: bold; top: 9px; color: #DF8E15; }
.dynClockLivePickIcon_noDeliv { position: absolute; left: 5px;}
.dynClockLivePickNoDelivCont { position: absolute; border-radius: 10px; width: 100px; height: 100px; top: 0px; text-align: center; background-color: #EFFFF5; }
.dynClockDelivTimeToStartCountdown {position:absolute;width:100px;top:22px;text-align:center;font-size:14px; font-weight:bold; color:#39C06F;}
.dynClockDelivTimeToStart    {position:absolute;width:100px;top:39px;text-align:center;font-size:20px;}
.dynClockLiveDelivContCapacity { background: orange; border-top-left-radius: 10px; border-top-right-radius: 10px; position: absolute; height: 66px; width: 100px; color: #C20000; font-weight: bold; }
.dynClockLiveDelivCapacityLbl { position: absolute; width: 100px; top: 2px; text-align: center; font-size: 15px; line-height: 16px; font-style: italic; }
.dynClockLiveDelivCapacityLblTryAgain {position:absolute;width:100px;text-align:center;top:52px;font-size:10px; color:#000;}
.dynClockDivider {position:absolute;top:65px;width:100px;height:1px;border-bottom:2px solid #666;}
.dynClockLivePickLbl  {position:absolute;width:45px;top:70px;text-align:center;font-size:14px;line-height:13px;}
.dynClockLivePickTime {position:absolute;width:50px;top:73px;left:46px;text-align:left;font-size:24px;}
.dynClockLivePickLbl_noDeliv {position:absolute;width:100px;top:5px;text-align:center;font-size:17px;}
.dynClockLivePickTime_noDeliv { position: absolute; width: 100px; top: 67px; text-align: center; font-size: 25px; font-weight: bold; }
.dynClockLivePickTimeMins {font-size:10px;}
.dynClockLiveFullCapacityCont {position:absolute;border-radius:10px; width:100px;height:100px;top:0px;text-align:center;background-color:Orange;}
.dynClockLiveFullCapacityLblSorry {font-size:28px;font-style:italic; font-weight:bold; line-height:32px;}
.dynClockLiveFullCapacityLblCap {font-size:20px;font-style:italic; line-height:21px;}
.dynClockLiveFullCapacityLblTryAgain {position:absolute;width:100px;text-align:center;bottom:8px;font-size:10px;}
.dynClockClosedCont {position:absolute;width:100px;height:100px;top:0px;text-align:center; border-radius:10px; color:#FFF; 
                        background: #505050; 
                        background: -moz-linear-gradient(top,  #505050 2%, #242424 76%);
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#505050), color-stop(76%,#242424)); 
                        background: -webkit-linear-gradient(top,  #505050 2%,#242424 76%);
                        background: -o-linear-gradient(top,  #505050 2%,#242424 76%)
                        background: -ms-linear-gradient(top,  #505050 2%,#242424 76%);
                        background: linear-gradient(to bottom,  #505050 2%,#242424 76%); 
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#242424',GradientType=0 );
                     }

/*OLD CLOSED CLOCK STYLING*/
.dynClockClosedContLblSorry {font-size:28px;font-style:italic; font-weight:bold; line-height:31px;}
.dynClockClosedContLblClosed {font-size:19px;font-style:italic; line-height:19px;}
.dynClockClosedContLblOrd4L8r {position:absolute;width:100px;text-align:center;bottom:3px; left:0px; font-size:10px;}

/*CLOSED CLOCK */
.dynClockClosed_OpenAt { font-size: 22px; line-height: 31px; top: 6px; position: relative; }
.dynClockClosed_OpeningTime { font-size: 24px; position: relative; top: 4px; font-weight: bold; }
.dynClockClosed_SeeOpenHours { font-size: 19px; position: relative; top: 4px; font-weight: bold; line-height: 21px; font-style: italic; }
.dynClockClosed_LowerText { position: absolute; width: 100px; text-align: center; bottom: 3px; left: 0px; font-size: 12px; font-weight: bold; font-style: italic; color: #CFCFCF;}
.dynClockHoverHotSpot {cursor: help;}
.dynClockHover {display:none;top:105px;left:-20px;width:250px;z-index:100; border:0px solid #666; position: absolute;margin-left: 5px;float: left;font-family: Arial, Helvetica, sans-serif;
                border-radius: 5px;padding: 7px;color:#fff;box-shadow: 2px 2px 10px #999;font-size:11px;}



.pp_OuterCont { background-color: #fff; background-color: hsla(0,100%,100%,0.95); }
    .pp_prodName{  border:1px solid #B1B3B4;
	background: #E9E9EA;
	background: -moz-linear-gradient(top,  #ffffff 3%, #eceded 50%, #eceded 52%, #cbcbcb 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(50%,#eceded), color-stop(52%,#eceded), color-stop(100%,#cbcbcb));
	background: -webkit-linear-gradient(top,  #ffffff 3%,#eceded 50%,#eceded 52%,#cbcbcb 100%); 
	background: -o-linear-gradient(top,  #ffffff 3%,#eceded 50%,#eceded 52%,#cbcbcb 100%); 
	background: -ms-linear-gradient(top,  #ffffff 3%,#eceded 50%,#eceded 52%,#cbcbcb 100%); 
	background: linear-gradient(to bottom,  #ffffff 3%,#eceded 50%,#eceded 52%,#cbcbcb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 );}

.pp_cus_colrPri {color:#000;} 
.pp_cus_colrSec {color:#9E9D9D;}
.pp_cus_title1 {color:#00B1E6;font-size:21px; font-weight:bold; padding-bottom:8px;} 
.pp_cus_title2  {color:#7AB51D;font-size:21px; font-weight:bold; padding-bottom:8px;}
.pp_cus_title3 {color:#E95D0F;font-size:21px; font-weight:bold; padding-bottom:8px;}

.pp_OuterCont {box-shadow:0px 2px 18px #000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px;
	display:inline-block; min-width:450px; z-index:999; text-align:left;
	margin:50px auto;
	}	
.pp_prodName {padding:7px  10px  7px  24px; border-top-right-radius:5px; border-top-left-radius:5px; font-size:21px; font-weight:bold;}
.pp_prodName .fa-trophy { color: gold; text-shadow: 1px 1px 3px #333; font-size: 22px; position: relative; left: -8px; line-height: 22px; }
.pp_cont {font-family: Arial, Helvetica, sans-serif; font-size:1.0em;position: relative;  border-bottom-right-radius:5px; border-bottom-left-radius:5px; padding:0;background:#FFFFFF; box-shadow:0px 2px 12px #CCC;border:1px solid #B1B3B4;}
.pp_H3 {font-size:12px;} 

/*   Product Popup - Contents     */
.pp_prodBasicInfo {margin:24px; display:inline-block; vertical-align:top;}
.pp_prodImg {width:150px; height:150px;display:inline-block;box-shadow: 3px 6px 5px #868383;border-radius: 6px;}
.pp_Desc {margin-top:24px; max-width:400px; font-size: 16px;}
.pp_Icons {margin:15px 0px; }
.pp_alergyIcn {background:url(../AdditionalImages/icons-food-allergy-v2.png) no-repeat; background-size: 424px 40px; width:40px; height:40px; margin-right:5px; display:inline-block;
	    font-size:10px; text-align:center; vertical-align:top; position:relative;color:#9E9D9D}
.pp_alergyIcn label { position:absolute; bottom:-15px; left:-20px; width:80px; overflow:visible;}
.pp_alergyIcnHover {background:url(../AdditionalImages/icons-food-allergy-tansp.png) no-repeat; background-size: 424px 40px; width:40px; height:40px; margin-right:5px; display:inline-block;
	                font-size:9px; text-align:center; vertical-align:top; position:relative;color:#ffffff;color: rgba(255, 255, 255, 0.7)}
.pp_alergyIcnHover label { position:absolute; bottom:-15px; left:-20px; width:80px; overflow:visible;}

.pp_Veg {background-position: 0px 0px;}
.pp_Vegan {background-position: -386px 0px;}
.pp_Nut {background-position: -48px 0px;}
.pp_GF {background-position: -96px 0px;}
.pp_DP {background-position: -144px 0px;}
.pp_SF {background-position: -192px 0px;}
.pp_Mild {background-position: -240px 0px;}
.pp_Med {background-position: -288px 0px;}
.pp_Hot {background-position: -336px 0px;}


.pp_Options {margin-left:24px; display:inline-block; vertical-align:top;}
.pp_OptSelect {font-size:16px; font-weight:bold; width:220px; margin-bottom:8px; }
.pp_Contains { margin: 24px 10px 24px 0px; min-width: 170px; display: inline-block; vertical-align: top; }
.pp_list { list-style-type: none; padding: 0px; margin: 5px 0px; overflow-x: hidden; overflow-y: auto; max-height: 300px; }
.pp_list li {padding: 4px 4px; font-size:12px;}
.pp_list input[type=checkbox] { margin:0px 5px 1px 0px;}
.pp_Xtras { margin:24px 0px 10px 0px; display:inline-block; vertical-align:top; min-width:200px; }
.pp_XtrasList {  margin: 5px 3px 0px 0px; max-height: 315px; }
.pp_Xtras li:nth-child(odd) {background:#F0F1F1;}
.pp_ingrPrice{ font-size:11px; display:inline-block; margin-left:5px;}
.pp_showXtras { width: 40px; display: inline-block; }
.pp_showXtrasBackGnd { position: absolute; height: 100%; right: 0px; top: 0; border-bottom-right-radius: 5px; background: #E95D0F; width: 40px; display: inline-block; text-align: center; font-size: 21px; font-weight: bold; color: #FFFFFF; cursor: pointer; }
.pp_showXtrasBackGnd:hover {background:#DD4215;}
.pp_showXtrasRotate { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); width: 220px; left: -90px; position: absolute; top: 90px; }
.pp_prodNote {margin:10px 24px 0px 24px; color:#CC3300; font-size:18px; font-style:italic; max-width:400px;}
.pp_Btns { color: #87888A; background: #ECEDED; border: 1px solid #B1B3B4; text-align: center; font-weight: normal; display: inline-block; cursor: pointer; margin: 0;
            -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pp_Btns:hover {background:#CFD1D2;}
.pp_closePop {width:28px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:right; padding-top:2px; margin-top:-1px}
.pp_AddBtn { 
	background:#7AB51D; display:inline-block; padding: 10px 40px; margin:10px 0px 15px 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #52801A; box-shadow:0px 1px 3px #000;
	font-size:28px; text-align:center; color:#FFF; text-shadow:-1px -1px 1px #52801A; cursor:pointer; float:right; }
.pp_AddBtn:hover {background:#4FA928;}
.pp_qTitle {font-size:21px; font-weight:bold; padding-bottom:8px;} 
.pp_QtyCont {display:inline-block; padding: 7px 0px; margin:10px 30px 0px 0px; float:right; vertical-align:top;}
.pp_Qplus {border-top-right-radius:7px; border-bottom-right-radius:7px;  }
.pp_Qmin {border-top-left-radius:7px; border-bottom-left-radius:7px; margin-left:20px; }
.pp_Qplus, .pp_Qmin { font-size:28px; padding:3px 10px 4px 10px; display:inline-block; }
.pp_QtyVal { background:#FFFFFF; padding:7px 0px; margin:0; height:25px; width:40px; border:1px solid #B1B3B4; font-size:21px;  text-align:center; display:inline-block;vertical-align:top;}





/*GENERAL POPUP WINDOWS (OFL, OPEN HOURS, LOST PASSWORD ETC) 2014-04-16*/
.puw_OuterCont {background-color: hsla(0,100%,100%,0.95);}	 
.puw_Cont {background:#FFFFFF; box-shadow:0px 2px 12px #CCC; border:1px solid #B1B3B4; font-size:1.0em; text-align:center;} 
.puw_Title {font-size:21px; font-weight:bold;}
.btn_colour{background:#006AB3; border:1px solid #004A7F; text-shadow:-1px -1px 1px #004A7F;  }
.btn_colour:hover {background:#005B9A;}

/*  General Popup element styles  */
.puw_OuterCont {display:none;z-index:5000;position:absolute;box-shadow:0px 2px 18px #000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px;min-width:250px; text-align:left; color:#000000;}
.puw_Cont {position: relative;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0;}
.puw_Title {padding:7px 10px 7px 24px; border-top-right-radius:5px; border-top-left-radius:5px;
	background: #E9E9EA; 
	background: -moz-linear-gradient(top,  #ffffff 3%, #eceded 50%, #eceded 52%, #cbcbcb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(50%,#eceded), color-stop(52%,#eceded), color-stop(100%,#cbcbcb)); 
	background: -webkit-linear-gradient(top,  #ffffff 3%,#eceded 50%,#eceded 52%,#cbcbcb 100%);
	background: -o-linear-gradient(top,  #ffffff 3%,#eceded 50%,#eceded 52%,#cbcbcb 100%); 
	background: -ms-linear-gradient(top,  #ffffff 3%,#eceded 50%,#eceded 52%,#cbcbcb 100%); 
	background: linear-gradient(to bottom,  #ffffff 3%,#eceded 50%,#eceded 52%,#cbcbcb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 );}

.puw_Content{background: #FFFFFF; position: relative; padding:20px;  margin-bottom:5px; }
.puw_Btns {text-align:center; color:#87888A; background:#ECEDED; border:1px solid #B1B3B4; font-weight:normal; display:inline-block; cursor:pointer; margin:0;}
.puw_Btns:hover {background:#CFD1D2;}
.puw_closePop {width:28px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:right; padding-top:2px; margin-top:-1px}
.puw_CTAbtn{display:inline-block; margin:5px 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 1px 3px #000; text-align:center; color:#FFF; cursor:pointer;}
.puw_CTAmedium{font-size:20px; width:220px; padding:7px 0px;}
.puw_CTAlarge{font-size:28px; padding:10px 40px;}



/*   Half Half Size & Product Selection     */
.pp_cont_HH { padding: 0; background: #FFFFFF; height:200px; box-shadow: 0px 2px 12px #CCC; border: 1px solid #B1B3B4; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

.pp_HH_Options { background:#00B1E6; padding:24px 24px 14px; }
.pp_HH_Choose { display:inline-block; vertical-align:top;}
.pp_HH_Title {font-size:21px; font-weight:bold;}
.pp_cus_colrWhi {color:#FFF;}
.pp_HH_OptionLabel { color:#FFF; font-size:12px; width:90px; text-align:right; display:inline-block; margin-right:10px;}
.pp_HH_Select {display:inline-block; vertical-align:top; width:325px; padding:10px 0px 24px 24px;}
.pp_HH_ProdCont{ overflow-x:hidden; overflow-y:scroll; max-height:320px; width: auto; margin-top:8px;}
.pp_HH_Prod {position: relative; display:inline-block; vertical-align:top; text-align:center; margin:0px 15px 32px 0px; padding:0; overflow:visible; cursor:pointer;}
.pp_HH_Prod img{ border:4px solid transparent;}
.pp_HH_Prod, .pp_HH_Prod img {width:130px; height:130px; font-size:14px;} 
.pp_HH_Prod div{margin-left:4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.pp_HH_ListView {position: relative; font-size:18px; border-bottom:1px dashed #DDDDDD; padding:10px 0px; margin:0px 15px 0px 0px; cursor:pointer; }

.pp_HH_chosen1 img{border:4px solid #7AB51D; }
.pp_HH_chosen2 img{ border:4px solid #E95D0F; }
.pp_HH_chosen1 div{ color:#7AB51D; }
.pp_HH_chosen2 div{ color:#E95D0F }

.pp_HH_Prod tabindex { box-shadow:0px 0px 0px; border:0px; }
.pp_HH_Prod tabindex:focus { -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
.pp_HH_ChosenProdTick1 {color:#7AB51D;background:#7AB51D url(https://assets.zwift.com.au/RetailerWebsites/0Templates/Template3/AdditionalImages/img_HH_selectTick.png) no-repeat center;}
.pp_HH_ChosenProdTick2 {color:#E95D0F;background:#E95D0F url(https://assets.zwift.com.au/RetailerWebsites/0Templates/Template3/AdditionalImages/img_HH_selectTick.png) no-repeat center;}
.pp_HH_ChosenProdTick1, .pp_HH_ChosenProdTick2 {background-size: 24px 24px; width:32px; height:32px; position:absolute; right:-4px; bottom:-4px;}
.pp_HH_ListView .pp_HH_ChosenProdTick1, .pp_HH_ListView .pp_HH_ChosenProdTick2 { position:absolute; right:0px; bottom:4px;}


/*   Half Half Products Details     */
.pp_HH_MargTop{ margin-top:10px;} 
.pp_HH_imgCover { position:absolute; top:0px; left:0px;}
.pp_HH_Desc {margin:0px 0px 0px 24px; display:inline-block; width:220px; max-height:120px; vertical-align:top;   }
.pp_HH_Icons {margin:10px 0px; height:50px;}
.pp_HH_listHeight {overflow-x:hidden; overflow-y:scroll; max-height:100px;}
.pp_HH_showXtrasRotate { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); width: 140px; left: -50px; position: absolute; top: 90px; }
.pp_HH_ChosenSize{ background:#B1B3B4; margin-top:10px; padding:14px 24px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;font-size:14px; font-weight:bold; color:#333;}
.pp_HH_showXtras { width: 40px; height:200px;position: relative; display: inline-block; }
.pp_HH_Contains { margin: 4px 10px 24px 0px; min-width: 170px; display: inline-block; vertical-align: top; }
.pp_HH_Xtras { margin:4px 0px 10px 0px; display:inline-block; vertical-align:top; min-width:200px; }
.pp_HH_Xtras li:nth-child(odd) {background:#F0F1F1;}

/*Also Located in the OFL popup CSS */
.btn_blue{background:#006AB3; border:1px solid #004A7F; text-shadow:-1px -1px 1px #004A7F;  }
.btn_black{background:#3E3D40; border:1px solid #000000; text-shadow:-1px -1px 1px #000000;  }
.btn_green{background:#7AB51D; border:1px solid #52801A; text-shadow:-1px -1px 1px #52801A; }

.btn_blue:hover {background:#005B9A;}
.btn_black:hover {background:#000000;}
.btn_green:hover {background:#4FA928;}




/*PRODUCT HOVERS*/
.hover_container { position: relative; width: 290px; left: 20px; text-align: left; display: none; z-index: 4997; }
.hover_content_container { position: relative; -moz-border-radius: 5px; border-radius: 5px; left: 0px; top: 11px; padding: 5px; }
.hover_content_text { font-size: 13px; color: #ffffff; padding-top: 2px; padding-bottom: 2px; }
.hover_content_icons_container { position: relative; top: 5px; width: 300px; height: 65px; padding-left: 5px;}
.hover_content_allergy { padding-top: 2px; padding-right: 5px; padding-bottom: 2px; }
.hover_content_spice { bottom: 5px; padding-right: 15px; padding-bottom: 2px; }
.hover_available { width: 250px; text-align: left; font-size: 10px; color: #fff; color: rgba(255, 255, 255, 0.7); font-style: italic; }


/*PRODUCT ALLERGY COVER*/
.plImgIconCoverCont { position: absolute; width: 100%; } /*bottom: calc(20px - 10px)}  productlist_images_container_height-productlist_image_icon_widthheight*/
.plImgIconCover { position: relative; /*display: inline-flex;*/ bottom: 0px; background-color: rgba(0, 0, 0, 0.4); text-align: left; height: 25px; margin: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: white; line-height: 25px; }
.plImgIconCover .fa-trophy { color: gold; font-size: 22px; position: absolute; right: 3px; top: 2px; text-shadow: 1px 1px 2px #333; }
.plListIconCover { position: relative; height: 22px; line-height: 22px; display: inline-block; background-color: rgba(0, 0, 0, .6); padding: 0px 10px; border-radius: 5px; left: 0px; top: 1px; padding-right: 15px; }
.plListIconCover .icnSprite { top:-2px}

/*.icnSprite { position: relative; padding: 18px 22px; top: -4px; zoom: .5; -ms-transform: scale(.5); background: url('https://assets.zwift.com.au/RetailerWebsites/0Templates/Template3/AdditionalImages/icn-allergy-trending-sprite.png')}*/
.icnSprite { position: relative; top: 0px; background: transparent url("https://assets.zwift.com.au/RetailerWebsites/0Templates/Template3/AdditionalImages/icn-allergy-trending-sprite.png") repeat scroll 0% 0%; 
            -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); transform: scale(0.5,0.5); display: inline-block; width: 43px; height: 46px; 
            -webkit-transform-origin: top left; -moz-transform-origin: top left; transform-origin: top left; margin-right: -26px; /*border: 1px solid white;*/ }


.icnVeg {  background-position: -8px 2px; }
.icnNuts { background-position: 463px 2px; }
.icnVegan { background-position: 107px 2px; }
.icnGluten { background-position: 412px 2px; }
.icnChilli1 { background-position: 265px 2px; }
.icnChilli2 { background-position: 223px 2px; }
.icnChilli3 { background-position: 166px 2px; }
.icnTrend { background-position: 49px 2px; }




/*SPECIALS TAB*/
.specialsPGmessage { width: 75%; text-align:center;margin: auto;}
.specCont { position: relative; padding: 15px 20px; margin: 13px auto; cursor: pointer;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.specName { font-size: 24px; position: relative; }
.specName::after {content: "›"; font-size: 44px; font-weight:100; line-height:21px; width:12px; height:36px; overflow: visible; display:inline-block; float:right;}
.specDesc { font-size: 15px; margin: 4px 0px; }
.specPrice { font-size:26px;}
.specPD { font-size: 13px; text-align: right; position: absolute; right: 3px; bottom: 3px; }
.specPD span { font-size: 10px; }
.spacTCs { text-align: center; margin-top: 20px; }
.specSuccess { display: none; }

/* specials popup: */
#dynSpecialsPopCont { text-align: center !important; width:100% !important; min-width:500px !important; margin:0; }
.spName, .spPrice {color:#666; text-align: center; }  
.spDesc {color:#879BA6; text-align: center; }
.spName { font-size: 23px; margin-bottom: 5px; padding-top: 5px; }
.spDesc { font-size: 16px; max-width: 450px; margin:0 auto; padding-bottom: 12px;}
.spPrice { font-size: 35px; }
.spCont { padding: 16px 5px; margin: 0; text-align: center; border-bottom:1px solid #D9DADB; }
.spCont:nth-child(3) { border-top: 1px solid #D9DADB; }
.spCont:nth-child(even) { 
                        background: rgba(242,245,247,1);
                        background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(242,245,247,1) 22%, rgba(242,245,247,1) 76%, rgba(255,255,255,1) 100%);
                        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,245,247,1) 22%,rgba(242,245,247,1) 76%,rgba(255,255,255,1) 100%);
                        background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(242,245,247,1) 22%,rgba(242,245,247,1) 76%,rgba(255,255,255,1) 100%);
                        }
.spDets { font-size: 19px; color:#000; font-weight:bold; }
.spOpts { margin: 2px; padding: 2px; font-size: 15px; width:230px; }
.spPD { color: #AEBDC5; }
.pp_AddSpecial { width: 70px; float: none; margin: auto; margin-bottom: 10px; margin-top: 20px; display: block; }
.spOneChoice { display: none; }
.spHours { display: inline-block; text-align: left; font-size: 12px; color: #ccc; }

/* delivery info container */
.deliveryInfoContent { padding: 5px 24px }
.deliveryInfoContent span{ color: #999 !important; display: block}

#retailerDeliveryInfo { position: relative; margin-top: 5px; padding: 15px 10px; border-radius: 4px; }
#retailerDeliveryInfo span{ color:black;}