﻿@font-face {
	font-family: 'MyriadProRegular';
	src: url('font/myriadpro-regular-webfont.eot');
	src: local('☺'), url('font/myriadpro-regular-webfont.woff') format('woff'), 
		 url('font/myriadpro-regular-webfont.ttf') format('truetype'), 
		 url('font/myriadpro-regular-webfont.svg#webfontsy4Bb9VH') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
	padding:0px;
	margin:0px;
	height:100%;
	font-family:Verdana;
	font-size:11px;
}

/* General Style */
.pageHeader
{
	font-family:Arial;
	font-size:25px;
	color:#000000;	
	font-weight:bold;
	vertical-align:middle;
	padding:10px 10px;
}

.pageHeaderSub
{
	color:#000000;	
	font-weight:bold;
	height:15px;
	vertical-align:middle;
	padding-top:0px;
	padding-left:10px;
}

.pageHeaderSmall
{
	font-family:Arial;
	font-size:15px;
	color:#000000;	
	font-weight:bold;
	height:40px;
	vertical-align:middle;
	padding-top:5px;
	padding-left:5px;
}
.rightDvHeader
{
	padding-top:10px;
	font-size:16px;
	font-weight:bold;
}
.dvImg
{
	border:1px solid #BBBCBC;
	padding:2px;	
}

.ContentDV
{
	width:600px;
	margin:0px auto;
	background-color:#EEEEEE;
	border:1px solid #B8BABB;
	padding:20px;
	margin-top:20px;
	-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2); -o-box-shadow:0px 1px 1px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(0,0,0,0.2);
}

.LinkTitleDv
{
	margin:0px 0px 5px 0px;
	border:1px solid #05759D;
	font-size:18px;
	padding:8px 5px 6px 5px;
	color:#FFFFFF;
	-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.3); -o-box-shadow:0px 1px 1px rgba(0,0,0,0.3); box-shadow:0px 1px 1px rgba(0,0,0,0.3);
	background-color:#068CBC;
	background-image: -webkit-gradient(linear,left top, left bottom,from(#0696CA), to(#068CBC));
	background-image: -moz-linear-gradient(top,#0696CA,#068CBC);
	background-image: -o-linear-gradient(top,#0696CA,#068CBC);
	background-image: -ms-linear-gradient(top,#0696CA,#068CBC);
	background-image: linear-gradient(top,#0696CA,#068CBC);
}

.lnkLinkSite
{
	text-decoration:underline;
	color:#0694C8;
}

a
{
	text-decoration:none;
	color:#000000;	
}




#dvSite
{
	width:1000px;
	margin:0px auto;	
}


/* Header style */
#dvHeader
{
	width:1000px;
	height:192px;
}

#dvTop
{
	width:1000px;
	height:40px;
	background-color:#129CCA;
	border-bottom:1px solid #38C0EE;
}

#dvName
{
	width:1000px;
	height:150px;
	background-color:#13A6D9;
	border-bottom:1px solid #1196C3;
}


/* Menu Style */
#dvMenu
{
	width:1000px;
	background-color:#13A9DB;
	border-bottom:1px solid #1196C3;
	color:#033547;
	
}
.tblMenu
{
	width:1000px;	
}
.tblMenu tr td
{
	width:100px;	
}

.tblMenu tr td a { font-size:14px; color:#000000; display:block; padding:10px 5px; }



/* content style */
.Content
{
	width:1000px;
}

.ContentLeft
{
	width:700px;
	float:left;	
}
.NavigatePath
{
	width:698px;
	height:40px;
	background-color:#E9E9E9;
	border-bottom:1px solid #B8BABB;
	border-right:1px solid #FFFFFF;
}

.NavigatePathHome
{
	width:698px;
	height:70px;
	background-color:#E9E9E9;
	border-bottom:1px solid #B8BABB;
	border-right:1px solid #FFFFFF;
}

.NavigatePathShop
{
	width:748px;
	height:40px;
	background-color:#E9E9E9;
	border-bottom:1px solid #B8BABB;
	border-right:1px solid #FFFFFF;
}

.ContentRight
{
	width:298px;	
	float:right;
	border-left:1px solid #BBBCBC;
	border-right:1px solid #B8BABB;
}

.ContentAdd1
{
	width:298px;
	border-bottom:1px solid #BBBCBC;
	background-color:#CECECE;	
	height:270px;
}

.ContentAdd
{
	width:298px;
	border-top:1px solid #EDEDED;
	border-bottom:1px solid #BBBCBC;
	background-color:#CECECE;	
	height:260px;
}

/* Footer Style */

#dvFooter
{
	width:1000px;	
	height:193px;
}

#dvFooterTop
{
	width:1000px;
	background-color:#13A9DB;
	border-top:1px solid #1196C3;
	border-bottom:1px solid #1196C3;
	color:#033547;
}

#dvFooterInfo
{
	width:1000px;
	height:150px;
	background-color:#13A6D9;
	border-bottom:1px solid #38C0EE;
}

#dvCopyRight
{
	width:1000px;
	height:20px;
	background-color:#129CCA;
	color:#FFFFFF;
}

/* Tearoom Design */

.Box1
{
	background-image:url(Tearooms/Tearooms_Box1.png);
	background-repeat:no-repeat;
	width:270px;
	height:200px;	
}
.Box2
{
	background-image:url(Tearooms/Tearooms_Box2.png);
	background-repeat:no-repeat;
	width:270px;
	height:200px;	
}


/* Teamenu Design */

.MenuMiddle
{
	background-image:url(imagesMenu/Menuback.png);
	background-repeat:repeat-y;
	width:550px;
	padding-left:25px;
	padding-right:10px;
	color:#FFFFFF;
}


/* shop design */

.ContentShop
{
	width:1000px;
}

.ContentLeftShop
{
	width:750px;
	float:right;	
}
.NavigatePathShop
{
	width:748px;
	height:40px;
	background-color:#E9E9E9;
	border-bottom:1px solid #B8BABB;
	border-right:1px solid #FFFFFF;
}

.ContentRightShop
{
	width:248px;	
	float:left;
	border-left:1px solid #BBBCBC;
	border-right:1px solid #B8BABB;
}

.tblGrid
{
	background-color:#D6D6D6;	
	width:100%;
}
.tblGrid tr td, .tblGrid tr th
{
	background-color:#ffffff;
	padding:10px;
}



.lnkViewDetail
{
	background-image:url(images/ViewDetail1.png);
	background-repeat:no-repeat;
	width:100px;
	height:20px;	
}

.lnkViewCart
{
	background-image:url(images/ViewCart1.png);
	background-repeat:no-repeat;
	width:150px;
	height:30px;
}

.lnkAddToCart
{
	background-image:url(images/AddToCart1.png);
	background-repeat:no-repeat;
	width:150px;
	height:30px;
}

.cartEdit
{
	background-image:url(images/edit_Cart.png);
	background-repeat:no-repeat;
	width:24px;
	height:24px;
}
.cartDelete
{
	background-image:url(images/remove_from_shopping_cart.png);
	background-repeat:no-repeat;
	width:24px;
	height:24px;
}

.cartUpdate
{
	background-image:url(images/shopping_cart_accept.png);
	background-repeat:no-repeat;
	width:24px;
	height:24px;
}

.cancel
{
	background-image:url(images/cancel.png);
	background-repeat:no-repeat;
	width:24px;
	height:24px;
}

.txt
{
	padding:7px;
	border: 1px solid #B8BABB;
}

.btn
{
	background-color:#ffffff;
		padding:5px;
	border: 1px solid #B8BABB;
}

.txtCart
{
	border: 1px solid #E1EAF3;		
}

.tblShopCat
{
	width:100%;
}
.tblShopCat tr td, .tblShopCat tr th
{
	padding:10px;
	font-weight:bold;
	border-bottom: 1px solid #D6D6D6;
	border-top:1px solid #D6D6D6;
}

.tblShopCatbtn
{
}

.tblShopCatbtn tr td, .tblShopCatbtn tr th
{
	padding:0px;
	
}


.menu-container { background:#057CA7; border:1px solid #05759D; padding:20px; 
                  -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;
                  background-image: -webkit-gradient(linear,left top, left bottom,from(#0696CA), to(#057CA7));
				  background-image: -moz-linear-gradient(top,#0696CA,#057CA7);
			   	  background-image: -o-linear-gradient(top,#0696CA,#057CA7);
				  background-image: -ms-linear-gradient(top,#0696CA,#057CA7);
				  background-image: linear-gradient(top,#0696CA,#057CA7);
                  text-shadow:0px 1px 0px rgba(0,0,0,0.5);
                  -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.4); -o-box-shadow:0px 1px 1px rgba(0,0,0,0.4); box-shadow:0px 1px 1px rgba(0,0,0,0.4);
                  margin-bottom:10px; }
.menu-container h1 { position:relative; text-align:center; padding:0px; margin:10px 10px 20px 10px; }                  
.menu-container h1.title span { background: #67A228; padding: 10px 20px; border:1px solid #67A228; margin-bottom:10px;
                                -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;
                                -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg);
								  background-image: -webkit-gradient(linear,left top, left bottom,from(#72B42D), to(#67A228));
								  background-image: -moz-linear-gradient(top,#72B42D,#67A228);
			   					  background-image: -o-linear-gradient(top,#72B42D,#67A228);
								  background-image: -ms-linear-gradient(top,#72B42D,#67A228);
								  background-image: linear-gradient(top,#72B42D,#67A228);
                                 } 
.menu-container h1.title i { background:url(images/pin_builder.png) no-repeat scroll 0 0 transparent; width:25px; height:27px;
                             position:absolute; left:47%; top:-25px; } 
.menu-container table { width:100%; }
.menu-container table tr td { border-bottom:1px solid #05759D; padding:5px; color:#EBEBEB; font-size:14px; }
.menu-container table tr td:nth-child(1) { width:80%; }
.menu-container table tr td:nth-child(2) { text-align:right; }         


.dvdynamiccontent img { padding:3px; margin-right:5px; margin-bottom:5px; border:1px solid #CCCCCC;  }   
.dvdynamiccontent p { padding:0px; margin:0px 0px 5px 0px; }
                  
                  
 /*	CONTENT IMAGES STYLE	*/
 #dvContentIamges { width:540px; margin:10px auto 0px auto; }
#dvContentIamges .box { padding:2px; margin:0px 10px 10px 0px; border:1px solid #EBEBEB; position:relative; width:250px; height:200px; overflow:hidden;
       -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.3); -o-box-shadow:0px 0px 3px rgba(0,0,0,0.3); box-shadow:0px 0px 3px rgba(0,0,0,0.3); }
#dvContentIamges .box div { display:block; width:250px; height:200px; }
#dvImagesInner #dvContentIamges .box { width:150px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }                                     
