@charset "utf-8";
@font-face {
	font-family: 'supermarket';
	src: url('supermarket.eot');
	src: url('supermarket.eot?#iefix') format('embedded-opentype'),
			 url('supermarket.woff') format('woff'),
			 url('supermarket.ttf') format('truetype'),
			 url('supermarket.svg#supermarket') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0 auto;
	color:#666; 
	background-color:#F9F9F9;
	font: normal 14px Tahoma;
	text-decoration: none;
	text-align: center;
	line-height:1.4em;
}

table {
	color:#666; 
	font: normal 14px Tahoma;
	text-decoration: none;
	text-align: left;
	line-height:1.4em;
}

form {
	padding:0px;
}

/* Links */
a:link, a:visited {
	color: #303030;
	text-decoration:none;
}
a:hover {
	color:#ED8B88;
	text-decoration:none;
}

.clearingdiv { clear:both; height:0px; padding:0px; width:1px; }
.clearingdiv1 { clear:both; height:1px; padding:0px; width:1px; }
.clearingdiv3 { clear:both; height:3px; padding:0px; width:1px; }
.clearingdiv5 { clear:both; height:5px; padding:0px; width:1px; }
.clearingdiv10 { clear:both; height:10px; padding:0px; width:1px; }
.clearingdiv12 { clear:both; height:12px; padding:0px; width:1px; }
.clearingdiv15 { clear:both; height:15px; padding:0px; width:1px; }
.clearingdiv20 { clear:both; height:20px; padding:0px; width:1px; }
.clearingdiv25 { clear:both; height:25px; padding:0px; width:1px; }
.clearingdiv30 { clear:both; height:30px; padding:0px; width:1px; }
.clearingdiv35 { clear:both; height:35px; padding:0px; width:1px; }
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.hide { display:none; }
.blink { text-decoration:blink; }

/* button */
a.button, input.button {
	cursor: pointer;
	color: #333;
	line-height: 14px;
	font:normal 16px supermarket;
	background: url('images/button.png') top left repeat-x;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
}
a.button {
	display: inline-block;
	text-decoration: none;
	padding: 0px 12px 0px 12px;
}
input.button {
	margin: 0;
	border: 0;
	height: 24px;
	padding: 0px 12px 0px 12px;
}
a.button:hover, input.button:hover {
	background: url('images/button-active.png') repeat-x;
}

a.blue-button, input.blue-button {
	color: #FFF;
	cursor: pointer;
	font:normal 16px supermarket;
	background: url('images/blue-button.png') top left repeat-x;
	/* border:1px solid #3079ED; */
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 2px #DDEEFF;
	-moz-box-shadow: 0px 2px 2px #DDEEFF;
	box-shadow: 0px 2px 2px #DDEEFF;
}
a.blue-button {
	height: 27px;
	display: inline-block;
	text-decoration: none;
	padding: 0px 12px 0px 12px;
}
input.blue-button {
	margin: 0;
	border: 0;
	height: 27px;
	padding: 0px 12px 0px 12px;
}
a.blue-button:hover, input.blue-button:hover {
	background: url('images/blue-button-active.png') top left repeat-x;
}
input.red-title-button {
	cursor: pointer;
	color: #E60000;
	margin: 0;
	border: 0;
	height: 24px;
	padding: 0px 12px 0px 12px;
	line-height: 14px;
	font:normal 16px supermarket;
	background: url('images/button.png') top left repeat-x;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
}

a.black-button, input.black-button {
	color: #FFF;
	cursor: pointer;
	font:normal 16px supermarket;
	background: url('images/black-button.png') top left repeat-x;
	/* border:1px solid #3079ED; */
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 2px #EEE;
	-moz-box-shadow: 0px 2px 2px #EEE;
	box-shadow: 0px 2px 2px #EEE;
}
a.black-button {
	height: 28px;
	display: inline-block;
	text-decoration: none;
	padding: 0px 12px 0px 12px;
}
input.black-button {
	margin: 0;
	border: 0;
	height: 28px;
	padding: 0px 12px 0px 12px;
}
a.black-button:hover, input.black-button:hover {
	background: url('images/black-button-active.png') top left repeat-x;
}

.font14Bold { font:bold 14px Tahoma; }
.available {
	width:70px;
	color:#FFF; background:#0F950F;
	padding:0px; font-size:11px; 
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
.preorder {
	width:70px;
	color:#FFF; background:#FF6600;
	padding:0px; font-size:11px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
.soldout {
	width:70px;
	color:#FFF; background:#C40000;
	padding:0px; font-size:11px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.success {
	padding:15px 25px;
	color:#4b6431;
	background-color:#E6EFC2;
	border-left:10px solid #C6D880;
}
.notice {
	padding:15px 25px;
	color:#ad6821;
	background-color:#fff6bf;
	border-left:10px solid #ffd324;
}
.error {
	padding:15px 25px;
	color:#B11F11;
	background-color:#FBE3E4;
	border-left:10px solid #FBC2C4;
}
.unpaid {
	width:15px; height:15px; 
	background-color:#E60000;
}
.inform {
	width:15px; height:15px; 
	background-color:#E600E6;
}
.paid {
	width:15px; height:15px; 
	background-color:#00E600;
}

#main {
	width:998px;
	margin:0 auto;
	border:0px solid #FFF;
}

#page {
	width:998px;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
}

#header {
	width:998px;
	height:70px;
	text-align:left;
	border-bottom:1px dotted #727272;
}
#header #logo {
	width:260px;
	float:left;
}
#header #menu {
	width:730px;
	height:34px;
	margin:36px 1px 0 0; padding:0px;
	background:#FFF;
	z-index:10; position:relative;
	/* text-shadow: 0.1em 0.1em 0.05em #999; */
	text-align:right;
	float:right;
}
#menu ul {
	margin:0; padding:0; float:right; 
	background:#FFF;
	/* border-left: 1px dotted gray; */
}
#menu ul li {
	list-style:none; float:right; height:34px; position:relative; 
	padding:0; margin:0; border-right: 0px dotted gray;
}
#menu ul li a {
	display:block;
	margin:0px;
	padding:0 20px 0 20px; 
	color:#666; 
	font:normal 18px supermarket;
	line-height:30px; 
	text-decoration:none;
}
#menu ul li:hover {}
#menu ul li a:hover {
	color:#36E3CF;
}
#menu ul li.current {}
#menu ul li.current a {
	color: #36E3CF;
}

#menu ul li.home a {
	color:#333; 
	text-decoration:none;
}
#menu ul li.home a:hover {
	color:#333; 
	text-decoration:underline;
}
#menu ul li.howToOrder a {
	color:#333; 
	text-decoration:none;
}
#menu ul li.howToOrder a:hover {
	color:#333; 
	text-decoration:underline;
}
#menu ul li.payment a {
	color:#DA4763; 
	font-weight:bold;
	text-decoration:none;
}
#menu ul li.payment a:hover {
	color:#DA4763; 
	text-decoration:underline;
}
#menu ul li.register a {
	color:#A800A2; 
	font-weight:bold;
	text-decoration:none;
}
#menu ul li.register a:hover {
	color:#A800A2; 
	text-decoration:underline;
}
#menu ul li.login a {
	color:#008A17; 
	font-weight:bold;
	text-decoration:none;
}
#menu ul li.login a:hover {
	color:#008A17; 
	text-decoration:underline;
}

#slider {
	width:700px;
	height:482px;
	margin:0;
	padding:0px;
	float:left;
}

/* Left Panel */
#leftPane {
	padding:0 10px 0 0;
	width:165px;
	text-align:left;
	border-right:1px dotted #727272;
}
#leftPane #cart {
	width:153px;
	padding:0 5px;
	text-align:center;
	border:1px solid #DBDBDB;
}
#cart .image {
	text-align:center;
	border-bottom:1px solid #DBDBDB;
}
#cart .title a {
	color:#EA465D;
	font:normal 16px supermarket;
	line-height:1.1em; 
	text-decoration:none;
	text-align:center;
}
#cart .title a:hover {
	color:#303030;
}

#leftPane .sectionTitle {
	margin:0;
	width:165px;
	height:24px;
	color:#EA465D;
	font:normal 24px supermarket;
	line-height:24px; 
	text-align:right;
	/* text-shadow: 0.1em 0.1em 0.05em #999; */
	text-decoration:none;
	border-bottom:0px solid #DBDBDB;
}

#leftPane #memberMenu {
	margin:0px;
	padding:7px 0px;
	width:165px; text-align:right;
	font:normal 18px supermarket;
	line-height:1.3em;
}
#memberMenu ul.sidemenu {
	list-style:none;
	margin:0;
	padding:0;
}
#memberMenu ul.sidemenu li {
	margin-bottom:1px;
	border-bottom:0px dotted #CDCDCD;
}
#memberMenu ul.sidemenu a {
	display:block;
	color: #333;
	text-decoration:none;	
	padding-right:15px;
	min-height:15px;
	background:url(images/spot.gif) #FFF 156px 8px no-repeat;
}
#memberMenu ul.sidemenu a:hover {
	color: #ED8B88;
	background:url(images/pink-dot.gif) #FFF 158px 10px no-repeat;
}
#memberMenu ul.sidemenu a.current {
	color: #ED8B88;
}

#leftPane #leftMenu {
	margin:0px;
	padding:0px;
	width:165px; text-align:right;
	font:bold 14px Tahoma;
	line-height:1.2em;
}
#leftMenu ul.sidemenu {
	list-style:none;
	margin:0;
	padding:0;
}
#leftMenu ul.sidemenu li {
	margin-bottom:1px;
	border-bottom:0px dotted #CDCDCD;
}
#leftMenu ul.sidemenu li.NewArrival a {
	font-size:14px;
	color: #AF85C7;
	text-decoration:none;
}
#leftMenu ul.sidemenu li.NewArrival a:hover {
	font-size:14px;
	color: #AF85C7;
	text-decoration:underline;
}
#leftMenu ul.sidemenu li.Sale a {
	font-size:14px;
	color: #E60000;
	text-decoration:blink;
}
#leftMenu ul.sidemenu li.Sale a:hover {
	font-size:14px;
	color: #E60000;
	text-decoration:underline;
}
#leftMenu ul.sidemenu li.AllItems a {
	font-size:14px;
	color: #E5AD27;
	text-decoration:none;
}
#leftMenu ul.sidemenu li.AllItems a:hover {
	font-size:14px;
	color: #E5AD27;
	text-decoration:underline;
}
#leftMenu ul.sidemenu li.Available a {
	font-size:14px;
	color: #74A1DB;
	text-decoration:none;
}
#leftMenu ul.sidemenu li.Available a:hover {
	font-size:14px;
	color: #74A1DB;
	text-decoration:underline;
}
#leftMenu ul.sidemenu a {
	display:block;
	color: #666;
	text-decoration:none;	
	padding-bottom:7px;
	min-height:15px;
}
#leftMenu ul.sidemenu a:hover {
	color: #ED8B88;
	padding-bottom:7px;
	background:#FFF;
}
#leftMenu ul.sidemenu a.current
{
	color: #ED8B88;
	padding-bottom:7px;
	background:#FFF;
}

.direction {
	font-size:13px;
}
.sectionTitle {
	height:22px;
	color:#333;
	margin-left:15px;
	font:normal 22px supermarket;
	line-height:22px; 
	text-decoration:none;
}
.categoryTitle {
	height:22px;
	color: #ED8B88;
	margin-left:0px;
	padding-left:25px;
	font:normal 22px supermarket;
	line-height:22px; 
	text-decoration:none; 
	background:url(images/icon_title_pro.jpg) #FFF 0 2px no-repeat;
}
.categoryTitle a:link, .categoryTitle a:visited {
	color:#333;
	text-decoration:none; 
}
.categoryTitle a:hover {
	/* color:#31CFC0; */
	text-decoration:underline; 
}
.contentTitle {
	color:#F6851F;
	font:bold 15px Tahoma;
	line-height:1.2em;
}
.memberMessage {
	width:650px;
	padding:10px 15px;
	color:#303030;
	background:#F2F2F2;
	border:1px solid #DADADA;
}
.adminMessage {
	width:650px;
	padding:10px 15px;
	color:#303030;
	background:#fff6bf;
	border:1px solid #ffd324;
}
.adminPane {
	width:650px;
	margin-left:1px;
	padding:5px 15px;
	color:#0070c0;
	background:#EEF9FD;
}
.grandTotalPrice {
	color:#E60000;
	font:bold 18px Tahoma;
	line-height:1.2em;
}

.bookedName {
	float:left;
	margin:5px 5px 0 0;
	padding:0px 3px;
	border:1px solid #CDCDCD;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
}

.contentName {
	margin-left:0px;
	color:#ED8B88;
	padding-top:5px;
	font:normal 22px supermarket;
	line-height:1.0em;
}
.contentName a:link, .contentName a:visited {
	color:#ED8B88;
	text-decoration:none;
}
.contentName a:hover {
	color:#ED8B88;
	text-decoration:underline;
}

.question-group {
	height:22px;
	color:#F23C0C;
	margin-left:0px;
	padding-left:27px;
	font:normal 18px supermarket;
	line-height:22px; 
	text-decoration:none; 
	background:url(images/question.gif) #FFF 0 3px no-repeat;
}
.question {
	height:22px;
	color:#333;
	margin-left:0px;
	padding-left:27px;
	font:normal 16px supermarket;
	line-height:22px; 
	text-decoration:none; 
}
.answer {
	height:22px;
	color:#333;
	margin-left:0px;
	padding-left:27px;
	font:normal 16px supermarket;
	line-height:22px; 
	text-decoration:none; 
}
/*
td .box { padding:4px 0; border:1px dotted #727272; background-color:#FFF; }
td .box:hover { padding:4px 0; border:1px dashed #ED8B88; background-color:#FFF; cursor:pointer; }
*/
td .box { padding:0px; background-color:#F9F9F9; }
td .box:hover { padding:0px; background-color:#F5F5F5; cursor:pointer; }

#footer {
	clear:both;
	width:998px;
	height:39px;
	padding-top:7px;
	text-align:center;
	font:normal 18px supermarket;
	text-decoration:none;
	border-top:1px dotted #727272;
	border-bottom:1px dotted #727272;
}
#footer a:link, #footer a:visited {
	color:#303030;
	text-decoration:none;
}
#footer a:hover {
	color:#ED8B88;
	text-decoration:none;
}

#pageList {
	clear:both;
	font-size:12px;
	margin:0px;
	text-align:center;
	color:#666;
}
#pageList a {
	border:1px solid #BBB;
	padding:2px 6px;
	height:18px;
	color:#666;
	text-decoration:none;
}
#pageList a:visited {
	border:1px solid #BBB;
	padding:2px 6px;
	height:18px;
	color:#666;
	text-decoration:none;
}
#pageList a:hover {
	border:1px solid #EA3F73;
	padding:2px 6px;
	background:#FFF;
	color:#EA3F73;
}
span.curPage {
	font-size:12px;
	margin:0px;
	text-align:center;
	background:#DDD;
	border:1px solid #BBB;
	padding:2px 6px;
	height:18px;
	text-decoration:none;
}

fieldset{background-color: #ededed;border: 1px solid;}
legend{border: 1px solid #000;background-color: #ffffff;color: #000;padding:5px;}
h1,h2,p,form {padding: 5px;}
h1,h2{font-size: 18px; color: #666666;}
legend,label,#dialogWarning,#dialogExpired{font-weight:bold;font-size: 90%;margin-left: 10px;}
.container {width: 50%;margin-left: 25%;margin-top:2%;background: #ffffff;border: 4px solid #cccccc;}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider {
	position:relative;
	padding:0px;
	width:807px;
	height:520px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:345px;
	bottom:-27px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


/* Navigation buttons */ 
.previous, .next{display:inline-block;font-weight:normal;position:relative;
    border:1px solid #e0e0e0;line-height:15px; border-radius:3px; box-shadow: 0 1px 0 0 #c3c3c3; 
    background: #e9e9e9;text-decoration:none;
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #ebebeb 50%, #e7e7e7 51%, #e4e4e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(50%,#ebebeb), color-stop(51%,#e7e7e7), color-stop(100%,#e4e4e4));
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ebebeb 50%,#e7e7e7 51%,#e4e4e4 100%);
    background: -o-linear-gradient(top,  #f2f2f2 0%,#ebebeb 50%,#e7e7e7 51%,#e4e4e4 100%);
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#ebebeb 50%,#e7e7e7 51%,#e4e4e4 100%);
    background: linear-gradient(top,  #f2f2f2 0%,#ebebeb 50%,#e7e7e7 51%,#e4e4e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e4e4e4',GradientType=0 )}
.previous:hover, .next:hover{
    background: #e9e9e9;text-decoration:none;
    background: -moz-linear-gradient(top,  #e4e4e4 0%, #ebebeb 50%, #e7e7e7 51%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(50%,#ebebeb), color-stop(51%,#e7e7e7), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #e4e4e4 0%,#ebebeb 50%,#e7e7e7 51%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #e4e4e4 0%,#ebebeb 50%,#e7e7e7 51%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #e4e4e4 0%,#ebebeb 50%,#e7e7e7 51%,#f2f2f2 100%);
    background: linear-gradient(top,  #e4e4e4 0%,#ebebeb 50%,#e7e7e7 51%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#f2f2f2',GradientType=0 )}
.previous {padding:7px 13px 7px 28px}.next{padding:7px 28px 7px 13px}
.previous:before{content: url(images/previous-arrow.gif)" ";position: absolute;left: 10px;top: 9px;
                 /*-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);*/ letter-spacing:.6em}
.next:after{content:"   " url(images/next-arrow.gif);letter-spacing:.9em; position: absolute;right: 10px;top: 9px}

a.post-tag, input.post-tag {color:#3E6D8E;background-color:#E0EAF1;border-bottom:1px solid #3E6D8E;border-right:1px solid #7F9FB6;padding:3px 4px 3px 4px;margin:2px 2px 2px 0;text-decoration:none;font-size:90%;line-height:2.4;white-space:nowrap;}
a.post-tag:hover, input.post-tag:hover {background-color:#3E6D8E;color:#E0EAF1;border-bottom:1px solid #37607D;border-right:1px solid #37607D;text-decoration:none;}