@charset "utf-8";
/* reset */

* {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
a img {
	border: none;
}
a {
	text-decoration: none;
}
img
{
    border:0;
}

.clearfix {
	display: block;
}

.iconPosition {
	margin-bottom: -3px;
	margin-left: 5px;
	margin-top: 5px;
}
div {
    font-family: 'Interstate',sans-serif;
}
body {
	-moz-font-feature-settings: "pnum";
	background:#ee0000;
	color: #FFFFFF;
	font-family: 'Interstate', sans-serif;
	letter-spacing: -0.02em;
        font-size: 16px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* end reset */
/* ===========================
   ======= Body style ======== 
   =========================== */

#wrapper {
	width:80%;
	max-width:800px;
	margin:0 auto;
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clearBoth {
	clear:both;
}
.bold {
	font-weight:bold;
}

/* ===========================
   ======= Anchor style ====== 
   =========================== */

.body {
	margin:0 auto;
	width:100%;
	clear:both;
}
.bodyWrapper {
	margin: 0 auto;
/*	text-align: center;    
        overflow:hidden;*/
	width: 1024px;
    
}
.sup {
	font-family: 'Arial';
	font-size: 50%;
	vertical-align: super;
}

/* ===========================
   ======= Content Area ====== 
   =========================== */
.topContent {
	width:100%;
}
.mainContent {
	/*	line-height: 25px;*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 2%;
	margin-bottom: 2%;
}
.content {
/*width:72%;
	float:left !important;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
}
.introContent {
	width:100%;
}
.introContent .topContent {
	padding: 0 0;
}
.topContent, .bottomContent {
	box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
}
span.red {color: #ca0000;}
.yButtonTemplate {
	/*background:url("https://www.pizzahut.com/assets/w/images/yTile.png") repeat-x scroll 0 -5px transparent;*/
	cursor: pointer;
	display: inline-block;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	-o-ms-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-ms-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	color:#000;
	white-space:nowrap;
	font-family: "Interstate";
	font-weight:bold;
	letter-spacing: -0.03em;
	text-shadow: 1px 0 0 rgba(255, 255, 255, 0.65);
	/* Gradient */
 	background: #feea75; /* Old browsers */
	background: -moz-linear-gradient(top, #feea75 0%, #feea75 50%, #fed23b 50%, #f5a739 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feea75), color-stop(50%, #feea75), color-stop(50%, #fed23b), color-stop(100%, #f5a739)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #feea75 0%, #feea75 50%, #fed23b 50%, #f5a739 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #feea75 0%, #feea75 50%, #fed23b 50%, #f5a739 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #feea75 0%, #feea75 50%, #fed23b 50%, #f5a739 100%); /* IE10+ */
	background: linear-gradient(top, #feea75 0%, #feea75 50%, #fed23b 50%, #f5a739 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feea75', endColorstr='#f5a739', GradientType=0 ); /* IE6-9 */
        behavior: url('/js/pizzahut/site/PIE.htc');
}
.disableButtonTemplate {
	cursor: pointer;
	display: inline-block;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#9d9d9d;
        white-space: nowrap;
	font-family:"Interstate Black";
	font-weight:normal;
	 letter-spacing: -0.03em;
	text-shadow: 1px 1px 0.5px #FFFFFF;
	/* Gradient */
	background: #e0e2de; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e2de 50%, #c5c7c4 50%, #acaeab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#e0e2de), color-stop(50%,#c5c7c4), color-stop(100%,#acaeab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e2de 50%,#c5c7c4 50%,#acaeab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e2de 50%,#c5c7c4 50%,#acaeab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e2de 50%,#c5c7c4 50%,#acaeab 100%); /* IE10+ */
	background: linear-gradient(top,  #e0e2de 50%,#c5c7c4 50%,#acaeab 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e2de', endColorstr='#acaeab',GradientType=0 ); /* IE6-9 */

}

#product_name_container {
    margin: 0;
    padding: 0;
    width: 1024px;
}
.productName {
    font-family: 'Interstate Black';
    font-size: 10em;
    letter-spacing: -0.035em;
    margin-left: 1.55%;
    opacity: 0.7;
    position: absolute;
    text-transform: uppercase;
    top: 0.89em;
}

html[data-useragent*='MSIE 10'] .productName, html[data-useragent*='Trident/7'] .productName{
        top: 0.94em;
}

/*** C A R T   O V E R L A Y  ***/

.cartcarryout-white {
    background-position: -395px -490px;
    float: left;
    height: 28px;
    margin: 11px 15px 0;
    width: 29px;
}
.carryoutIcon-red, .carryoutIcon-default {
	float: left;
	height: 22px;
	margin-right: 10px;
	margin-top: 5px;
	width: 38px;
}
.carryoutIcon-red {
	background-position: -393px -429px;
}
.carryoutIcon-default {
	background-position: -393px -453px;
}
.deliveryIcon-red, .deliveryIcon-default, .deliveryIcon-white {
	float: left;
	height: 32px;
	margin-right: 10px;
	width: 29px;
}
.deliveryIcon-red {
	background-position: -443px -429px;
}
.deliveryIcon-default {
	background-position: -443px -465px;
}
 
/* Browser Resets */
.flex-container a:active, .flexslider a:active {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/ 
#slider {
    width:100%;
    margin:0 auto;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider p {
	margin-bottom:1em;
}
.flexslider .slides > li {
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	display: block;
	max-width: 100%;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html {
    -webkit-font-smoothing: aliased;
}

html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
	position:relative;
	zoom: 1;
}
.flexslider .slides {
	zoom: 1;
        height: 468px;
}
.flexslider .slides > li {
	position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
	zoom: 1;
	position: relative;
}
/* Caption style */
/* IE rgba() hack */
.flex-caption {
	background:none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	zoom: 1;
}
.flex-caption {
	 bottom: -37px;
    color: #FFFFFF;
    font-size: 46px !important;
    font-weight: bold;
    left: 0;
    line-height: 18px;
    padding: 1%;
    position: absolute;
    width: 97%;
}
/* Direction Nav */
.flex-direction-nav li a {
	width: 27px;
	height: 44px;
	margin: -13px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
}
.flex-direction-nav li .next {
        background-image: url("https://www.pizzahut.com/assets/w/images/sprites-home.png");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: -49px 0;
        background-color: rgba(0, 0, 0, 0);
	right: 60px;
}
.flex-direction-nav li .prev {
        background-image: url("https://www.pizzahut.com/assets/w/images/sprites-home.png");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: -23px 0;
        background-color: rgba(0, 0, 0, 0);
	/*left: 92px;*/
        left:60px;
}
.flex-direction-nav li .disabled {
	opacity: .3;
	filter:alpha(opacity=30);
	cursor: default;
}

.flex-caption {

}
/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 48px;
	text-align: center;
        z-index: 6;
}
.flex-control-nav li {
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-nav li:first-child {
	margin: 0;
}
.flex-control-nav li a {
    background-image: url("https://www.pizzahut.com/assets/w/images/sprites-home.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 22px;
    text-indent: -9999px;
    width: 20px;
}

.flex-control-nav li a:hover {
	background-position: 0 -20px;
}
.flex-control-nav li a.active {
	background-position: 0 -20px;
	cursor: default;
}

#slider-dot-wrapper {
    background-color: black;
    position: relative;
    width: 79px;
    top: -50px;
    left: 46.1%;
    height: 20px;
    z-index: 4;
    border-radius: 27px;
    display: none;
    opacity:0.55;
    behavior: url('/js/pizzahut/site/PIE.htc');
}
#more_submenu {
    display: none;
    top: 38px;
    box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -moz-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -ms-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -o-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -webkit-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
}

/*** L O G I N   W I D G E T  ***/

#login-widget .lwHeader .exit {
    float: right;
}
#login-widget .lwBody .row .loginRemember { 
    border:none; 
    border-radius:0; 
    margin:0 5px 0 0; 
    padding:0; 
    float:left;
}
#login-widget {
    background-color: #FFFFFF;
    border-radius: 5px;
    display: none;
    width: 390px;
}
#rp-widget {
    background-color: #FFFFFF;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 465px;
}
#rp-widget .row .data {
    width:235px;
}
#rp-widget .row .data input {
    width:230px;
}
#rw-error {
    font-size: 16px;
    white-space: normal;
    display: none;
}
#rp-body {
    width: 425px!important;
}
.widgetClose_Btn {
    background-position: -166px -278px !important;
    cursor: pointer;
    height: 20px;
    width: 20px;
}
#login-widget .forgot {
    color: #CA0000;
    font-size: 11px !important;
}

#login-widget #try_reset {
    font-weight: bold;
    cursor: pointer;
}
.btnArrow {
	background-position: -66px -68px !important;
	display:inline-block;
	width: 15px;
	height: 17px;
}
#login-widget .lwHeader, #rp-widget .lwHeader {
    background-color: #FFD33C;
    border-radius: 5px 5px 0 0;
    color: #000000;
    font-size: 12px;
    height: 20px;
    padding: 20px;
}
#login-widget .lwHeader .copy, #rp-widget .lwHeader .copy {
    float: left;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.055em;
    margin-top: 2px;
    width: 250px;
}

#login-widget .lwBody, #rp-widget .lwBody {
    clear: both;
    color: #444444;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 20px 34px;
}
#login-widget .lwBody{
    width: 365px;
}
#rp-widget .lwBody {
    width: 465px;
}
#login-widget .lwBody .row .data input.textBox {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px;
    width: 199px;
}
#login-widget .phColor, #rp-widget .phColor {
    color: #AEAEAE;
}

#login-widget .lwBody .row .cbLabel, #rp-widget .lwBody .row .cbLabel {
    font-size: 11px;
    margin-left: 20px;
    width: 330px;
}
.cbLabel {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#reset-error-message {
    font-size: 13px!important;
    color: #f00;
}
#lw-body-sign-in {
    padding-left: 5px;
}
#lw-body-sign-in .row .label {
    padding-bottom: 0 !important;
}
.row .label {
    padding-bottom: 5px;
}
.row .smLabel {font-size: 14px}
.data input {
    font-family: "Interstate";
    font-size: 20px;
    font-weight: bold;
    padding: 7px 10px;
}
#login-widget .dColor {
    color: #000000;
}
.radio, .checkbox {
    border: medium none !important;
    box-shadow: none !important;
}
#login-widget .lwBody .row .data .supText {
    float: left;
    font-size: 11px;
    margin: 4px 0 0 10px;
    width: 62px;
}

/*=========================== C A R T  O V E R L A Y   C O N T E N T  =====================
=========================================================================== */
.cartOverlay {
    position: relative;
    width: 371px;
    font-size: 14px;
    left:590px;
    top: 16px;
    color:#000;
    font-family: 'Interstate';
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;

    background: #FFFFFF;
    box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -moz-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -ms-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -o-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -webkit-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);

    display: none;
    letter-spacing: -.035em;
    z-index: 200;
}
.cartOverlay:before{
    border-color: transparent transparent #FFD441;
    border-image: none;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 280px;
    margin-left: -6px;
    position: absolute;
    top: -23px;
}
.cartOverlayContainer {
   background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 5px 5px;
    float: left;
    padding: 15px 12px 5px;
    z-index: 390;
     border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.cartOverlayContainer .productThmb img {  margin-left: -8px;width: 88px;}
.cartOverlayContainer .productThmb .eyebrowBlock {
    margin: 0 0 17px -6px;
    padding: 2px 6px;}
.cartIntroText {
    background: none repeat scroll 0 0 #FFD441;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color:#222222;
    line-height: 20px;
    padding: 5px 0 5px 10px;
    text-align: left;
}
.cartOverly .divider {border-top: 1px solid #ADADAD;margin: 10px 0 5px;}
.cartIntroText h2 {font-size: 14px;font-weight: bold;}
.cartIntroText p {color: #555555;font-family: Arial;font-size: 12px;line-height: 14px;margin-top: 4px;padding-bottom: 7px;}
.cartOverlay .productTitle {padding-right: 10px; padding-left: 10px; width:315px;     font-weight: bold;}
.cartOverlay tr > td.productPrice {font-size:14px;font-weight: bold;}
.cartOverlay .productTitle .desc {font-size: 11px; color:#7F7F7F;}
.cartOverlay .productTitle, .cartOverlay .productPrice { vertical-align:middle; padding-bottom: 20px;}
.cartOverlay tr > td.productPrice {color: #000000; padding-right: 0;}
.cartOverlay .contShop {margin-left: 5px; cursor:pointer;}
.cartOverlay .link {font-size: 11px; font-weight: bold; color:#ee0000;padding-top: 2px; cursor: pointer;}
.cartOverlay .link:hover {text-decoration: underline;}
.cartCheckoutBtn {font-size: 15px;font-weight: bold; line-height: 18px;padding:5px;margin-bottom: 5px; padding: 5px 8px;}
.cartCheckoutBtn  span { display: inline-block;margin-bottom: 2px;}
.cartUpsellBtn {font-size: 16px; margin-left: 10px; padding:10px 26px;}

.cartOverlay .cartDivider td {border-bottom:1px solid #dadada;padding-bottom: 20px;}


/* S T A R T   Y O U R   O R D E R  W I D G E T */
#syo-widget {
	background-color: #FFFFFF;
	border-radius: 5px;
	display: none;
	width: 385px;
}
#syo-widget .addr-sug {
    clear: left;
    margin-left: 60px !important;
    width: 90%;
}
#syo-widget .address-suggestions {font-size: 18px; margin:15px auto; white-space: nowrap;}

#syo-widget .address-suggestions ul li {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px 20px;
    text-align: left;
}
#syo-widget .lwHeader {
	background-color: #FFD33C;
	border-radius: 5px 5px 0 0;
	color: #000000;
	font-size: 12px;
	height: 5px;
	padding: 20px;
}
#syo-widget .lwHeader .copy {
	float: left;
	color:#000;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.055em;
	margin-top: 2px;
	width: 250px;
}
#syo-widget .lwHeader .exit {
	float: right;
	margin-top: -5px;
}

#syo-widget .lwBody {
	clear: both;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	padding: 15px 20px 45px;/*  width: 310px;*/
}
#syo-widget .phColor {color:#444444;}
#syo-widget .row {
	clear: both;
	height: 35px;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 20px;
	padding-bottom: 10px;
	/*width: 500px;*/
}

#syo-widget .divider {
    border-left: medium none;
    border-bottom: 1px solid #999999;
    bottom: 0;
    left: 0;
    position: relative;
    top: 0;
}
span.labe1 {color: #000000;font-size: 24px;font-weight: bold;}
#syo-widget .data {float: left;
        margin-bottom:10px;
        /*margin-left: 15px;
    width: 217px;*/
}
.labe1 {
	font-weight: bold;
	font-size:24px;
}

#syo-widget .lwBody .row .data input.textBox {
	border: 1px solid #CCCCCC;
	border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
	padding: 6px 10px;
	width: 255px;
}

selectboxit .selectboxit-option-icon-container {
	margin-left: 5px;
}
.selectboxit-container .selectboxit {
	background: none repeat scroll 0 0 #FFFFFF !important;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 0 1px 1px #999999 inset;
	cursor: pointer;
	display: block;
	height: 25px;
	margin: 0;
	overflow: hidden;
	padding: 4px 0 8px;
	position: relative;
	width: 220px;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
	display: block;
	height: 30px;
	line-height: 30px;
}
#syo .selectboxit-container * {
	-moz-user-select: none;
	color: #555555;
	font-family: Interstate;
	font-size: 100%;
	font-weight: bold;
	outline: medium none;
	white-space: nowrap;
}
.spanText {
	font-size: 16px;
	margin: 0 15px 0 0;
}
.syo-list {color:#ffffff;}

.radio{
    box-shadow: none;
}

.blackButtonTemplate {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	color:#fff;
	white-space:nowrap;
	font-family: "Interstate Black";
	font-weight:normal;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	-o-ms-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-ms-border-radius: 5px;
	border-radius: 5px;
	letter-spacing: -0.03em;
	text-shadow: 0 0 0.5px #000000;
	/* Gradient */
 	 background: #262626; /* Old browsers */
	background: -moz-linear-gradient(top, #5c5c5c 0%, #5c5c5c 50%, #262626 50%, #262626 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5c5c), color-stop(50%, #5c5c5c), color-stop(50%, #262626), color-stop(100%, #262626)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5c5c5c 0%, #5c5c5c 50%, #262626 50%, #262626 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5c5c5c 0%, #5c5c5c 50%, #262626 50%, #262626 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5c5c5c 0%, #5c5c5c 50%, #262626 50%, #262626 100%); /* IE10+ */
	background: linear-gradient(top, #5c5c5c 0%, #5c5c5c 50%, #262626 50%, #262626 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#262626', GradientType=0 ); /* IE6-9 */
}

.red-text{
   color: red;
}
.syo-banner img {margin: 5px auto !important;padding-bottom: 5px; max-width: 100%}

/* S Y O   S E A R C H   R E S U L T S  */
.syo-list .result-list {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    cursor: pointer;
    display: inline;
    float: left;
    font-family: 'Interstate';
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 10px;
    width: 552px;
    position: relative;
}

.syo-list > .result-list:hover {
    background-color: #565656;
    cursor: pointer!important;
}
#syo-widget .textWithLine legend {
    font-size: 18px;
    padding: 0 10px;
    text-align: center !important;
    text-transform: lowercase;
    white-space: nowrap;
}
#syo-widget .textWithLine {
    /*border-color: #999999 -moz-use-text-color -moz-use-text-color !important;*/
	/*change by Bhargav: for color in or divider for SYO page.
	Ticket-ID Fix: PH-3136*/
	border-color: #999999 currentColor !important;
    border-style: solid none none;
    border-width: 1px medium medium;
    margin: 5px 3px 10px;
    white-space: nowrap;
}

#syo-widget .lwBody h1 {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    /*margin-top: 10px;*/
    text-align: center;
}
h1 {
    color: #FFFFFF;
    font-family: Interstate,sans-serif;
    font-size: 36px;
    line-height: 23px;
}
.row > p {
    font-size: 14px;
    text-align: center;
}
#syo-widget .lwBody .row .data input.textBox {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
    padding: 6px 10px;
    width: 255px;
}
#syo-widget .data {float: left;margin-bottom: 10px;}
.syo-acctSignBtn.yButtonTemplate {margin-top:15px;float: right;font-size: 16px;font-weight: bold;padding: 6px 20px;}
.row h3 {font-size: 16px;padding-bottom: 15px;padding-right:10px;}
.syo-list .result-address {float: left;font-size: 14px;font-weight: bold;letter-spacing: -0.055em;line-height: 19px;white-space: normal;width: 200px;}
.syo-list .result-address p {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}
.syo-list .localStoresNearby {color:#000;float:left;font-weight: bold;padding-bottom: -4px;font-size: 18px;padding:0;}
.syo-list .result-hours, .syo-list .openHours {float:left;}
.syo-list .result-button {float:right;margin-right:-10px;width:120px;}
.syo-list .result-button p {text-align: center;color:#ccc;font-size: 12px;}
.syo-list .resultOpen, .syo-list .resultClosed {font-size: 13px;font-weight: bold;white-space: nowrap;}
.syo-list .resultOpen {color: #00CC66;}
.syo-list .resultClosed {color: #ee0000;}
.syo-list .result-hours, .syo-list .storePhone {margin: 0 15px 0 0;float:left;width:110px;font-weight: normal;}
.syo-list.result-list ul {float:left;}
.syo-list .resultClosed {color:#ee0000;}
.syo .result-number, .syo .result-number-selected {margin:10px 5px 0 0;}
.syo-list .location-results ul li {display: inline;float: left; letter-spacing: -0.045em;padding-bottom: 15px;text-align: left;}
.syo-list .confirmStoreBtn {font-size: 13px;line-height: 18px;padding: 5px 10px;margin-bottom: 8px;margin-left:10px;}
.syo-list .redLink a {color:#ee0000; font-size: 12px; float:right; line-height: 25px;}
.syo-list .redLink a:hover {text-decoration: underline;}
.syo-list .specialInstr {color:#999; font-weight:normal; line-height: 30px; margin-left: 45px; text-transform: uppercase;}
#results-div .result-number, #results-div .result-number-selected {
   background: url("https://www.pizzahut.com/assets/w/images/sprites.png") no-repeat scroll -8px -60px rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 13px;
    margin: 5px 10px 0 0;
    padding: 8px 0;
    text-align: center !important;
    width: 28px;
}
/*** S E L E C T   D R O P D O W N S  ***/
.tzHide { display:none; }
.tzVisible { display:block; }

.tzSelect {
    height:25px;
    display:block;
    min-width:227px;
    position:relative;
    z-index:1;
/*	margin-top:10px;*/
    margin:0 8px 16px;
    cursor:pointer;

    /* Preloading the background image for the dropdown */
    /*	background:url("../img/dropdown_bkg.png") repeat-x -99999px;*/
}

.tzSelect.expanded {
    z-index:2;
}
.dropdownContainer {
    height: 50px;
    padding-left: 45px;
    padding-top: 15px;
}
.tzSelect .selectBox {
    /*position:absolute;*/
    /*float:left;*/

	border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 2px #999999 inset;
    height:100%;


    /* Font settings */
    background: white;
    color:black;
    line-height: 27px;
    /*	font:13px/34px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        text-align:center;
        text-shadow:1px 1px 0 #EEEEEE;
        color:#666666;*/

    padding: 3px 7px;
/*   padding-left: 7px;
    padding-top: 3px;*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    overflow: hidden;
}


/* Q&D. Too many qualifiers: too fragile. Add only one special CSS-class derived from PHP state of application? */
/* setting width:91% does not work on order confirmation page. Using setting width:172px; */
.bodyWrap .leftBlock .tile_set .tileWrap .product_tile .tile .controls .selectContainer .tzSelect .selectBox {
    width:173px; /* the only place across all site which must set this width except "template editor" */
}


.tzSelect .selectBox:hover,
.tzSelect .selectBox.expanded {
    /*	color:#2c5667;
        text-shadow:1px 1px 0 #9bc2d0;*/
}

.tzSelect .selectBox .copy {
    display: inline;
    float: left;
    font-weight: normal;
    height: 25px;
    margin-top: -5px;
    overflow: hidden;
    width: 90%;
}

.tzSelect .selectBox .icon {
    background-image: url("https://www.pizzahut.com/assets/w/images/sprites.png");
    background-position: -180px -80px;
    background-repeat: no-repeat;
    display: inline;
    float: right;
    height: 6px;
    margin-top: -8px;
    overflow: hidden;
    width: 9px;
}

.tzSelect .selectBox.expanded .icon {
    background-position: 1px -10px;
}

.tzOptions {
    display:block;
    position:absolute;
    box-shadow: 0 0 13px #000;
    z-index: -1;
}

.tzOptions .dropDown{
    position:relative;

    /*	left:0;*/
/*    border:1px solid #32333b;
    border-width:0 1px 1px;*/
    list-style:none;

    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;

    -moz-box-shadow:0 0 4px #111;
    -webkit-box-shadow:0 0 4px #111;
    box-shadow:0 0 4px #111;
}

.tzOptions ul {
    box-shadow: 2px 2px 16px #222;
    background-color: #1e1e1e;
    padding: 0;
}

.tzOptions li{
    cursor:pointer;
    border-bottom: 1px solid #333333;
/*    position:relative;*/
    padding: 10px;
    margin:0;
/*    border-top: 1px solid #333;*/
}


.tzOptions li:last-child { padding-bottom:10px !important; }

.tzOptions li:hover{
    background-color: #cd0000;
}

.tzSelected { /* need this one so jquery can use a named class */
    background-color: #cd0000;
}

.tzOptions li span{
    left:88px;
    position:absolute;
    top:27px;
}

.tzOptions li i{
    color:#999999;
    display:block;
    font-size:12px;
}

.tzOptions li img{
    left:9px;
    position:absolute;
    top:13px;
}

.tzOptions li .header { color:#FFF; font-size:14px; font-weight:bold; white-space: nowrap;}
.tzOptions li .subheader {
    color: #999999;
    font-size: 10px;
    line-height: 13px;
	padding-bottom:0;
}
.tzOptions li:hover .subheader{
    color: #fff;
}
.tzOptions li .optkey { display:none; }

.tzOptions li.inactive:hover { background-color: #1e1e1e; cursor:default; }
.tzOptions li.inactive .header { color:#666; }
.tzOptions li.inactive .subheader { margin-top:10px 5px; color:#666; font-size:12px; line-height:1.2; }

.tzOptions .navUpArrow, .tzOptions .navDownArrow { width:100%; padding:5px 0; color:#000; background-color:#FFD300; text-align:center; float:left; cursor:pointer; }
.tzOptions .scrollBlock {
    border-bottom: 24px solid #FFD441;
    float: left;
    overflow: auto;
    width: 235px;
}

.yScrollBar {
background-color:#ffd441;
height:24px;
width:235px;
}

.subText {
text-transform:uppercase;
color:#999999;
font-size:12px;
}

.tzSelectAlt1 {
    height:25px;
    display:block;
    min-width:200px;
    position:relative;
    display:inline-block;
    z-index:1;

    /* Preloading the background image for the dropdown */
    /*	background:url("../img/dropdown_bkg.png") repeat-x -99999px;*/
}

.tzSelectAlt1.expanded {
    z-index:2;
}

.tzSelectAlt1 .selectBox:hover,
.tzSelectAlt1 .selectBox.expanded {
    /*	color:#2c5667;
        text-shadow:1px 1px 0 #9bc2d0;*/
}

.tzSelectAlt1 .selectBox .copy {
    width:90%;
    height:25px;
    margin-top:-5px;
    overflow: hidden;
    float:left;
    display:inline;
}

.tzSelectAlt1 .selectBox .icon {
    width:10%;
    height:25px;
    overflow: hidden;
    background-image:url('../img/ui-icons_454545_256x240.png');
    background-position: -64px -10px;
    float:left;
    display:inline;
}

.tzSelectAlt1 .selectBox.expanded .icon {
    background-position: 1px -10px;
}

.tzSelectAlt1 .selectBox {
    padding: 2px 0 0 5%;
    
    box-shadow: 0 1px 1px #999999 inset;
    border: 1px solid #e5e5e5;

    height: 33px;
    width: 95%;

    /* Font settings */
    background: white;
    color: #555555;
    line-height: 31px;
    font-size: 20px;
    font-weight: bold;

    cursor:pointer;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.tzSelectAlt1 .selectBox .sbContent {
    width: 90%;
    overflow: hidden;
    float: left;
    display: inline;
}

.tzSelectAlt1 .selectBox .arrow {
    margin: 5px;
    float: right;
    display: inline;
}
.tzStateDropdown .selectBox .sbContent {
  
    font-size: 17px;
}

.tzSelectAlt1 .selectBox .calendar {
    margin: 10px 10px 0 0;
    float: right;
    display: inline;
}

.tzSelectAlt1 .selectBoxDisabled {
    padding: 2px 0 0 5%;
    
    box-shadow: 0 1px 3px #a4a4a4 inset;
    border: 1px solid #bababa;

    height: 33px;
    width: 95%;

    /* Font settings */
    background: #dedede;
    color: #bababa;
    line-height: 31px;
    font-size: 20px;
    font-weight: bold;

    cursor:pointer;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.tzSelectAlt1 .selectBoxDisabled .calendar {
    margin: 10px 10px 0 0;
    float: right;
    display: inline;
}

.tzSelectFontSize16 .selectBox .sbContent {
    font-size:16px;
}

/* used with registration modal dropdowns */
.marginLeft10 { margin-left:10px; }
.phColor { color: #AEAEAE; }
.dColor { color: #444444; }
.tzSelectAlt2 { height:25px; display:block; min-width:200px; position:relative; display:inline-block; z-index:1; }
.tzSelectAlt2.expanded { z-index:2; }
.tzSelectAlt2 .selectBox:hover, .tzSelectAlt1 .selectBox.expanded { }
.tzSelectAlt2 .selectBox .copy { width:90%; height:25px; margin-top:-5px; overflow: hidden; float:left; display:inline; }
.tzSelectAlt2 .selectBox .icon { width:10%; height:25px; overflow: hidden; background-image:url('../img/ui-icons_454545_256x240.png'); background-position: -64px -10px; float:left; display:inline; }
.tzSelectAlt2 .selectBox.expanded .icon { background-position: 1px -10px; }
.tzSelectAlt2 .selectBox { padding: 0 0 0 10%; box-shadow: 0 1px 2px #999 inset; border: 1px solid #ccc; height: 30px; width: 90%; background: white; color: #555555; line-height: 31px; font-size: 12px; font-weight: bold; cursor:pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }
.tzSelectAlt2 .selectBox .sbContent { width: 90%; overflow: hidden; float: left; display: inline; }
.tzSelectAlt2 .selectBox .arrow { margin: 2px 5px 5px 5px; float: right; display: inline; }
.tzSelectAlt2 .selectBoxDisabled { padding: 0 0 0 10%; box-shadow: 0 1px 3px #a4a4a4 inset; border: 1px solid #bababa; height: 33px; width: 95%; background: #dedede; color: #bababa; line-height: 31px; font-size: 20px; font-weight: bold; cursor:pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }
/* ===========================
   ======== Sidekick ========== 
   =========================== */
   
.categoryBottom {
	display: table;
	margin: 20px auto;
	padding-bottom: 23px;
}
.sideKick img{
	border-radius: 5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35);
	-ms-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35);
	-o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35);
        behavior: url('/js/pizzahut/site/PIE.htc');
}
.kickLeft {
	margin: 0 20px 0 0;
	float: left;
	width: 476px;
	height:175px;
}
.kickRight {
	margin: 0 0 2% 0;
	float: left;
	margin: 0 0 2% 0;
	width: 476px;
	height:175px;
}
/*** H E A D E R  ***/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

#ph_logo {
    cursor: pointer;
}
.backNavContainer {
	background:#cb0000;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius:5px 5px 5px 5px;
	width:55px;
	height:20px;
}
.backNavContainer ul li {
	float: right;
	margin-right: 10px;
	margin-top: 3px;
}
.topNavContainer ul li:first-child a {
	padding-left:5px;
}

.topNavContainer ul li {
    font-size: 12px!important;
    font-family: "Arial";
    font-weight: bold;
}

.topNavContainer, .backNavContainer {
//	font-size: 0.8em;
	list-style-type: none;
	margin: 18px 0 0;
	padding: 0;
    width:520px;
	text-align: left;
}
.topNavContainer ul, .backNavContainer ul {
	margin: 0;
	padding: 0;
}
.topNavContainer ul li, .backNavContainer ul li {
	display: inline;
        font-size: 12px !important;
}
.topNavContainer ul li a, .backNavContainer ul li a {
	color: #FFFFFF;
	font-family: "Arial";
        font-weight: bold;
	font-size:12px;
	padding: 2px 0 0 13px;
	text-decoration: none;
}
.topNavContainer ul li a:hover, backNavContainer ul li a:hover, .introTextContent a:hover {
//	text-decoration: underline;
}
.icon {
	float: right;
	margin: 0 10px;
}
#select-em-size, #select-em-topp {
    float: right;
    margin-bottom: 15px;
    margin-right: 8px;
    width: 173px;
}
#select-em-size > .redArrowDn, #select-em-topp > .redArrowDn {
	top:16px;
}
input, select {
    -ms-box-shadow:none;	border: 0 none;
    -ms-box-shadow:none;
    -moz-box-shadow:0 1px 1px #999999 inset;
    -webkit-box-shadow:0 1px 1px #999999 inset;
    box-shadow:0 1px 1px #999999 inset;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border:1px solid #e5e5e5;
    font-size: inherit;
    padding: 10px 20px 10px 10px;
}
.mainHeader {
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-ms-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	background: none repeat scroll 0 0 #EE0000;
    border-radius: 0 0 5px 5px;
	box-shadow:0 0 4px 2px rgba(1, 1, 1, 0.4);
	-moz-box-shadow:0 0 4px 2px rgba(1, 1, 1, 0.4);
	-ms-box-shadow:0 0 4px 2px rgba(1, 1, 1, 0.4);
	-o-box-shadow:0 0 4px 2px rgba(1, 1, 1, 0.4);
	-webkit-box-shadow:0 0 4px 2px rgba(1, 1, 1, 0.4);

    -moz-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
    -ms-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
    -o-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
    -webkit-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
    height: 110px;
    margin: 0 25px;
    position: absolute;
    top: 0;
    width: 970px;
    z-index: 301;
    behavior: url('/js/pizzahut/site/PIE.htc');
}
.mainHeader img {
	width: 20%;
	height: auto;
	margin: 1% 3%;
}
.topNavContainer, .backNavContainer {
    font-size: 0.8em;
    list-style-type: none;
    margin: 18px 0 0;
    padding: 0;
    text-align: left;
}

.topNavContainer ul, .backNavContainer ul {
    margin: 0;
    padding: 0;
}

/* Flexnav Base Styles */
.mainHeader nav {height:43px;}
.flexnav {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-transform-style: preserve-3d;
	overflow: visible; /* changed from hidden as part of PH-2343 */
	float: left;
	margin: 0 auto;
	/*width: 100%;*/
	width:60%;
	max-height: 0;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-font-smoothing:antialiased;
}
.flexnav.opacity {
	opacity: 0;
}
.flexnav.flexnav-show {
	max-height: 2000px;
        background-color: #990000;
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.flexnav.one-page {
	position: fixed;
	top: 50px;
	right: 5%;
	max-width: 200px;
}
.flexnav li {
	font-size: 100%;
	position: relative;
	overflow: hidden;
}
.flex-deals a {background: none repeat scroll 0 0 #009A16;
    border-left: medium none !important;}

.flexnav li:last-child {border-right:none;}
.flexnav li a {
    border-right: 1px solid #780000;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 2;
}

.flexnav li ul {
	width: 100%;
}
.flexnav li ul li {
	font-size: 100%;
	position: relative;
	overflow: hidden;
}
.flexnav li ul.flexnav-show li {
	overflow: hidden;
}
//.flexnav li a:hover {background:#EE0000;}
//.flexnav li ul li a:hover {background:#EE0000;}
.flexnav li ul li a {
	text-align:left;
	background: none repeat scroll 0 0;
        border-left: medium none;
	border-right: medium none;
	box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
}

.flexnav ul li ul li a {
	background: #bfbfbc;
}
.flexnav ul li ul li ul li a {
	background: #cbcbc9;
}
.flexnav .touch-button {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	display: inline-block;
/*	background: #acaca1;
	background: rgba(0, 0, 0, 0.075);*/
	text-align: center;
}
.flexnav .touch-button:hover {
	cursor: pointer;
}
.flexnav .touch-button  {
/*color: #666666;
font-size: 12px;
left: 0.25em;
position: relative;
top: 1.4em;*/
  background-position: -454px -395px;
    float: right;
    height: 15px;
    margin-right: 10px;
    margin-top: 15px;
    width: 14px;
}
.pizzaNav {
border-radius: 0 0 0 5px !important;
-moz-border-radius: 0 0 0 5px !important;
-ms-border-radius: 0 0 0 5px !important;
-o-border-radius: 0 0 0 5px !important;
-webkit-border-radius: 0 0 0 5px !important;
overflow: hidden;
}

#more_submenu {
    background-color: #990000;
}
.pizzaNav:hover{border-radius: 0 0 0 5px !important; background-color: #ee0000; }
.npNav:hover{ background-color: #ee0000!important; }
.menu-button {
    background: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-color: #990000;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: 'Interstate';
    font-size: 21px;
    font-weight: bold;
    padding: 10px 15px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
}
.menu-button.one-page {
	position: fixed;
	top: 0;
	right: 5%;
	padding-right: 45px;
}
.menu-button .touch-button {
	background: transparent;
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align: center;
}
.menu-button .touch-button .navicon {
	font-size: 16px;
	position: relative;
	top: 1em;
	color: #666;
}

.alertOverlay {
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background: none repeat scroll 0 0 #FFFFFF;
    -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    color: #000000;
    margin: 0 auto;
    text-align:center;
    width: 418px;
    padding:25px;
    cursor:default;
}

.pb_alertYellowBtn, .pb_alertBlackBtn {font-size: 16px;margin: 0 5px;padding: 10px 30px;}

.floatRight {
    float: right;
}
.alertBtnContainer {display: inline-block; margin-top: 15px;}

body.one-page {
	padding-top: 70px;
}
.flexnav {
	overflow: visible;
}
.flexnav.opacity {
	opacity: 1;
}
.flexnav.one-page {
	top: 0;
	right: auto;
	max-width: 1080px;
}
.flexnav li {
    background-color: #AC0000;
    display: inline-block;
    float: left;
    list-style: none outside none;
    overflow: visible;
    position: relative;
    top:1px;
    width: 100px!important; /* added in PH-2343 */
}

.flexnav li a {

}
.flexnav li > ul {
	position: absolute;
	top: auto;
	left: 0;
}
.flexnav li > ul li {
	width: 100%;
}
.flexnav li ul li > ul {
	margin-left: 100%;
	top: 0;
}
.flexnav li ul li a {
	border-bottom: none;
}
.flexnav li ul.open {
	display: block;
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.flexnav li ul.open li {
	overflow: hidden;
	max-height: 100px;
}
.flexnav li ul.open ul.open {
	margin-left: 100%;
	top: 0;
}
.menu-button {
	display: none;
}

.oldie body.one-page {
	padding-top: 70px;
}
.oldie .flexnav {
	overflow: visible;
}
.oldie .flexnav.one-page {
	top: 0;
	right: auto;
	max-width: 1080px;
}
.oldie .flexnav li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	background-color: #a6a6a2;
	width: 20%;
	min-height: 50px;
	overflow: visible;
}
.oldie .flexnav li:hover > ul {
	display: block;
	width: 100%;
	overflow: visible;
}
.oldie .flexnav li:hover > ul li {
	width: 100%;
	float: none;
}
.oldie .flexnav li a {
	border-left: 1px solid #acaca1;
	border-bottom: none;
	overflow: visible;
}
.oldie .flexnav li > ul {
	background: #acaca1;
	position: absolute;
	top: auto;
	left: 0;
	display: none;
	z-index: 1;
	overflow: visible;
}
.oldie .flexnav li ul li ul {
	top: 0;
}
.oldie .flexnav li ul li a {
	border-bottom: none;
}
.oldie .flexnav li ul.open {
	display: block;
	width: 100%;
	overflow: visible;
}
.oldie .flexnav li ul.open li {
	width: 100%;
}
.oldie .flexnav li ul.open ul.open {
	margin-left: 100%;
	top: 0;
	display: block;
	width: 100%;
	overflow: visible;
}
.oldie .flexnav ul li:hover ul {
	margin-left: 100%;
	top: 0;
}
.oldie .menu-button {
	display: none;
}
.oldie.ie7 .flexnav li {
	width: 19.9%;
}


/* ===========================
   ======= CTA Buttons ====== 
   =========================== */
.startOrderBtn {
	box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
	-moz-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
	-ms-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
	-o-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
	-webkit-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
	float: right;
	font-family: 'Interstate' !important;
	font-size: 24px;
	font-weight: bold !important;
	position: relative;
	right: -3px;
	top: -46px;
	z-index: 2;
        height: 51px;
        width: 474px;
}
.SYOCopy {
    padding-top: 10px;
}
/* C A R T   L O C A L I Z A T I O N  */
.cartLocalization {
    background: url("https://www.pizzahut.com/assets/w/images/footerTileSprite.png");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 -7px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
    -moz-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
    -ms-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
    -webkit-box-shadow: 0 0 4px 2px rgba(1, 1, 1, 0.4);
    color: #FFFFFF;
    display: inline-block;
    float: right;
    font-family: 'Interstate' !important;
    font-weight: bold !important;
    height: 51px;
    position: relative;
    right: -3px;
    top: -46px;
    width: 474px;
    z-index: 2;
    behavior: url('/js/pizzahut/site/PIE.htc');
}
#CartOrder {
    width: 150px;
}
.cartLocalization .floatRight .viewOrder {
    color:#FAB731;
    border-left: 1px solid #666666;
    height: 50px;
    line-height: 50px;
    padding: 0 10px 0 20px;
    cursor: pointer;
    display: none;
}
.viewOrder a {
    color:#FAB731;
    margin-left: 20px;
    text-decoration: none;
}
.locationAddress {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 230px;
}
.cartOccasion {
    display: inline;
    float: left;
    font-size: 11px;
    margin-top: 10px;
}
span.locationChange {
    color: #FAB731;
    display: inline;
    font-size: 10px;
    padding-left: 10px;
    text-decoration: underline;
    text-transform: capitalize;
    cursor: pointer;
}
span.locationChange:hover {
    text-decoration: none;
}
.cartLocalization .floatLeft, .cartLocalization .floatRight {
     display: inline;
}
.cartLocalization .floatRight {
    height: 51px;
    margin-right: 10px;
    padding-left: 20px;
    width: 133px;
}
.cartAmount {
    font-size: 22px;
    margin-right: 10px;
    text-align: right;
    width: 130px;
}
.cartAmount .cartIcon-white {
    margin-top: 10px;
    display: inline;
}
.cartQty {
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
}
/* S T A R T   Y O U R   O R D E R   & C A R T  I C O N S  */

.hutLove Email, .btnArrow, .hutLoveEmail, .widgetClose_Btn, .icon-fb, .icon-tw, .icon-youTube, .icon-app, .qo_logo, .deliveryIcon-red, .deliveryIcon-default,.deliveryIcon-white, .carryoutIcon-red, .carryoutIcon-default, .carryoutIcon-white,.cartCounter-white, .cartIcon-yellow,
.cartdelivery-white,.cartcarryout-white, .cartCounter-red,.cartIcon-yellow,.cartIcon-white,.cartCheckoutArrow, .moreMenu-Arrow, .icon-bookIt {
	background:url(https://www.pizzahut.com/assets/w/images/sprites-home.png) no-repeat;
}
.carryoutIcon-red, .carryoutIcon-default {
	float: left;
	height: 22px;
	margin-right: 10px;
	margin-top: 5px;
	width: 38px;
}
.carryoutIcon-red {
	background-position: -393px -429px;
}
.carryoutIcon-default {
	background-position: -393px -453px;
}
.deliveryIcon-red, .deliveryIcon-default, .deliveryIcon-white {
	float: left;
	height: 32px;
	margin-right: 10px;
	width: 29px;
}
.deliveryIcon-red {
	background-position: -443px -429px;
}

.deliveryIcon-default {
	background-position: -443px -465px;
}

.cartcarryout-white {
    background-position: -395px -490px;
    float: left;
    height: 28px;
    margin: 11px 15px 0;
    width: 29px;
}
.cartdelivery-white {
    background-position: -440px -498px;
    float: left;
    height: 28px;
    margin: 11px 15px 0;
    width: 29px;
}
.cartIcon-yellow, .cartIcon-white {
    height: 28px;
    margin-right: 105px;
    margin-top: 13px;
    width: 28px;
}
.cartIcon-yellow {
   background-position: -474px -498px;
}
.cartIcon-white {
   background-position: -474px -469px;
}
.cartCounter-red {
    background-position: -40px -167px;
    height: 19px;
    position: absolute;
    right: 120px;
    top: 8px;
    width: 19px;
}
.moreMenu-Arrow {
    background-position: -454px -391px;
    float: right;
    height: 15px;
    margin-right: 0;
    width: 14px;
}
.cartCheckoutArrow {
   background-position: -94px 2px;
    display: inline-block;
    height: 12px;
    margin-left: 5px;
    margin-top: 2px;
    width: 11px;
}
/*** A L E R T  M E S S A G E  **/
#modal_change .alertOverlay {padding:45px !important;}

.alertOverlay {
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background: none repeat scroll 0 0 #FFFFFF;
    -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    color: #000000;
    margin: 0 auto;
    text-align:center;
    width: 418px;
    padding:25px;
    cursor:default;
}
.alertOverlay h3 {font-size: 20px;font-weight: bold;margin-bottom:15px;}
.alertOverlay p {font-size: 15px;font-weight:normal;letter-spacing: -0.25px;margin-bottom:10px;}
.alertBtnContainer {display: inline-block;}
#checkoutValidation p  {text-align:left !important;}
#checkoutValidation .pb_alertYellowBtn {position: relative;}
.pb_alertYellowBtn, .pb_alertBlackBtn {font-size: 16px;margin: 0 5px;padding: 10px 30px;}

/*** F O O T E R  ***/
.SEOFooter .categoryNavFooter {
    border-bottom: 1px solid #F36761;
    border-top: 1px solid #F36761;
    overflow: hidden;
    padding-bottom: 10px;
    margin-top:35px;
}
.SEOFooter sup {
    font-size: 65%;
    top: -0.01em;
}
.categoryNavFooter div.navColumn {
    float: left;
    padding: 1px 7px 22px 5px;
    width: 188px;
}
.categoryNavFooter {
    border-bottom: 1px solid #F36761;
    margin: 0 0 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 10px;
}
.categoryNavFooter h5 {
    color: #FFD441;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
    text-transform: capitalize;
}

.address-suggestions p {
	font-size: 16px;
	font-weight: normal;
	margin-top: 5px;
	padding-bottom: 20px;
	width: 475px;
}
ol, ul {
    list-style: none outside none;
}
.categoryNavFooter ul li a:hover {
	text-decoration:underline;
}
a:link, a:visited, a:focus {
	outline-style: none;
	outline-width: medium;
	text-decoration: none;
}
.categoryNavFooter ul li {
    margin-bottom: 10px;
    margin-right: 15px;
}
.categoryNavFooter ul li a:link, .categoryNavFooter ul li a:visited, .categoryNavFooter ul li a:active {
    color: #FFFFFF;
    font-family: "Arial";
    font-size: 11px;
    font-weight: bold;
    line-height: 10px;
}
.hutLoverSignUp {
    float: left;
    margin: 4px 0 10px;
    padding: 7px 57px 6px 4px;
    width: 195px;
}
.companyInfo, .companyInfo p {
    color: #D98080;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
}
.copyright {
    color: #D98080;
    font-size: 10px;
    text-align: center;
}
.hutLoverSignUp {
       float: right;
    padding: 5px 15px 3px 20px;
    width: 195px;
    background:#cc0000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.socialBtn {
    background: none repeat scroll 0 0 #CA0000;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-border-radius: 7px;
    cursor: pointer;
    float: left;
    height: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 0 5px 5px;
    width: 120px;
}
sup {
    font-size: 75%;
    position: relative;
    top: -0.4em;
}
.social-Icons {
    float: left;
    display: inline-block;
    padding-right: 6px;
}
.socialBtn p {
    color: #FFFFFF;
    font-size: 11px;
    line-height: 14px;
    width: 109px;
}
.hutLoveEmail {
    background-position: -320px -429px;
    display: inline-block;
    float: left;
    height: 43px;
    width: 64px;
}
.hoverPointer:hover {
    cursor: pointer;
}
.icon-fb {
    background-position: -211px -10px;
    height: 32px;
    width: 32px;
}
.icon-tw {
    background-position: -260px -10px;
    height: 32px;
    width: 32px;
}
.hutLoverSignUp p {
    color: #ffffff;
    font-size: 11px;
    letter-spacing: -0.55px;
    line-height: 14px;
    margin-top: 5px;
    padding-bottom: 0;
    text-align: left;
}
.icon-youTube {
    background-position: -408px -10px;
    height: 32px;
    width: 32px;
}
.icon-bookIt {
    background-position: -124px -9px;
    height: 32px;
    margin-left: 6px;
    padding-right: 10px;
    width: 23px;
}
.icon-app {
    background-position: -153px -3px;
    height: 44px;
    margin-left: -6px;
    margin-top: -9px;
    width: 39px;
}
.qo_logo {
    background-position: -498px -203px;
    float: left;
    height: 34px;
    margin-top: 10px;
    width: 152px;
}

/*=========================== O V E R L A Y   C O N T E N T  =====================
=========================================================================== */
.storeLocationOverlay {
    position: relative;
    width: 380px;
    left:480px;
    top: 16px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;

    background: #FFFFFF;
    box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -moz-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -ms-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -o-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    -webkit-box-shadow: 0 1px 3px 2px rgba(1, 1, 1, 0.4);
    color: #222222;

    display: none;
    letter-spacing: -.035em;
    /*z-index: 3001;*/
}
.storeLocationOverlay:before{
    border-color: transparent transparent #FFD441;
    border-image: none;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 43px;
    margin-left: -6px;
    position: absolute;
    top: -23px;
}
.current {float:left;margin-left:3px;}
.storeLocationContainer {
    float: left;
    padding: 15px 25px 15px 25px;
    text-align: center;
    width: 330px;
    z-index: 390;
}
.locatorIntroText {
    background: none repeat scroll 0 0 #FFD441;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    line-height: 20px;
    padding: 5px 0 5px 10px;
    text-align: left;
}
.locatorIntroText h2 {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
}
.locatorIntroText p {
	color: #555555;
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	margin-top: 4px;
	padding-bottom: 7px;
}
.storeLocationContainer p {
	color: #000000;
	font-size: 14px;
	line-height: 18px;
}
.storeLocationContainer .yButtonTemplate { 
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 12px 0 12px;
    width: 100px;
    padding: 6px 0;
}
.occasion_switch {text-decoration: underline;}
.storeInfo, .storeDetails {color:#000;font-size:11px;}
.storeInfo {line-height: 18px;padding: 20px 0 0;}
.storeDetails a, .editStoreInfo a {
	color: #CA0000;
	font-size: 11px;
	font-weight: bold;
}
.editStoreInfo a {
    line-height: 25px;
    padding-right: 45px;
    white-space: nowrap;
}
.occasionText {
    margin-bottom: 10px;
    background-color: #ffd441;
    color: #000000;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 8px;
    white-space: nowrap;
}
#occasionAddress, #fcLocationAddress {
    display: inline-block;
    width: 295px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#fcLocationAddress {
    width: 400px;
}
.storeLocationContainer a {
	color: #CA0000;
	font-weight: bold;
	padding-right: 23px;
	font-size:11px;
}
.result-store-alert {
	float: left;
	text-align:left;
	padding-left: 50px;
	width: 350px;
	padding-bottom: 20px;
}
.alert-circle {
	background: url(https://www.pizzahut.com/assets/w/images/sprites-home.png) no-repeat;
	background-position: -58px -211px;
	width: 29px;
	height: 28px;
	display: inline-block;
	float: left;
	margin-right: 5px;
}
.alert-circle-big {
	background: url(https://www.pizzahut.com/assets/w/images/sprites.png) no-repeat;
	background-position: -107px -209px;
	width: 31px;
	height: 32px;
}
#login-widget .row a:hover, #syo-widget .row a:hover, .checkoutConfirm_Signup a:hover {
    color: #CA0000 !important;
    text-decoration: underline !important;
}
#login-widget .row a, #syo-widget .row a {
    color: #CA0000;
    font-size: 12px;
    text-decoration: none;
}
.result-list .storePhone {
    font-size: 13px;
    line-height: 10px;
    white-space: nowrap;
}
#syo-widget .row a {
    float: right;
    margin-right: -4px;
    margin-top: -4px;
    padding-bottom: 5px;
    vertical-align: bottom;
}
.syo-findLocation.yButtonTemplate {
    margin:13px auto 0 158px;
    padding: 7px 25px;
}

#syo-widget .floating-error {font-size: 14px;}
#login-widget .lwBody .row .data .inpt {float: left;}
#login-widget .loginBtn {
    font-size: 18px;
    margin-top: 2px;
    padding: 10px 30px;
}
#login-widget .lwBody .row .data {margin-top: 5px;width: 330px;}
#login-widget .lwBody .row {clear: both;margin-top: 20px;width: 100%;}

/* menu with CSS dropdowns */
#nav ul ul { display: none; }
#nav ul li:hover >ul { display: block;}


/*** T O O L T I P  ***/
.tileTooltip {
    position: absolute;
    width: 200px;
    font-size: 12px;
    color: black;
    background-color: #FFD441;
    z-index: 2;
    padding: 13px;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
}
.tileTooltip p {
    font-size: 12px;
    margin-bottom:6px;
}

/* width of price on tile button -- to be removed */
.amtWidth {
    position: relative;
    left: -7px;
}

/* dropdowns for troublesome iOS styled dropdowns */
.iosSelect {
    font-family: 'Interstate',sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-left: 13px;
    padding-right: 33px;
    margin: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #888;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    overflow: hidden;
    position: relative;
    top: -7px;
}

.iosLabel {
    position: relative;
}

.iosLabel:after {
    content: '>';
    font: 14px "Consolas", monospace;
    font-weight: bolder;
    color: red;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    right: 12px;
    top: 4px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none;
}

.iosLabel:before {
    content: '';
    right: 6px;
    top: 0;
    width: 20px;
    height: 20px;
    background: #f8f8f8;
    position: absolute;
    pointer-events: none;
    display: block;
}
#flirzelkwerp_red {
    height: 97px;
    width: 97px;
}
.same_as_above{
   color:#444; 
   font-size:10px;
}