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

body
{
    background-color:#777;
    background-image:url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/);
    background-repeat:no-repeat; background:url(https://assets.zwift.com.au/RetailerWebsites/114/Website2/images/bg_pizza.jpg) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;
    background-position:center top;; 
}
div#body_additional_background
{
    background-image: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/);
    background-repeat: no-repeat;
}
div#header
{
    background:transparent url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/bg_header.png) no-repeat;
    width:634px;;
}
div#footer {width:740px}
.showMapLink {cursor:pointer;}
.ret_logo
{
    background: transparent url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/PetezaTest-Logo.png) no-repeat;
    left:0px;
    top:-56px;
    width:500px;
    height:170px;
    display:block;
}
.addthis_button_expanded { color: #000000; text-decoration: none; }
.t_main_order_voucher_txt { color: #990000; }
.t_product_List_container {border-bottom-color:#ccc;}
.t_product_List_Ingreds {color:#333;}
.t_remember_me:hover { color: #CCC; }
.t_forgot_password:hover { color: #ccc; }
.t_login_txt { color: #ffffff; }
div#login { background: transparent url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/bg_login.png) no-repeat; }
#zLoginCont {
    background: transparent; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  transparent,  transparent); /* for firefox 3.6+ */ 
}
.d_ordertitle{background: transparent url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/bg_order-title.png);}
.extra_ingredslist_container { top: 40px; height: 232px; }
.extra_subtitle { display: block; }
div.time { top: 0px;; }
div.timeclosed { top: 0px;; }
div.timepickuptoday { top: 0px;; }
.t_product_List_text { font-size: 16px; text-decoration: none; font-weight: bold;; color: #000; }
.t_product_List_container_v2 { border-bottom-color: #ccc; margin: 5px 15px 0px 15px;; background-color: transparent; width: 96%; color: #000; }
.t_product_List_container_v2:hover { background-color: transparent; color: #666; }
.t_product_List_availSizes { color: #483; }
li.ret_details { color: #FFF; font-weight: normal; text-shadow: none; }
li.ret_details A { color: #FFF; font-weight: normal; }
.small_txt_link { color: #000; }
#login_item { color: #FFF; }
#sharing_wrapper { top: -20px; }
.d_forgot_password { color: #FFF; }
.t_forgot_password { color: #FFF; }
.d_remember_me { color: #FFF; }
.t_remember_me { color: #FFF; }
div#topmenu { left: 0; margin-top: 0px;; width: 100%; background: rgba(0,0,0, 0.40); padding: 10px 0; text-align:center; }
.topmenu_links { color: #FFF; left: 0; text-transform: none; text-decoration: underline; font-size: 15px; }
.topmenu_links:hover { color: #b6e026; }
.dlmenu { ; }
.topmenu_items { margin-right: 20px; display: inline-block; float:none; }
.t_product_container { width: 165px; height: 160px; background: transparent; border: 0px; border-radius: 0px; padding-top: 0px; }
.productlist_image_icon { width: 150px; height: 150px; box-shadow: 0px 0px 0px #000000; }

.plImgIconCoverCont { bottom: calc(160px - 150px);
                    bottom: -webkit-calc(160px - 150px)}
.plImgIconCover { width: 150px; }

.t_product_name { width: 165px; color: #000; text-decoration: none; font-size: 13px; }
.extratitle { /*	text-transform:capitalize;*/ }
.footer_link { color: #999; }
.footer_link:hover { color: #000; }
.footer_zwift_link { color: #666; }
.footer_zwift_link:hover { color: #000; }
div#container { margin-top: 40px; }
.popup_hover_class { background: #000000; }
.cover { background: #000000; }
.dvOrderTitle { color: #000000; padding: 5px; font-size: 20px; font-weight: bold; }
.t_main_order_minfee { color: #000000; padding: 0 5px 0 5px; font-size: 12px; }
.d_category { background-color: rgba(255, 255, 255, 0.8); width: 80%;; float: left; margin-top: 0px; padding-left: 0px; }
.category_footer { background: transparent url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/bg_content_footer.png) no-repeat; float: left; width: 80%;; height: 15px; padding-left: 0px; }
div#order_cart { top: 20px; }
.t_product_group_notification { font-style: normal; color: #666666; font-weight: regular; font-size: 12px; border-bottom-color: #ccc; border-top-color: #ccc; }
.t_product_group_availabletimes { font-style: normal; color: #666666; font-weight: regular; font-size: 12px; }

/* TABS */
div#tabmenu { height: 30px; margin-top: 0px; width: 20%;  display: inline-block; }
#slidetabsmenu { background: transparent url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/bg_tabs.png) repeat; left: 2px; position: absolute; float: left;; font-size: 14px;; }
.t_tabs_container { background: transparent url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/bg_expand.png) repeat-y left; }

/* Product Group Not Selected */
#slidetabsmenu ul { margin-left: 15px; }
#slidetabsmenu a { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_left.png) no-repeat left top; padding-left: 7px; padding-right: 3px; width: 160px; }
#slidetabsmenu a span { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_right.png) no-repeat right top; color: #FFF; padding-right: 7px; padding-top: 5px; padding-bottom: 9px; }
#slidetabsmenu a:hover span { color: #000000; }

/* Current Product Group */
#slidetabsmenu #current a { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_left_on.png) no-repeat left top; padding-left: 7px; padding-right: 3px; }
#slidetabsmenu .current a { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_left_on.png) no-repeat left top; padding-left: 7px; padding-right: 3px; }
#slidetabsmenu #current a span { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_right_on.png) no-repeat right top; color: #990000; padding-right: 3px; padding-top: 5px; padding-bottom: 9px; width: 160px; }
#slidetabsmenu .current a span { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_right_on.png) no-repeat right top; color: #990000; padding-right: 7px; padding-top: 5px; padding-bottom: 9px; width: 160px; }

/* Link Tabs */
#slidetabsmenulink ul { margin-left: 15px; }

/* Link Tab Not Selected */
#slidetabsmenulink { background: transparent url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/bg_tabs.png) repeat; left: 0px; position: relative;; font-size: 14px;; padding-right: 3px; margin-bottom: 0px; }
#slidetabsmenulink a { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_left_link.png) no-repeat left top; padding-left: 7px; padding-right: 7px; width: 160px; }
#slidetabsmenulink a span { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_right_link.png) no-repeat right top; color: #fff;font-family: 'Arial Narrow', serif; text-transform: uppercase;; padding-right: 7px; padding-top: 5px; padding-bottom: 9px; }
#slidetabsmenulink a:hover span { color: #B5E229; }

/* Current Link Tab */
#slidetabsmenulink #current a { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_left_link_on.png) no-repeat left top; padding-right: 7px; }
#slidetabsmenulink #current a span { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_right_link_on.png) no-repeat right top; color: #FC961D; padding-right: 7px; width: 160px; }
#slidetabsmenulink .current a { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_left_link_on.png) no-repeat left top; padding-right: 7px; }
#slidetabsmenulink .current a span { background: url(https://5.zwcdn.zwift.com.au/RetailerWebsites/114/Website2/images/tab_right_link_on.png) no-repeat right top; color: #FC961D; padding-right: 7px; width: 160px; }

.trendingPGimg { background: transparent url(https://5.zwcdn.zwift.com.au/RetailerWebsites/0Templates/Template3/additionalimages/ico_trend.gif) no-repeat;
                float:right; width:15px; height:15px; background-size:15px 15px;; }
.trendingPGtab {  }
.trendingPGmessage { color:#333333;}.ordListTitleSelected, .oc_prodName, .oc_prodTotal, .oc_prodExName{color:rgba(255,255,255,1.00) }


/* PRODUCT HOVER */
.hover_content_container
{
    background: #4D0700;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D0700', endColorstr='#4D0700'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#4D0700), to(#4D0700)); 
    background: -moz-linear-gradient(top,  #4D0700,  #4D0700); 
    border: 0px;
}
.dynClockHover, .custAccHover
{
    background: #4D0700;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D0700', endColorstr='#4D0700'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#4D0700), to(#4D0700)); 
    background: -moz-linear-gradient(top,  #4D0700,  #4D0700); 
    border: 0px;
}
.dynClockCont {background: #ccc; color: #333; box-shadow: 0px 1px 8px #333; top: 0px;;}
.dynClockLiveDelivCont {background: #eee;} 


.pp_newHalfHalf img { background: #FFFFFF; background: -moz-linear-gradient(top, #e8eff2 0%, #ffffff 40%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8eff2), color-stop(40%,#ffffff)); background: -webkit-linear-gradient(top, #e8eff2 0%,#ffffff 40%); background: -o-linear-gradient(top, #e8eff2 0%,#ffffff 40%); background: -ms-linear-gradient(top, #e8eff2 0%,#ffffff 40%); }


/*Specials Tab*/
.specHead { font-size:42px; font-weight:bold; color:#828386; }
.specSubHead { font-size:21px; color:#828386; }
.specCont { color: #FFF; background-color: #00B1E6; text-align:left; width: 70%; border: 1px solid rgba(0,0,0,0.00); }
.specCont:hover { background-color: #289c02;}
.spacTCs {color: #999999; }


/*PlayGround*/
.orderList_plsChoose {
content: url(https://7.zwcdn.zwift.com.au/RetailerWebsites/14005/0AdditionalAssets/nav-header.png); 
display: block;
}

/* Separate, left aligned Product list */

.t_product_List_text {
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    color: #E00D1D;
    text-align: left;
    display: inline-block;
    width: 30%;
    float: left;
    height: 100%;
    
}

/* Circular product photos */
.productlist_image_icon {
    border-radius: 150px;
}
    
/***************************************/
/* Allergy Icon for Circle Prod Icons */

.plImgIconCover {
    width: auto;
    padding: 0 4px 4px 5px;
    position: absolute;
    display: inline-block;
    bottom: 80px;
    text-align: right;
    height: 25px;
    border-radius: 135px;
    color: white;
    line-height: 25px;
    right: 0px;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

.icnSprite {
    margin-right: -15px !important;
    width: 36px;
}

/* Trending Tab Fix */
.plImgIconCover .fa-trophy {
    color: gold;
    font-size: 22px;
    position: relative;
    right: 3px;
    top: 3px;
    text-shadow: 1px 1px 2px #333;
    display: inline-block;
    float: left;
}

/* TEST Button within website page */
.PlayGroundButton { display: inline-block; padding: 10px 25px; background: #37B207; color: #FFF; cursor: pointer; margin:20px 0; margin-top:25px; text-decoration:none;}
.PlayGroundButton:hover { background: #0046B9;}

/* TEST overwrite existing class */
.ret_logo {
    opacity:1.0;
}

div#container {width: 90%; min-width:1007px;} 
div#header {width:74%; min-width: 634px; width:62%; min-width: 634px; display:inline-block;}
#zLoginCont {width: 25%; min-width: 262px; display:inline-block;}

div#topmenu {
    left: 0; margin-top: 0px;  width: 100%; padding: 10px 0;  text-align: center; border:4px solid rgba(0,0,0,0.40);  border-radius:20px;

background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ordListTitleCont, .t_main_order_list {background-color: rgba(130,57,0,0.70);} 
.ordCartCheckoutOptions{background-color: rgba(255,255,255,0.80);}

div#order_cart {margin-right: 0px; width: 25%; min-width: 255px;} 
div#content{width:74%;} 
.d_category{width: 80%; position: relative; float:none; display: inline-block;}

/* Login input fields  */
.t_login_password, .t_login_email {color: #FFF; border: 1px solid rgba(255,255,255,0.20);  padding:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.t_login_email, #txtvoucher  { background: rgba(255,255,255,0.50);}
.t_login_password { background: rgba(255,255,255,0.30);}
/* Login button  */
.t_login_lb { background-color: rgba(173, 173, 173, 0.57); border: 1px solid #fff; color: #fff; padding: 1px 8px;}
.t_login_lb:hover { background-color: rgba(173, 173, 173, 0.57);}
#zLoginZwiftIcon { opacity: 0.75;}



/*  TEST making NAV fully css  */
/*******************************/
/*  with CENTER ALIGNED TEXT        */
/*  includes padding reset */
#slidetabsmenulink { float: none!important; }
#slidetabsmenu a, #slidetabsmenulink a{
    padding-right: 0;
    padding-left: 0;
    background: transparent; 
    margin:5px !important; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px !important;
    width:100%;
}
#slidetabsmenu a span, #slidetabsmenulink a span { 
    padding-right: 0;
    padding-left: 0;
    background: #d2ff52;
    background: rgba(0,0,0,0.6);
    text-align:center;
    width:100%;
}
#slidetabsmenu .current a, #slidetabsmenulink .current a {
    padding-right: 0;
    padding-left: 0; 
    background: transparent;
}

#slidetabsmenu .current a span, #slidetabsmenulink .current a span {
    padding-right: 0;
    padding-left: 0;
    width:100%;
}
#slidetabsmenu .current a span, #slidetabsmenu a span:hover, #slidetabsmenulink a span:hover { 
background: #feccb1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlY2NiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxNzQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhNTUwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjk1NWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); 
background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); 
background: linear-gradient(to bottom,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
}



/* trending or specials tab custom styling */
/* Use -98 or -99 for to select tab */
/* TO TEST:  hover styling  */

#slidetabsmenu a#pg_prodGrpLink-99 span {
    background: red;
}


#slidetabsmenu a#pg_prodGrpLink-98 span {
    background: blue;
    margin-bottom: 20px;
}

/* colouring the last letter of a tab */
/* replace with tab id - NOTE will change with menu updates*/

#slidetabsmenu a#pg_prodGrpLink2 span::after {
    color:red;
    content:"a";
    margin: -7px;
}