/* CSS Document */
*{font-size:98%;line-height:140%;font-family:Arial, Helvetica, sans-serif;text-decoration:none;list-style:inside;margin:0 auto;padding:0;}

html,body{height:100%;text-align:center;}
body{border-top:3px solid #C00;}
img{border:0;}
hr{clear:both;border:0;height:10px;}
div.bw{width:900px;}
div#header{margin:10px auto;}
.tp{left:0;top:100px;position:absolute;z-index:1;}
div#wrap{clear:both;}
.home{width:260px;float:left;height:200px;margin:0;}

div#recommend{border:1px solid #ECECEC;margin:0 3px;width:356px;height:200px;float:left;padding:2px;}
div#recommend h2{font-size:1em;color:#C00;text-align:left;background:url(images/h2_bg.png) repeat-x bottom;padding:5px 7px;padding-bottom:10px;margin-bottom:7px;}
div#recommend p{float:left;border:1px solid #ECECCD;background:#ECECCD;}
.rmd{display:block;padding:3px;font-size:0.85em;font-weight:bold;}

div#ttwitter{border:1px solid #ECECEC;margin:0 3px;width:351px;height:200px;float:left;padding:7px;}
div#ttwitter h2{font-size:1.2em;color:#C00;text-align:left;}

div#sidebar{width:250px;float:left;}
p.campaign{background:url(images/left_campaign_bg.png) no-repeat;width:250px;height:300px;}
div#news{border:1px solid #ECECEC;padding:2px;}
div#news h2{font-size:1em;color:#C00;text-align:left;background:url(images/h2_bg.png) repeat-x bottom;padding:5px 7px;padding-bottom:10px;margin-bottom:7px;}
div#news li{list-style-type:none;background:url(images/news_arrow.png) no-repeat left top;font-size:0.85em;padding-left:17px;height:40px;text-align:left;margin-bottom:5px;margin-left:5px;}
div#news li strong{color:#060;display:block;padding-top:3px;text-align:left;font-size:0.85em;border-bottom:1px solid #ECECEC;margin-bottom:3px;padding-bottom:3px;}

div#twitter {margin:7px 0;border:1px solid #ECECEC;padding:2px;}
div#twitter h2{font-size:1em;color:#C00;text-align:left;background:url(images/h2_bg.png) repeat-x bottom;padding:5px 7px;padding-bottom:10px;margin-bottom:7px;}
div#twitter p{border-top:1px solid #C00;padding-top:5px;}

div#page{width:625px;margin-left:25px;float:left;}
div#page h2{background:url(images/page_title_bar.png) no-repeat left bottom;padding-bottom:15px;text-align:left;font-size:1.5em;color:#C00;}

div#footer{font-size:0.83em;text-align:right;padding:15px 0;border-top:1px solid #C00;clear:both;margin-top:15px;}
div#footer p{float:left;}
.hlink{margin-top:28px;}
.logo{display:block;width:200px;float:left;text-align:left;margin-top:20px;}
.htwitter{width:32px;display:block;float:right;margin:10px 5px;}

ul#gm{width:700px;float:left;margin-top:10px;}
ul#gm li{list-style-type:none;float:left;}
ul#gm a.m1,a.m2,a.m3,a.m4,a.m5,a.m6,a.m7,a.m8,a.m9,a.m10{display:block;font-size:83%;margin-bottom:3px;text-align:left;margin-left:7px;color:#000;}
.tooltip {
	display:none;
	padding-top:60px;
	background:url(images/mbg.png) no-repeat;
	text-align:center;
	height:190px;
	width:270px;
	font-size:11px;
	color:#fff;
}
a:hover{text-decoration:underline;color:#C00;}
li.c1{background:url(images/gm1.png) no-repeat;padding-left:66px;min-height:50px;width:110px;}
li.c2{background:url(images/gm2.png) no-repeat;padding-left:110px;min-height:50px;width:120px;}
li.c3{background:url(images/gm3.png) no-repeat;padding-left:133px;min-height:50px;width:160px;}

div.list{border:2px solid #C00;width:140px;float:left;margin:5px;}
/** 20150420 revision */
div.list_none{float: left;}
div.list_cake{border:2px solid #A78243;width:140px;float:left;margin:5px;}
div.list_cake img{}
div.list_cake h3{margin:0;}
div.list_cake strong{display:block;font-size:0.7em;text-align:left;font-weight:normal;padding:5px;}
div.list_cake dl{color:#FFF;display:block;margin-top:7px;}
div.list_cake dt{display:block;background:#A78243;padding:2px;}
div.list_cake dd{display:block;background:#A78243;padding:2px;}
/** 20150420 revision */
div.list img{}
div.list h3{margin:0;}
div.list strong{display:block;font-size:0.7em;text-align:left;font-weight:normal;padding:5px;}
div.list dl{color:#FFF;display:block;margin-top:7px;}
div.list dt{display:block;background:#900;padding:2px;}
div.list dd{display:block;background:#C00;padding:2px;}

div.banner{
	clear:both;
	text-align:left;
	line-height:0.5em;
	margin: 0 0 10px 5px;
	padding-top:20px;
}

div#company{text-align:left;}
div#company h3{margin:10px 0;background:#F9F9EC;font-size:1.2em;padding:7px;border-bottom:1px solid #ECECEC;}
div#company h4{color:#060;font-size:1.1em;margin-bottom:7px;}
div#company strong{margin-right:1em;}
div#company table{width:100%;border-spacing:0;font-size:1.1em;border-top:1px solid #ECECEC;border-left:1px solid #ECECEC;margin-top:15px;}
div#company th{padding:7px;text-align:left;border-right:1px solid #ECECEC;border-bottom:1px solid #ECECEC;}
div#company td{padding:7px;text-align:left;border-right:1px solid #ECECEC;border-bottom:1px solid #ECECEC;}
div#company th{background:#F9F9EC;text-align:center;}
.comp {border:2px solid #ECECEC;padding:5px;margin:5px;float:left;width:280px;height:80px;}

.comnb{border-bottom:0px;border-right:0;}

.handh{border:1px solid #CDCDCD;width:240px;margin:7px 0;margin-left:5px;}
.sm span, .handh span, .hpan span{font-size:0.8em;text-align:left;padding:5px;display:block;}
.sm{border:1px solid #CDCDCD;margin-top:15px;}
.sm span{background:#F9F9F9;width:230px;padding:5px;}
.sm h3{margin-top:3px;background:#D7D8B7;padding:3px;color:#FFF;font-weight:100;width:220px;}
.sm p{font-size:0.85em;}
.sm s{font-weight:bold;font-size:1.1em;text-decoration:line-through;}
.sm img{margin-bottom:7px;}
.sm strong{font-size:1.4em;color:#C00;margin-left:5px;font-weight:100;}

table.shopinfo{font-size:1em;border-spacing:0;width:270px;}
table.shopinfo th,table.shopinfo td{border-bottom:1px solid #CCC;padding:5px;}

ul.toping{margin-left:30px;}
ul.toping li{float:left;width:170px;list-style:none;}

.oh{background:url(images/order_head.png) no-repeat;width:620px;margin:0 auto;text-align:center;font-size:0.9em;min-height:230px;margin:0 7px;margin-left:0px;}
.oh ul{padding-top:80px;width:560px;margin:0 auto;}
.oh li{width:240px;float:left;list-style-type:none;margin:5px 20px;font-size:1em;}
.oh span{color:#C00;margin-right:1em;font-size:0.9em;}
.oh strong{display:block;font-size:1.4em;border-bottom:1px solid #C00;margin-bottom:3px;background:url(images/call_icon.png) no-repeat;}
.oh a{font-size:0.85em;}

div#shop{text-align:left;padding:10px;margin-top:20px;}
div#shop b{display:block;font-size:1.3em;border-bottom:1px solid #C00;}
div#shop h3{font-size:1.3em;}
div#shop strong{margin-right:1em;}
div#shop p{border-bottom:1px solid #CDCDCD;padding:5px;display:block;width:270px;}
div#shop td{text-align:left;vertical-align:top;padding-left:7px;}
div#shop h4{background:#C00;color:#FFF;padding:7px;width:140px;text-align:center;margin:10px 0;}
div#shop h5{font-size:3em;}

div#shoplist{text-align:left;}
div#shoplist table{width:100%;text-align:left;border-top:1px solid #CDCDCD;border-right:1px solid #CDCDCD;border-spacing:0;}
div#shoplist table th,div#shoplist table td{border-left:1px solid #CDCDCD;border-bottom:1px solid #CDCDCD;padding:10px 5px;}
div#shoplist table th{background:#ECECEC;}
.bgf9{background:#F9F9F9 !important;}
div#shoplist strong{font-size:0.9em;color:#C00;}
/*Jquery tools*/
div.topcampaign{background:url(images/top_campaign_bg.png) no-repeat #ECECEC;margin-bottom:10px;width:897px;height:250px;padding:2px;}
div#campleft{width:247px;float:left;background:url(images/cmbg.png) no-repeat;height:250px;}
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 683px;
	height:404px;
}
.campaign{background:url(images/left_campaign_bg.png) no-repeat;padding:5px;}
#sub{
	width: 240px;
	height:290px;
}
.scrollable .items{
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
.items div {
	float:left;
}
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}
/* right 
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 
 // left   
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
*/

a.right{background:url(images/next.png) no-repeat right;width:100px;height:20px;clear:right;magin:0px;}
a.left{background:url(images/prev.png) no-repeat;width:100px;height:20px;clear:left;magin:0px;}
/*********or***********/
#pizza {height:200px;}
#pizza .pb {
	width:620px;
	position: relative;
	display:none;
	background: #fff;
	padding:18px;
	background:url(images/orbg.png) no-repeat;
}
.pb img{float:left;margin-right:20px;}
.pb h3{font-size:1.2em;text-align:left;margin-top:40px;}
.pb span{display:block;text-align:left;font-size:0.9em;margin-top:20px;width:97%;}
.pb p{text-align:right;margin:10px 0;font-size:0.8em;}
.pb strong{font-size:1.5em;color:#C00;margin-right:1em;}

.close{display:block;float:right;margin-right:10px;font-size:0.9em;text-decoration:underline; cursor:pointer;}
.imghover{ cursor:pointer;}


/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear{ clear:both;}


/*********toping***********/
.pbt{
width:620px;
	position: relative;
	display:none;
	background: #fff;
	padding:18px;
	background:url(images/toping_bg.png);
}
.pbt table{border-top:1px solid #961214;border-right:1px solid #961214;border-spacing:0;width:100%;margin:20px 0;}
.pbt td, .pbt th{border-left:1px solid #961214;border-bottom:1px solid #961214;padding:5px;}
.pbt th{background:#C00;color:#FFF;font-weight:normal;}
.pbt p{display:block;font-size:0.9em;float:left;width:120px;margin:5px;text-align:left;}
.pbt h2{margin:10px 0;color:#C00;}

div {zoom: 1;/*for IE 5.5-7*/  }  
div:after {/*for modern browser*/  
content: ".";  
clear: both;  
display: block;  
line-height: 0;  
height: 0;  
visibility: hidden;  
}  
.demae_btn a {
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 255px;
	margin-left: 0px;
	background-color: #009843;
	display: block;
	color: #FFF;
	font-weight: bold;
}
.demae_btn a:hover {
	text-decoration:none;
	
	background-color: #00833a;
}
.demae_btn {
	margin-top: 10px;
}
#widget {
	width:80px;}
iframe.twitter-share-button
{ width:100px !important;}#pizza .list.h200 {
	height: 200px;
}
#pizza .list .h50 {
	height: 40px;
}
