/*
 * Msbscakery CSS Document
 * http://www.msbscakery.hk/
 *
 * Copyright 2014, Kitchen Ltd
 * http://www.kitchen-digital.com
 * Date: 2014/3/24
 */

/*---------common css---------*/
html { background-color:#2A2A2A; font-size:62.5%; }
body { font-family:"Times New Roman", Times, serif; font-size:1.3em; }
h2 { color: #fbea54; padding:20px 0; font-size:2em; }
h3 { font-size:1.231em; font-weight:bold; padding-bottom:10px; color:#aa8928; }
h4 { font-size:0.923em; color:#dfcf5e; padding:10px 0 8px 0px; font-weight:bold; }
h5 { font-size:1em; color:#CBC5AB; font-weight:bold; }
p { color:#cbc5ab; font-size:1em; }
a { color:#CBC5AB; text-decoration: none; }
.clearfix { zoom:1; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.hide{ display:none; }
.imgCommon { margin-bottom: 10px; }
.imgfloat { float: left; margin-right: 20px;}
#emailto { color:#f4e154; }

/*---------All pages---------*/
#home { width: 960px; margin:0 0 0 auto; margin-right: auto; background-image:url(../images/bg_img.jpg); background-repeat:no-repeat; }

/*Header*/
#header { position:relative; height:125px; }
#logo { position:absolute; left: 40px; }
#nav { padding-top:76px; padding-bottom:21px; text-align:right; border-bottom:1px solid #fbea54; margin-left: 17px;}
#nav li { display:inline-block; *display:inline; zoom:1; height:31px; vertical-align:bottom; padding-right:17px; }
li a { height:31px; vertical-align:bottom; }
li .navhighlight { 	visibility:hidden; }
li.first { margin:0; margin-right:10px; }
li.last { margin-right:5px; }
li.selected a, #nav li a:hover { color:#fde956; }
li.selected a .navhighlight { visibility:visible; }
li { text-align:center; }
#goldenline { padding-top:0px; margin:0 auto; padding-bottom:17px; border-bottom:2px solid #584737; }
.mothersday_button{position: absolute; margin: 23px 0px 0px 705px;}


/*Content*/
#contentbd { text-align:left; overflow:hidden; padding:0 64px; margin-top:20px; min-height:650px; }
.mainContent { width:655px; float:left; }


/*For left and right structure*/
.leftContent { display:inline-block; *display:inline; *zoom:1; vertical-align: top;}
.rightContent { display:inline-block; *display:inline; *zoom:1; vertical-align: top; margin-left: 20px; width: 250px; }
.rightContentTitle { font-size:1.538em; color:#fae951; margin:25px 0; }
.rightContentText { font-style:italic; font-size:1em; }

/*blog part*/
.blogItem { margin-right: 50px; margin-bottom: 25px; }
.blogItemBig { margin-right: 50px; margin-bottom: 50px; }
.blogTitle { font-size:1.538em; color:#fae951; padding-bottom:10px; }
.blogTitleSmall { font-size: 16px; padding-bottom:10px; }
.blogText { text-align: left; padding-bottom:10px; }
.blogTextCenter { text-align: center; padding-bottom:10px; }
.blogTextRight { text-align: right; padding-bottom:10px; }
.blogTextSet { width:284px; display:inline-block; *display:inline; *zoom:1; vertical-align: top; }
.blogTextItalic { font-style: italic; }
.blogTextBig { font-size: 1.385em; }
.blogTextBold { font-weight: bold; }
.blogTextBlue{ color: #9ecad7; }
.blogTextYellow { color: #FAE951; }
.blogTextGold{ color: #aa8928; }
.blogTextPink { color: #FFC0CB; }
.blogImg { text-align:center; }
.blogImgfortsatersize img{ text-align:left; }
.blogImg img{ margin-bottom: 10px; }
.blogImgSet { width:317px; display:inline-block; *display:inline; *zoom:1; vertical-align: top; }
.blogImgSet img{ margin-bottom: 30px; }
.blogList { margin:35px 0 0 113px; }
.blogList li{ text-align:left; color:#CBC5AB; line-height:18px; background:url(../images/li_style.png) no-repeat; padding-left:10px; }
.awardtext {font-size:1.0em;}

/*cake part*/
.cakeCtnr.singleCake { display: inline-block !important; *display:inline; *zoom:1; vertical-align: top; width: 224px !important; }
.singleCakeText { display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 320px; }
.cakesList { width:655px; float:left; }
.cakesListBig { width:850px; float:left; }
.cakesList .sdes { font-style:italic; font-size:0.846em; color:#DFCF5E; }
.cakeRowWrapper { text-align:left; margin-bottom:17px; }
.signCakeBox {
	background:url(../images/gradient.jpg) repeat-x top #7f7f7f;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.28, rgb(126,126,126)),color-stop(0.72, rgb(51,49,50)));	/* iPad Hack */
	width:201px;
	position:relative;
	/*overflow:hidden;*/
	text-align:left;
	padding-top:8px;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
	margin-right:10px;
	min-height:200px;
}
.signCakeBox.tpl { display:none; }
.signCakeBox .newitem, .signCakeBox .soldout{ position: absolute; top: 0; right: 0; }
.signCakeBox .scBoxThumb { width:185px; height:150px; }
.signCakeBox .bd { padding:0 8px; }
.signCakeBox .lDot, .signCakeBox .rDot { background:url(../images/dot.png) repeat-y; height:100%; width:3px; margin:0 2px 0 3px; position:absolute; top:0; }
.signCakeBox .lDot { left:0; }
.signCakeBox .rDot { right:0;}
#dlFrom{text-align:right;padding-top:46px;margin-right:34px;}
.newitem, .soldout { display: none; }
.showNew { display: block; z-index:3; right:-7px !important; top:-5px !important; position:absolute; z-index:9; }
#celebrate .signCakeBox { padding-top:0; background:none; }
#celebrate .scBoxThumb { overflow:hidden; width:198px; height:264px; margin-right:16px; padding-bottom:20px; }
#celebrate .signCakeBox .bd { padding:0 0 0 0; }
#celebrate .popDlFrom { display:none; }
#nextProject{ display:none; }
#tbltitle th{ font-weight:bold; font-size:1.231em;  padding-bottom:10px; }
#popsdes { font-size:0.846em; }


/*Footer*/
#footer { margin-left:33px; padding:20px 30px; color:#484848; font-size:0.833em; }
.footer { margin-left:33px; padding:20px 30px; color:#484848; font-size:0.833em; }



/*---------Delivery page---------*/
.firstText { margin-left:154px; padding-top:13px; }
.secondText {margin-right:130px; text-align:right; }
.deliveryText { color:#fae951; font-size:1.846em; font-style:italic; }

/*---------Press page---------*/
.pressWrapper {margin-top:15px;}
.pressWrapper .pressBox {width:25%;float:left;margin:0 auto;text-align:center;min-height:200px;_height:200px;margin-bottom:15px;overflow:hidden;}
.pressWrapper .pressBox .mname {display:block;margin-top:5px;}
.pressList { width:655px; float:left; }
.tpl {display:none;}

/*---------contact_us page---------*/
.card { width:199px; height:199px; }
.contact_cont{ width:655px; float:left; }
.infobox h3 { padding-bottom:10px; }
td, th { color:#cbc5ab; vertical-align:top; }
.tblOpenHr { margin-bottom:36px; }
.infobox { float:left; width:290px; margin-bottom:26px; }
.contactLeft { width:336px; }
.contactRight .infotbl tr.shopName th{padding:25px 0 15px 0; }
.contactRight .infotbl tr.shopName.first th{padding:0 0 10px 0; }
.tblOpenHr th, .infotbl th { padding:0 43px 5px 0; }
.infobox .infotbl tr td{padding-bottom:10px;}
#flipcard { margin-bottom:40px;}
.fbox { float:left; margin-right:10px; }
form input { margin-bottom:3px; }
.formTxt { width:128px; background-color:#9d9d9d; color:#FFF; border:none; padding:5px; }
.emailfield { width:269px; *width:272px; margin-top: 6px;}
.submitform .submitbtn { text-align:right; }
.formSubmit { cursor:pointer; }
.submitbtn { background:none; border:none; color:#cbc5ab; cursor:pointer; margin-left:225px; *margin-left:215px; }
.error input, .error textarea, .error select { border-bottom:#ED1C24 solid 2px; background:#493D31; }
.field { float:left; margin-right:3px; }

/* for fancybox */
#fancybox-title { background-color:#6b634c !important; color:#cbc5ab; }
#fancybox-outer { background-color:#6b634c !important; }
#fancybox-content { border-color:#6B634C !important; }
.fancybox-title-inside { text-align:left !important; }
.poptbl { margin-top:20px !important; }
.poptbl th { width:190px !important; height:20px; padding-bottom:1px; }
.poptbl td { vertical-align:top; }
.popDlFrom { padding:20px 0 0 0; text-align:right; }
.popTitle { padding:0 12px 0 12px; font-size:1em; }
.popupCakeName { padding:0 0 10px 0 !important; color:#fde956 !important; font-weight:bold; text-transform:uppercase; }
#fancybox-title p { font-size:1.154em; color:#DFCF5E; margin-top:-3px; }

/* for floatCol*/
.floatCol { float:left; padding-top:15px; text-align:center; width:173px; position:relative; }
.floatCol ul li { color:#0C3; padding-bottom:15px; font-size:0.923em; }
.floatCol ul li a:hover { color:#fde956; }
.topBar{ height:33px; background:url(../images/submenu_bar.png) no-repeat; }
.bottomBar{ height:23px; background:url(../images/submenu_bar_btm.png)  no-repeat; }
.bottomBar img { Filter: FlipV(); }
.goToTop { 	text-align:right; font-size:0.923em; }
.goToTop a:hover { color:#fde956; }

/*#subnav {margin:0 auto; text-align:center; width:170px; }
#subnav .head, #subnav .tail {height:16px; background:url(../images/subnav.jpg) no-repeat; }
#subnav .tail {background-position:0 -16px; }
#subnav ul {padding:10px 0; }
#subnav li {line-height:2em; }
#subnav li.selected>a, #subnav a:hover {color:#FFC200; }
#subnav.havechild ul {text-align:left; margin-left:30px; }*/

/*For edit page*/
#finish{ float: right; }

#SpreadfrmSample .hiddenField{
	height: 33px;
}
.submited #SpreadSubmit{
	margin-top: 11px;
}


/*---------Index page---------*/
#popupwrap { padding:3px; width:760px; height:530px; background-color: #6B634C;}
.popuptext { font-size:14px;color:#fae951; font-weight:bold; }




/*---Full and Split Box For CHILDREN---*/
.fullBox, .splitBox { margin-bottom:25px; }
.fullBox.havedot, .splitBox.havedot { border-bottom:1px dotted #95793F; padding-bottom:25px; margin-bottom:45px; }
.splitBox.havedot .splitBoxCont.btmAlign{ bottom: 25px; }
.fullBoxCont p, .splitBoxCont p { margin-bottom: 5px; }
.source{ font-weight: bold; }

/*---Full Box---*/
.fullBoxImg { width:830px; overflow:hidden; text-align: center; }
.fullBoxImgDesc{ text-align: left !important; padding: 10px 0; }
.fullBoxImg .imgLink { margin-right:10px; }
.fullBox.tpl { display:none; }
.fullBoxCont { padding:0 5px; }
.fullCol .fullBox .fullBoxImg { width:645px; }

/*---nav---*/
#navleft { padding-top:0px; margin:0 auto; text-align:auto; }
#navleft li{display: inline-block; *display: inline; *zoom:1; margin-right: 10px;text-align: center;}
#navleft li.selected a, #navleft li a:hover { color:#FFC200;}
#navleft li.selected a .navhighlight { visibility:visible; }

/*---t&c---*/
.tNctext {color: #cbc5ab; font-size: 1em; padding-left: 0px;}
.tNctext li{ list-style-position:initial; padding-left: 10px; margin-left: 45px; padding-bottom: 10px;}
.tNctext ol li{	list-style-type: decimal;}
.tNctext .disc>li{list-style-type: disc; list-style-position:inside; margin-left: 10px; padding-bottom: 10px;}
.tNctext .noneList li{list-style-type: none; margin-left: 10px;}
.tNctext li {text-align:left;}