BODY 
{
	color:#000000; 
	FONT-FAMILY: "Arial"; 
	FONT-SIZE: 9pt; 
	LINE-HEIGHT:normal;
	background-image:url(/templates/olos/en/images/body_bg.gif);
	margin:0px;
	padding:0px;

}

div, h1, h2, p, form, label, input, textarea, img, span,td{	
	font-size:9pt;
}

#survey
{
    padding-left:10px;
  
    }

#confirmMsg
{
    padding:10px;
    font-size:16px;
}

#centerpane
{
    /*position:absolute;
    left:50%; 
    margin-left:-500px;
    z-index:50;
   margin-left: auto; 
margin-right: auto;
width: 50em;*/

text-align: left;
width: 980px;
margin: 0 auto

}

#debugDiv{
	position:absolute;
	width:300px;
	height:350px;
	overflow:auto;
	background-color:white;
	border:1px solid #dddddd;
	color:black;
	display:none;
	visibility:hidden;
}

#header{
	width:980px;
	height:90px;
	background-image:url(/templates/olos/en/images/hk/top_bg.jpg);
}

#footer{
	width:980px;
	height:30px;
}


#home_top_left
{
	float:left;
	margin:7px;
	text-align:center;
	
}

#home_top_right
{
	float:left;
	clear:right;
	margin:7px;
	text-align:center;
}

#home_bottom
{
	margin:7px;
	text-align:center;	
}

.main_menu{
	position:absolute;
	margin-left: 20px;
	margin-top:65px;
	color:White;	
	text-decoration:none;
	display:inline;
	float:left;
}

.main_menu ul {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	FONT: 11px Arial, Verdana, sans-serif; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
}

.main_menu li{
	DISPLAY: inline; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 0px 0px; 
	PADDING-TOP: 0px
}

.main_menu li a
{	
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:White;
	text-decoration:none;
}

.main_menu a:hover
{
	color:#f7ff9c;
	cursor:hand;
	text-decoration:underline;
}

.main_menu li a:link
{
	color:White;
	text-decoration:none;
}

.main_menu_div{
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: #587E27 1px solid; 
	Z-INDEX: 100; 
	VISIBILITY: hidden; 	 
	BORDER-BOTTOM: black 0px solid; 
	POSITION: absolute; TOP: 0px; 
	
}

.main_menu_div ul {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	FONT: 11px Arial, Verdana, sans-serif; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
}

.main_menu_div li{
	DISPLAY: block; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 0px 0px; 
	PADDING-TOP: 0px
}

.main_menu_div li a
{	
	width:100%;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:White;
	background-color:blue;
	text-decoration:none;
}

.main_menu_div a:hover
{
	color:#f7ff9c;
	cursor:hand;
	text-decoration:underline;
	
}

.main_menu li a:link
{
	color:White;
	text-decoration:none;
}

#body{
	width:1000px;
	margin:0;
	overflow:visible;
	background-image:url(/templates/olos/en/images/main_body_bg.gif);	
	background-repeat:repeat-y;
}

#mid{
	padding:0px;
	width:706px; 
	float:left;
}
	/*background-color:#ddcbb5;*/

#right{
	width:254px;	
	float:left;
	padding:10px;	
	clear:right;
}

#right_express_button{
	width:211px;
	padding:20px;
}

#right_member_login{
	width:251px;
}

#right_member_login .header{
	margin:0 0 0 0;
	position:relative;
	width:238px;
	height:30px;
	background-image:url(/templates/olos/en/images/member_bar_top.gif);	
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:8pt;
	font : Arial, Helvetica, sans-serif;
	padding:23px 5px 0 8px;
	
}

#right_member_login .header a
{
	color:#ffffff;
	font : Arial;
	text-decoration : none
}
	
#right_member_login .header a:hover
{
	color:#ffffff;
	font : Arial;
	text-decoration : underline
}

#right_member_login .body
{
	width:238px;
	padding:5px;
	padding-left:8px;
	color:#000000;
	font : Arial;
	background-image:url(/templates/olos/en/images/member_bar_bg.gif);
	background-repeat:repeat;
}

#right_member_login .footer
{
	background-image:url(/templates/olos/en/images/member_bar_bottom.gif);
	width:251px;
	height:7px;
	background-repeat:no-repeat;
}




#right_member_registration{
	width:251px;
	text-align:center;
}

#right_member_registration .header{
	margin:0 0 0 0;
	position:relative;
	width:238px;
	height:10px;
	background-image:url(/templates/olos/en/images/2008pizzacard/member_bar_top2.gif);	
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:8pt;
	font : Arial;
	padding:23px 5px 0 8px;
	
}

#right_member_registration .header a
{
	color:#ffffff;
	font : Arial;
	text-decoration : none
}
	
#right_member_registration .header a:hover
{
	color:#ffffff;
	font : Arial;
	text-decoration : underline
}

#right_member_registration .body
{
	width:238px;
	padding:5px;
	padding-left:8px;
	color:#000000;
	font : Arial;
	font-size:14px;
	text-align:left;
	background-image:url(/templates/olos/en/images/member_bar_bg.gif);
	background-repeat:repeat;
}

#right_member_registration .footer
{
	background-image:url(/templates/olos/en/images/member_bar_bottom.gif);
	width:251px;
	height:7px;
	background-repeat:no-repeat;
}


#content
{
	padding:10px;
}

#content .title1{
	color:#993300;
	font-size: 14px;
	font-weight:bold;
}

#content .content1{
	color:#000000;
	font-size: 10px;
}

#menu_title{
	padding:13px 0px 0px 0px;
	margin:5px 0px 0px 20px;
	background-image:url(/templates/olos/en/images/menu_title_bg.gif);
	color:#ffffff;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	width:656px;
	height:24px;
}

#menu_items{
	color:White;	
	text-decoration:none;
	display:block;
}

#menu_items .item_size1
{
	background-image:url(/templates/olos/en/images/border_size1.gif);
	background-repeat:no-repeat;
	width:213px;
	height:185px;	
	padding: 12px 3px 12px 3px; 	
	margin: 5px; 
	float:left;
}

#menu_items .item_size1 img.food{
	width:213px;
	height:99px;
	display:block;
	border:none;
}

#menu_items .item_size1 .title
{
	width:153px;
	height:45px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #660000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

#menu_items .item_size1 .desc{
	padding:5px;
	FONT-SIZE: 13px; 
	COLOR: #000000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

#menu_items .item_size1 .buyButton{
	width:105px;
}

#menu_items .item_size1 .icons{
	width:108px;
}

#menu_items .item_size1 .pizza{
	color:#000000;
	font-family: "Arial", "Helvetica", "sans-serif";
	
	font-size: 11px;
	padding-left:10px;
}

#menu_items .item_size1 .price
{
	color:#000000;
	font-family: "Arial", "Helvetica", "sans-serif";
	FONT-WEIGHT: bold; 
	font-size: 12px;
	
}

#menu_highlight_title{
	padding:13px 0px 0px 0px;
	margin:5px 0px 0px 20px;
	background-image:url(/templates/olos/en/images/menu_title_bg.gif);
	color:#ffffff;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	width:656px;
	height:24px;
	
}

#menu_highlight_items{
	color:White;	
	text-decoration:none;
	display:block;
}

#menu_highlight_items .item_size1
{
	background-image:url(/templates/olos/en/images/border_size1.gif);
	width:213px;
	height:185px;	
	padding: 12px 3px 12px 3px; 	
	margin: 5px; 
	float:left;
}

#menu_highlight_items .item_size1 img.food{
	width:213px;
	height:99px;
	display:block;
	border:none;
}

#menu_highlight_items .item_size1 .title
{
	width:153px;
	height:45px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #660000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

#menu_highlight_items .item_size1 .desc{
	padding:5px;
	FONT-SIZE: 13px; 
	COLOR: #000000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

#menu_highlight_items .item_size1 .buyButton{
	width:105px;
}

#menu_highlight_items .item_size1 .icons{
	width:108px;
}


#menu_highlight_items .item_size1 .price
{
	color:#000000;
	font-family: "Arial", "Helvetica", "sans-serif";
	FONT-WEIGHT: bold; 
	font-size: 12px;
	
}
/*ddo offer*/
#menu_ddo_title{
	padding:13px 0px 0px 0px;
	margin:5px 0px 0px 20px;
	background-image:url(/templates/olos/tc/images/menu_title_bg.gif);
	color:#ffffff;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	width:656px;
	height:24px;
	
}

#menu_ddo_items{
	color:White;	
	text-decoration:none;
	display:block;
}

#menu_ddo_items .item_size1
{
	background-image:url(/templates/olos/tc/images/border_size1.gif);
	width:213px;
	height:185px;	
	padding: 12px 3px 12px 3px; 	
	margin: 5px; 
	float:left;
}

#menu_ddo_items .item_size1 img.food{
	width:213px;
	height:99px;
	display:block;
	border:none;
}

#menu_ddo_items .item_size1 .title
{
	width:153px;
	height:45px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #660000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

#menu_ddo_items .item_size1 .desc{
	padding:5px;
	FONT-SIZE: 13px; 
	COLOR: #000000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

#menu_ddo_items .item_size1 .buyButton{
	width:105px;
}

#menu_ddo_items .item_size1 .icons{
	width:108px;
}


#menu_ddo_items .item_size1 .price
{
	color:#000000;
	font-family: "Arial", "Helvetica", "sans-serif";
	FONT-WEIGHT: bold; 
	font-size: 12px;
	
}

#menu_items
{
		
}

#menu_items .combo_item_size1
{
	background-image:url(/templates/olos/en/images/border_combo_size2.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:219px;
	height:300px;	
	padding: 12px 3px 12px 9px; 	
	margin: 1px; 
	float:left;
}

#menu_items .combo_item_size1 .price
{
	background-image:url(/templates/olos/en/images/price_bg_small.gif);
	BACKGROUND-REPEAT: no-repeat;
	width:66px;
	height:60px;	
	font-size:14pt;
	font-weight:bold;
	font-style:italic;
	padding:28px 5px 0px 3px;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	font-family:Serif;
	position:relative;
	top:5px;
	left:-5px;
}

#menu_items .combo_item_size1 img.food{
	width:213px;
	height:137px;
	display:block;
	border:none;
}

#menu_items .combo_item_size1 .title
{
	width:153px;
	height:45px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #660000; 
	padding-left: 8px;
	padding-top:10px;
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

#menu_items .combo_item_size1 .desc{
	padding:5px;
	FONT-SIZE: 13px; 
	COLOR: #000000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

#menu_items .combo_item_size1 .buyButton
{
	width:119px;
	
}

#menu_items .combo_item_size1 .icons
{
	
	width:100px;
	padding-top:10px;
}


#menu_highlight_items .combo_item_size3
{
	width:672px;
	height:350px;	
	padding:0px;
	margin: 14px; 
	position:relative;
}


#menu_highlight_items .combo_item_size3 .title
{
	width:153px;
	height:45px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #660000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}


#menu_highlight_items .combo_item_size3 .buyButton
{
	position:absolute;
	left:27px;
	top:300px;
}

/*freeoffer*/
.freeOfferLayer
{
	position:absolute;
	width:690px;	
	top:120px;
	left:110px;
	z-index:101;
}

#menu_freeoffer_items{
	color:White;	
	text-decoration:none;
	display:block;
}

#menu_freeoffer_items .item_size1
{
	background-image:url(/templates/olos/tc/images/border_size1.gif);
	width:213px;
	height:185px;	
	padding: 12px 3px 12px 3px; 	
	margin: 5px; 
	float:left;
}

#menu_freeoffer_items .item_size1 img.food{
	width:213px;
	height:99px;
	display:block;
	border:none;
}

#menu_freeoffer_items .item_size1 .title
{
	width:153px;
	height:45px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #660000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

#menu_freeoffer_items .item_size1 .desc{
	padding:5px;
	FONT-SIZE: 13px; 
	COLOR: #000000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

#menu_freeoffer_items .item_size1 .buyButton{
	width:105px;
}

#menu_freeoffer_items .item_size1 .icons{
	width:108px;
}


#menu_freeoffer_items .item_size1 .price
{
	color:#000000;
	font-family: "Arial", "Helvetica", "sans-serif";
	FONT-WEIGHT: bold; 
	font-size: 12px;
	
}

#menu_footer
{
	padding:5px;
	width:600px;
}

#comparison_button
{
	padding:0;
	margin:0;
	text-align:center;
	width:662px;
	height:33px;
	padding-bottom:10px;	
}

#comparison_popup
{
	width:946px;
	height:632px;
	position:absolute;
	left:10px;
	top:140px;
	z-index:100;	
}

#comparison_popup div.title
{
	width:946px;
	height:45px;
}

#comparison_content
{
	width:946px;
	text-align:left;
	background-image:url(/templates/olos/en/images/comparison_main_bg.gif);
}

#comparison_content .item
{
	width:181px;
}

#comparison_content .item .title
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #000000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
	text-align:center;
	padding:5px;
	height:65px;
}

#comparison_content .item .desc
{
		
	height:310px;
	padding:5px;
	vertical-align:top;
	FONT-SIZE: 12px; 
	COLOR: #000000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
}

#comparison_content .item .price
{
	padding:5px;
	vertical-align:top;
	text-align:center;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #000000; 
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
	height:50px;
}

#comparison_content .item .select
{
	text-align:center;
	height:45px;
}



#comparison_content .item .line
{
	height:1px;
	background-color:#dfc39f;
}

#comparison_content .line
{
	width:2px;
	background-color:#bf8f4f;
}

.onlinePaymentTandC
{
	position:absolute;
	width:690px;	
	top:120px;
	left:110px;
	z-index:101;
}

.packageLayer
{
	position:absolute;
	width:690px;	
	top:120px;
	left:110px;
	z-index:100;
}

.packageLayer .row1
{
	background-color:#fff0d1;
}

.packageLayer .row2
{
	background-color:#f0e0c1;
}

.popup_size1
{
	position:absolute;
	background-image:url(/templates/olos/en/images/popup_size1.gif);
	width:209px;
	height:195px;
}

.popup_size1 .title
{
	position:absolute;
	left:10px;
	top:20px;
	padding-right:5px;
	color:#f5780a;
	font-family: "Arial", "Helvetica", "sans-serif";
	FONT-WEIGHT: bold; 
	font-size: 16px;
}

.popup_size1 .desc
{
	position:absolute;
	padding:0px 8px 5px 0px;
	left:12px;
	top:63px;
	color:#000000;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
}

.popup_size1 .price
{
	position:absolute;
	left:150px;
	top:150px;
	color:#f5780a;
	font-family: "Arial", "Helvetica", "sans-serif";
	FONT-WEIGHT: bold; 
	font-size: 16px;
}

#addressContent{
	width:240px;
	height:235px;
	overflow:auto;
}


/*===================================== original css ===============================*/

.contentTitle
{
	color:#ffffff;
	font-weight:bold;
	font-size:8pt;
}

.addressPanel
{
	border:solid 1px #e66422;
	background-color:#fff7d1;
	width:400px;
	height:100px;
	overflow:auto;
	padding:5px;
}
#shopPanel
{
	border:solid 1px #e66422;
	background-color:#fff7d1;
	width:450px;
	height:200px;
	overflow:auto;
	padding:5px;
}

#shopPanel hr
{
	
	border:1px solid #e66422;
}

.shopItem
{
	cursor:pointer;
	padding:6px;
}



.addrTitle
{
	font-weight:bold;
	font-size:8pt;
	color:#e66422;
}

.addrItem1
{
	background-color:#eee7c1;
	padding:7px;	
	cursor:hand;	
}

.addrItem2
{
	background-color:#fff7d1;
	padding:7px;
	cursor:hand;
}

.addrItemSelected
{
	border:solid 2px black;
	padding:5px;
	background-color:#ffffff;
	
}

.shopItemSelected
{
	border:solid 1px black;
	padding:5px;
	background-color:#ffffff;
}


.cartTitle
{
	font-weight:bold;
	font-size:9pt;
	color:#913c29;
}

.cartSubTitle
{
	font-weight:normal;
	font-size:9pt;
	color:#a1752e;
}

.cartTitle a
{
	color:#913c29;
	text-decoration:none;
	
}



.cartTitle a:link
{
	color:#913c29;
	text-decoration:underline;
}

.cartTitle a:visited
{
	color:#913c29;
	text-decoration:none;
}

.cartTitle a:hover
{
	color:#913c29;
	cursor:hand;
	
}

.cartPrice
{
	font-weight:bold;
	font-size:10pt;
	color:#e66422;
}


.cartTotal
{
	font-weight:bold;
	font-size:12pt;
	color:#e66422;
}

.col
{
	float:left;
}

#optionsLayer
{
}

#optionsLayer ul
{
	padding:0px;
	margin:0px;	
}

#optionsLayer .title
{
	font-weight:bold;
	
}

#optionsLayer li
{
	margin-left:15px;
}

#optionsLayer tr
{
	vertical-align:top;
}

#footer .privacy {color:#FFFFFF;font-size: 11px}
#footer A.privacy {color:#FFFFFF;font-size: 11px}
#footer A.privacy:link {color:#FFFFFF;font-size: 11px}
#footer A.privacy:visited {color:#FFFFFF;font-size: 11px}
#footer A.privacy:hover {color:#FFFFFF;font-size: 11px}

#footer A.privacy_content {color:#04BBFF;font-size: 13px;LINE-HEIGHT:25px}
#footer A.privacy_content:link {color:#04BBFF;font-size: 13px;LINE-HEIGHT:25px}
#footer A.privacy_content:visited {color:#04BBFF;font-size: 13px;LINE-HEIGHT:25px}
#footer A.privacy_content:hover {color:#04BBFF;font-size: 13px;LINE-HEIGHT:25px}

.show { visibility:visible;}
.notShow { visibility:hidden; display:none;}


.couponLayerTop
{
    background-image:url(/templates/olos/en/images/ecoupon/top.gif);
    background-repeat:no-repeat;    
    height:11px;
}

.couponLayerTitle
{
    background-image:url(/templates/olos/en/images/ecoupon/arrow_bg.gif);
    background-repeat:repeat;
    height:60px;
}

.couponLayerContent
{
    background-image:url(/templates/olos/en/images/ecoupon/bg.gif);
    background-repeat:repeat-y;
}

.couponLayerBottom
{
    background-image:url(/templates/olos/en/images/ecoupon/bottom.gif);
    background-repeat:no-repeat;
    height:11px;
}

.overlap {
    position: relative;           /* establish new containing block */
    width: 450px; height: 300px;  /* must specify width/height */
  }
  
.overlap .pizzaBaseType, .overlap .pizzaBaseType1, .overlap .pizzaBaseType2javascript:checkCartEmpty('/tc/express/home.html')
, .overlap .pizzaBaseType3, .overlap .pizzaBaseType4, .overlap .pizzaBaseType5
, .overlap .pizzaBaseType6, .overlap .pizzaBaseType7, .overlap .pizzaBaseType8 
, .overlap .pizzaBaseType9 { position: absolute; }
.overlap .pizzaBaseType {    top: 10px; left: 15px; z-index: 1; }
.overlap .pizzaBaseType1 { top: 8px; left: 16px; z-index: 2; }
.overlap .pizzaBaseType2 { top: 50px; left: 105px; z-index: 2; }
.overlap .pizzaBaseType3 { top: 60px; left: 130px; z-index: 2; }
.overlap .pizzaBaseType4 { top: 70px; left: 145px; z-index: 2; }
.overlap .pizzaBaseType5 { top: 35px; left: 90px; z-index: 2; }
.overlap .pizzaBaseType6 { top: 40px; left: 105px; z-index: 2; }
.overlap .pizzaBaseType7 { top: 45px; left: 130px; z-index: 2; }
.overlap .pizzaBaseType8 { top: 50px; left: 145px; z-index: 2; }
.overlap .pizzaBaseType9 { top: 55px; left: 160px; z-index: 2; }

.pizzaBaseChoice { }
.cyop {padding-left:30px;padding-right:30px;text-align:center;color:#600}
.toppings
{
      z-index: 1000; cursor:pointer;
}
.toppingsFinal
{
      position: absolute;   top: 380px; left: 130px; z-index: 10;  
}