/* -----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	1.	Global reset and site defaults
	    - Headings
		- Common Formatting
		- Links
	2. Main Structure
	3. Main Content
		- Content Left
		- Content Right
	4. Footer
	5. Navigation
	6. Form Elements

/* ------------------------------------------------------------
   1. Global reset and site defaults
---------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, img {
	margin:0;
	padding:0;
	font-family: "Arial", Calibri, Tahoma,  sans-serif;
}
html, body {
	height: 100%;
}
body {
	margin:0;
	font-size: 9pt;
	background:url(../i/bg-base.jpg) left top repeat #ffd400;
	color:#504138;
	line-height: 1.5em;
}


div, object, embed { outline:none; }

/* Headings
---------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", Calibri, Tahoma,  sans-serif;
}
h1 {
	color:#000000;
	margin:26px 0 0 35px;	
	font:bold 22pt "Arial";
}
h2 {
	font:bold 13pt "Arial";
	color:#c31331;
	line-height: 1.5em;
}

h3 {
	font:bold 12pt "Arial";
	margin:0 0 10px 0;
	line-height: 1.5em;
}

h4 {
	font:bold 10pt "Arial";
	margin:0 0 10px 0;
	line-height: 1.5em;
}

h5{
	font:bold 10pt "Arial";
	margin:3px 0;
}

h6 {
	font:bold 11pt "Arial";
	margin:3px 0;
}

/* Common Formatting
---------------------------------------------------------------*/
p {
	margin:0;
}

fieldset, img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
#right {
	float:right;
}
#left {
	float:left;
}
.right {
	text-align:right;
	float:right;
}

#nomargin{
	margin:0!important;
}

.nomargin{
	margin:0!important;
	padding:0!important;
}

#clearfloat {
	clear:both;
}

#left-btn{
	float:left;
	padding:0 0 0 30px;
}

#right-btn{
	float:right;
	padding:0 30px 0 0;
}


/* Indicate
---------------------------------------------------------------*/
#indicate{
	width:678px;
	float:left;
	padding:10px 0 15px 35px;
	color:#737373;
	font:normal 7pt "tahoma";
}

#indicate a{
	color:#737373;
}

.txt-indicate{
	color:#f96a0b;
}

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

a.brownB {
	color:#571c1f;
}
a.brownB:hover {
	color:#313131;
	text-decoration:underline;
}

.txt-red{
	color:#e80808;
	font:normal 8pt "Arial";	
}

.txt-red2{
	color:#e80808;
	font:normal 8pt "Arial";	
}

.txt-white{
	color:#ffffff;
	font:normal 7pt "Tahoma";
}


/* ------------------------------------------------------------
   2. Structure
---------------------------------------------------------------*/
/* Container*/
#container{
	width:960px;
	margin: 0px auto;
	position:relative;
}

/* top flash navigation + swimming fish*/
#nav{
	width:960px;
	float:left;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
}
/* Holder for content*/
#holder-nav{
	width:960px;
	float:left;
	height:138px;
}



/* left panel with seaweed background - extendable*/
#left-panel{
	width:813px;
	float:left;
	background:url(../i/bg-side1.jpg) left top repeat-y;
	padding:0 0 0 147px;
}

#right-panel{
	width:813px;
	float:left;	
}

#next{
	width:0;
}

#footer{
	width:955px;
	float:left;
	font:normal 7pt "Tahoma";
	padding:7px 5px 7px 0;
	text-align:right;
}

.footer-country{
	padding:45px 5px 7px 0!important;
}

#footer img{
	margin:0 0 0 5px;
}

/* Main UL li*/
ul{
	padding:0 0 0 20px;
}

ul li{
	padding:1px 0;
}

/* Left Panel Content
------------------------------------ */
#holder{
	width:960px;
	float:left;
	position:relative;
}

#signup{
	width:147px;
	float:left;
	position:absolute;
	z-index:350;
	left:0;
	top:7px;
	background:#ebaa03;
	padding:0 0 10px 0;
}

#signup p{
	padding:0 0 0 13px;
	}

#flag{
	width:147px;
	float:left;
	position:absolute;
	z-index:200;
	left:0px;
	top:138px;
}

#ico-flag{
	width: 136px;
	float:left;
	position:absolute;
	z-index:200;
	top:10px;
	left:10px;
}

#country-indicate{
	width:130px;
	float:left;
	position:absolute;
	z-index:200;
	left:25px;
	top:340px;
}

#ico-flag p.ico-flagged{
	width:58px;
	float:left;
	margin:0 10px 10px 0;
}

#food2lov{
	width:159px;
	float:left;
	position:absolute;
	z-index:150;
	left:3px;
	top:4px;
}

#iconic{
	width:960px;
	float:left;
	position:absolute;
	z-index:150;
	left:0;
	top:230px;
}
#side-title{
	width:19px;
	float:left;
	position:absolute;
	z-index:250;
	left:128px;
	top:80px;
}

#side-title2{
	width:19px;
	float:left;
	position:absolute;
	z-index:160;
	left:128px;
	top:190px;
}

#side-title3{
	width:19px;
	float:left;
	position:absolute;
	z-index:250;
	left:128px;
	top:110px;
}

#building-ny{
	width:147px;
	float:left;
	position:absolute;
	z-index:100;
	left:0;
	top:242px;
}


/* Right Panel Content
------------------------------------ */
.bg-yellow{
	width:813px;
	float:left;
	background:url(../i/bg-bottom-yellow.jpg) left bottom no-repeat;
	padding:0 0 199px 0;
}

.bg-country{
	width:813px;
	float:left;
	background:url(../i/bg-bottom-country.jpg) left bottom no-repeat;
	padding:0 0 199px 0;
}

/* Fishy Tales */

.bg-fishy-history1{
	width:813px;
	float:left;
	background:url(../i/bg-fishy-history1.jpg) left top no-repeat;
	padding:0 0 35px 0;
}

.bg-fishy-history2{
	width:813px;
	float:left;
	background:url(../i/bg-fishy-history2.jpg) left top no-repeat;
	padding:0 0 35px 0;
}

.bg-fishy-brandusp{
	width:813px;
	float:left;
	background:url(../i/bg-fishy-brandusp.jpg) left top no-repeat;
	padding:0 0 35px 0;
}


.bg-fishy-vm{
	width:813px;
	float:left;
	background:url(../i/bg-fishy-vm.jpg) left top no-repeat;
	padding:137px 0 35px 0;
}

.bg-fishy-corevalue{
	width:813px;
	float:left;
	background:url(../i/bg-fishy-corevalue.jpg) left top no-repeat;
	padding:0 0 35px 0;
}

.bg-fishy-shoutout{
	width:813px;
	float:left;
	background:url(../i/bg-fishy-shoutout.jpg) left top no-repeat;
	padding:0 0 35px 0;
}

.bg-fishy-fact{
	width:813px;
	float:left;
	background:url(../i/bg-fishy-fact.jpg) left top no-repeat;
	padding:0 0 35px 0;
}

.bg-fishy-csr{
	width:813px;
	float:left;
	background:url(../i/bg-fishy-csr2.jpg) left top no-repeat;
	padding:0 0 0 0;
}



#banner{
	width:813px;
	float:left;
}

#fishy{
	width:813px;
	float:left;
}

#fishy-brandusp{
	width:773px;
	float:left;
	padding:66px 20px 15px 20px;
}

.brandups1-text{
	float:left;
	width:350px;
	text-align:center;
	padding:90px 0 0 0;
}

.brandups2-text{
	float:left;
	width:350px;
	text-align:center;
}

.brandups2-pic{
	float:left;
	margin:0 40px 0 100px
}


.history{
	float:left;
	width:315px;
	padding:70px 0 0 82px;
	text-align:justify;
	line-height:1.7em;
}

.history2{
	float:left;
	width:315px;
	padding:70px 0 0 45px;
	text-align:justify;
	line-height:1.7em;
}

.history3{
	float:left;
	width:315px;
	padding:120px 0 0 82px;
	text-align:justify;
	line-height:1.7em;
}

.history4{
	float:left;
	width:315px;
	padding:70px 0 104px 45px;
	text-align:justify;
	line-height:1.7em;
}

.vision{
	width:360px;
	float:left;
	padding:0 0 0 150px;
}
.mission{
	width:440px;
	float:left;
	padding:75px 140px 80px 230px;
}

.corevalue{
	padding:102px 65px 0 65px;
	text-align:center;
	clear:both;
}

.corevalue-sb{
	width:320px;
	float:left;
	padding:25px 30px;
	text-align:center;
}

.fishyfact{
	width:605px;
	float:left;
	padding:73px 0 40px 118px;
	color:#ffffff;
	font:normal 8pt "Arial";
}


.shoutout{
	float:left;
	width:655px;
	padding:130px 0 0 60px;
}

.fishyfact p.source{
	color:#ffffff;
	font:normal 7pt "Tahoma";
	line-height:1.5em;
	padding:20px 0 0 10px;
}

.csr{
	width:783px;
	float:left;
	margin:0 0 25px 0;
	padding:40px 15px 20px 15px;
	color:#000000;
}
#slideshow{
	overflow:hidden;
	width:798px;
	height:320px;
	padding:0;
	position:relative;
	color:#000000;
}

img.csr-pic2{
	float:left;
	margin:0 30px 0 30px;
	padding:16px 0;
}

.csr p.csr-tx2{
	padding:20px 10px 0 0;
}

p.csr-pic-holder{
	float:left;
	width:783px;
	padding:16px 0 16px 5px;
}
img.csr-pic{
	float:left;
	margin:0 12px 0 0;
}

.csr-control{
	width:150px;
	float:left;
	text-align:right;
	padding:0 75px 60px 588px;
}

.csr-control p.control-btn{
	width:14px;
	float:left;
	margin:0 0 0 7px;
	cursor:pointer;
}
.csr-control p.control-btn-active{
	border:solid black 1px;
	background:url(../i/csr-mouseover.gif) no-repeat;
	height:14px;
	width:14px;
}

/* Menu Avenue - restaurant Location */
.bg-map1{
	width:813px;
	float:left;
	background:url(../i/map-bg.jpg) left top repeat;
	padding:0 0 0 0;
}


#map{
	width:813px;
	overflow:hidden;
	float:left;
}

#map .map-world{
	width:733px;
	float:left;
	text-align:center;
	padding:50px 40px 20px 40px;		
}

#map .map-bottom{
	width:813px;
	float:left;	
}

#map .map-title{
	width:773px;
	float:left;
	padding:50px 0 20px 40px;	
}

#map .map-backtomain{
	width:773px;
	float:left;
	padding:0 40px 20px 0;
	text-align:right;
}

.map-holder{
	width:733px;
	float:left;
	padding:0 40px 0 40px;
	text-align:center;
}

.fish-pg{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:190px;
	top:160px;
}

.fish-sel{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:265px;
	top:265px;
}

.fish-kv{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:275px;
	top:280px;
}

.fish-putra{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:280px;
	top:285px;
}

.fish-ns{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:300px;
	top:305px;
}

.fish-johor{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:385px;
	top:370px;
}

.fish-sarawak{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:485px;
	top:350px;
}

.fish-sabah{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:760px;
	top:140px;
}


.fish-sg1{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:590px;
	top:260px;
}

.fish-sg2{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:580px;
	top:325px;
}

.fish-sg3{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:600px;
	top:335px;
}

.fish-sg4{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:575px;
	top:125px;
}


.fish-sg5{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:735px;
	top:210px;
}

.fish-sg6{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:610px;
	top:320px;
}


.fish-sa{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:440px;
	top:290px;
}


.fish-th1{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:500px;
	top:265px;

}

.fish-th2{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:525px;
	top:260px;
}

.fish-th3{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:520px;
	top:270px;
}

.fish-indo{
	width:35px;
	float:left;
	position:absolute;
	z-index:150;
	left:376px;
	top:280px;
}


/* Bubble list out all Location */
#bubble{
	position:absolute;
	z-index:9999;
	width:200px;
	display:none;
}
a.bubblefish_selected { display: block; width: 35px; height: 9px;background: url("../i/ico-fish1.gif") 0 0 no-repeat;text-decoration: none;cursor:hand; }
a.bubblefish { display: block; width: 35px; height: 9px;background: url("../i/ico-fish.gif") 0 0 no-repeat;text-decoration: none;cursor:hand; }
a:hover.bubblefish{ display: block; width: 35px; height: 9px;background: url("../i/ico-fish1.gif") 0 0 no-repeat;text-decoration: none;cursor:hand; }

#bubble-corner{
	width:200px;
	float:left;
}

#bubble-corner .corner{
	width:21px;
	float:left;
}

#bubble-corner .corner-center{
	width:158px;
	float:left;
	margin:10px 0 0 0;
	background:#ffffff;
	border-top:1px solid #b0063a;
	height:10px;
}

#bubble-corner .corner-center2{
	width:158px;
	float:left;
	margin:0 0 10px 0;
	background:#ffffff;
	border-bottom:1px solid #b0063a;
	height:11px;
}

#bubble-content{
	width:158px;
	float:left;
	padding:0 10px;
}
.b-location{
	width:149px;
	float:left;
	padding:0 15px;
	background:#ffffff;
	border-left:1px solid #b0063a;
	border-right:1px solid #b0063a;
}

ul.location-list{
	padding:5px 0 0 13px;
}

ul.location-list li{
	padding:1px 0;
}

ul.location-list li a{
	color:#504138!important;
}

ul.location-list li a:hover{
	color:#c31331;
}

/* Menu Avenue - all Menu */
.bg-menu{
	width:813px;
	float:left;
	background:url(../i/map-bg.jpg) left top repeat;
	padding:0 0 0 0;
}


#menu{
	width:813px;
	float:left;
}

#menu-holder{
	width:600px;
	float:left;
	padding:50px 0 0 30px;
}


/* What's Cooking */

.bg-cookin{
	width:813px;
	float:left;
	background:url(../i/bg-fishy-brandusp.jpg) left top repeat;
	padding:0 0 50px 0;
}

#cookin{
	width:813px;
	float:left;
}

.cookinline{
	width:813px;
	float:left;
	position:absolute;
	z-index:150;
	left:145px;
	top:400px;
}

#cooking-control{
	width:138px;
	float:left;
	text-align:left;
	padding:15px 75px 10px 600px;
}

#cooking-control p.control-btn{
	width:14px;
	float:left;
	margin:0 0 0 7px;
	cursor:pointer;
}
#cooking-control p.control-btn-active{
	border:solid black 1px;
	background:url(../i/csr-mouseover.gif) no-repeat;
	height:14px;
	width:14px;
}


/* Fish Us Out */
.bg-fishusout{
	width:813px;
	float:left;
	background:url(../i/bg-fishusout.jpg) left top no-repeat;
	padding:0 0 20px 0;
}

.feedback{
	float:left;
	padding:100px 0 100px 75px;
}

.fishusout-text{
	float:left;
	width:380px;
	padding:60px 20px 85px 60px;
}


/* Sea of fame */
.bg-sea-award{
	width:813px;
	float:left;
	background:url(../i/bg-awardwin.jpg) left top no-repeat;
	padding:0 0 35px 0;
}

#award{
	width:748px;
	float:left;
	padding:45px 0 110px 65px;
}

/* sidenav2
------------------------------------ */
#sidenav2{
	width:130px;
	float:left;
	padding:80px 0 0 35px;
}

#sidenav2 ul{
	list-style:none;
	padding:0 0 0 0;
	text-align:center;
}

#sidenav2 li{
	list-style:none;
	padding:2px 0;
}

#sidenav2 li a {
	color:#333333;
	font:bold 9pt "Arial";
	padding:5px 0;
	display:block;
}


/* sidenav
------------------------------------ */
#sidenav{
	width:140px;
	position:absolute;
	top:70px;
	left:-10px;
	z-index:200;
}

#sidenav ul{
	list-style:none;
	text-align:right;
}

#sidenav li{
	list-style:none;
	padding:14px 0;
}

#sidenav li a {
	color:#333333;
	font:bold 9pt "Arial";
	display:block;
}

#sidenav li a:hover{
	text-decoration:none;
	color:#ffffff;
}

#sidenav li a:focus{
	text-decoration:none;
	color:#ffde00 !important;
}

#sidenav li a.selected {
	color:#ffffff 
}


#sidenav li a.current {
	color:#0062d0 !important;
	font-weight:bold;
	text-transform:uppercase;
}


#sidenav li a.lv1{
	color:#333333;
}

#sidenav li a:hover.lv1{
	color:#0062d0 !important ;
}
#sidenav li a.lv0{
	color:#333333;


}
#sidenav li a.selected{
	color:#333333 !important ;
}
#sidenav li a.perm{
	color:#ffffff;
}

#sidenav li a:hover.lv0{
	color:#ffffff;
}

#sidenav .submenu{
	margin:0;
	padding:0;
}

.bn{
	padding:0!important;
	}

.bn2{
	padding:0 0 10px 0!important;
	}
	
.bn3{
	padding:10px 0 0 0!important;
	}

.bn4{
	padding:10px 0 0 0!important;
	float:left;
	width:100px;
	}

#sb{
	width:216px;
	float:left;
}

#newsletter{
	width:181px;
	float:left;
	margin:20px 0 0 10px;
}

.acc_joinsub{
	width:166px;
	padding:0 0 0 15px;
	background:#dc0024;
	font:normal 8pt "Arial";
	color:#ffffff;
}

.ftk{
	float:left;
	width:60px;
}

.joinow{
	padding:5px 0;
}

.input-newsletter{
	border:1px solid #ffffff;
	height:16px;
	font:normal 8pt "Arial";
	width: 140px;
	margin:4px 0;
	color:#666666;
}



/* picture arrangement
---------------------------------------------------------------*/ 
.pic-right{
	float:right;
	margin:0 0 10px 10px;
} 

.pic-left{
	float:left;
	margin:0 10px 10px 0;
}

.pic-top{
	margin:5px 0 0 0 ;
}

.space-bottom{
	margin:0 0 10px 0;
}

.space-bottom2{
	margin:0 0 20px 0;
}

.space-both{
	margin:20px 0 5px 0;
}

.space-right{
	margin:0 15px 0 0;
}

/* ------------------------------------------------------------
   6. Form Elements
---------------------------------------------------------------*/

/* ---------------------------------------------------------------*/
/* ----->Form element<<<-------------*/
/* ---------------------------------------------------------------*/

#form-outer{
	width:325px;
	float:left;
	margin:80px 0 0 0;
	border-left:6px solid #a40303;
}

#form {
	float:left;
	width:99%;
	padding:0 0 0 20px;
}
#form label {
	display: block;
	float: left;
	width: 20%;
	padding: 0 10px 0 0;
	color:#504138;
	font-weight:bold;
}

#form p.row {
	width:99%;
	float:left;
	margin:4px 0;
}

#form p.row2 {
	width:75%;
	float:left;
	margin:4px 0;
	padding:0 0 0 22%;
}

#form span.forgotpass {
	width:56%;
	float:left;
	background:url(../i/dash2.gif) left center repeat-x;
	padding:15px 0 15px 5px;
}

#form span.txt-red2-invalid {
	color:#ff0600;
	float:left;
	display:block;
	clear:left;
	margin:10px 0 0 120px;
}
.textarea {
	border:1px solid #a98a6e;
	width:180px;

}

.input {
	border:1px solid #a98a6e;
	height:20px;
	width:180px;
}

.input2 {
	border:0px;
	height:17px;
	width:114px;
	margin:0 0 5px 0;
	padding:0 0 0 3px;
	font:normal 8pt "Arial";
}

.select2 {
	border:0px;
	font:normal 8pt "Arial";
	height:17px;
	width:117px;
}

.select {
	border:1px solid #a98a6e;
	margin:0 10px 0 0;
	font:normal 9pt "Arial";
	height:24px;
}


.txt-red2 {
	color:#ff0600;
	font:bold 7pt "tahoma";
}
input.required {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 180px;
}
.field {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 200px;
}
input.required, textarea.required {
	border: 1px solid #d9d9d9;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff7f00;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ff7f00;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}


/* ------------------------------------------------------------
   6. Popup
---------------------------------------------------------------*/
#pop{
	width:500px;
	position:relative;
	margin: 0px auto;
}

#pop-header{
	width:500px;
	float:left;
}

#pop-content{
	width:500px;
	float:left;
	background:url(../i/pop-bg.jpg) left top repeat-y;
	padding:10px 0 0 0 ;
}


#poptitle{
	width:480px;
	float:left;
	padding:0 0 5px 20px;
}

#pop-bodytx{
	width:460px;
	float:left;
	padding:5px 20px;
}


#pop-iconic{
	width:500px;
	float:left;
}

#pop-footer{
	width:490px;
	float:left;
	font:normal 7pt "Tahoma";
	padding:7px 5px;
	text-align:right;
}

#pop-footer img{
	margin:0 0 0 5px;
}

/* ------------------------------------------------------------
   6. Popup- Address
---------------------------------------------------------------*/
#pop-add{
	width:300px;
	position:relative;
	margin: 0px auto;
}

#pop-add-header{
	width:300px;
	float:left;
}

#pop-add-content{
	width:300px;
	float:left;
	background:url(../i/pop-bg.jpg) left top repeat-y;
	padding:10px 0 0 0 ;
}


#pop-addtitle{
	width:480px;
	float:left;
	padding:0 0 5px 20px;
}

#pop-add-bodytx{
	width:460px;
	float:left;
	padding:5px 20px;
}


#pop-add-iconic{
	width:500px;
	float:left;
}

#pop-add-footer{
	width:490px;
	float:left;
	font:normal 7pt "Tahoma";
	padding:7px 5px;
	text-align:right;
}

#pop-add-footer img{
	margin:0 0 0 5px;
}

/* ------------------------------------------------------------
   6. Popup -promo-tutle
---------------------------------------------------------------*/
#pop-turtle{
	width:850px;
	position:relative;
	margin: 0px auto;
	background:url(../i/p-turtle2.jpg) right top no-repeat;
	overflow:hidden;
}

#pop-turtle-left{
	width:330px;
	float:left;
}

#pop-turtle-right{
	width:477px;
	float:left;
	padding:100px 0 0 3px;
	text-align:justify;
	color:#000000;
	font-weight:bold;
}

.turtle-red {
	font:bold 11pt "Arial";
	color:#B1063A;
	line-height:1.3em;
}


/* ------------------------------------------------------------
   6. Popup -vote
---------------------------------------------------------------*/
#pop-vote{
	width:800px;
	position:relative;
	margin: 0px auto;
	background:url(../i/vote.jpg) right top no-repeat #350102;
	 overflow:hidden;
	padding:415px 0 0 0;
}
#pop-vote .vote-radio{
	float:left;
	text-align:center;
	}
	
#vote-content{
	width:785px;
	float:left;
	background:url(../i/vote-iconic.gif) left bottom no-repeat;
	padding:10px 0 20px 15px;
	}


#vote-content .vote-RM300{
	width:131px;
	float:left;
	padding:0 20px 0 0;
	}

#vote-box{
	width:520px;
	float:left;
	}
#vote-box .vote-c-form{
	width:488px;
	float:left;
	border-left:1px solid #9a8081;
	border-right:1px solid #9a8081;
	padding:0 15px;
	}
#vote-box .vote-c{
	width:14px;
	float:left;
	height:14px;
	}
	
#vote-box .vote-cc{
	width:492px;
	float:left;
	border-top:1px solid #9a8081;
	height:14px;
	}
#vote-box .vote-cc2{
	width:492px;
	float:left;
	border-bottom:1px solid #9a8081;
	height:14px;
	}
	
#form-vote {
	float:left;
	width:100%;
	color:#ffd503;
	font:bold 8pt "Arial";
}

#form-vote label {
	display: block;
	float: left;
	width: 25%;
	padding: 3px 5px 0 0;
}
#form-vote  p.row-vote2 {
	width:100%;
	float:left;
	margin:4px 0;
}

#form-vote  p.row-vote {
	width:50%;
	float:left;
	margin:4px 0;
}

.input-vote {
	border:none;
	height:16px;
	width:160px;
}

.input-vote2 {
	border:none;
	height:16px;
	width:472px;
	margin:0 0 5px 0;
}

.vote-term{
	width:395px;
	float:left;
	padding:5px 0 30px 161px;
	font:normal 6pt "Tahoma";
	color:#ffffff;
	}
	
.vote-submit{
	width:75px;
	float:left;
	padding:5px 0 0 20px;
	}

#vote-bottom{
	width:800px;
	float:left;
	background:#b0063a;
	padding:0 0 8px 0;
	text-align:center;
	}
#vote-bottom a{
	color:#ffd503!important;
	font:bold 14px "Arial"!important;	
	}
	
/* Popup -vote-result*/
#pop-vote-result{
	width:640px;
	position:relative;
	margin: 0px auto;
	background:url(../i/vote-result-bg.jpg) left top no-repeat;
	overflow:hidden;
	padding:340px 80px 25px 80px;
	height:320px;
}
.vote-result{
	width:29px;
	float:left;
	height:225px;
	background:url(../i/vote-result-starbg.gif) left top no-repeat #fef200;
	text-align:center;
	font-weight:bold;
	color:#000000;
	margin:0 123px 0 0;
	padding:40px 0 0 0;
	}


.vote-result-star{
	width:76px;
	position:absolute;
	z-index:10;
	text-align:center;
	}
.vote-result-food{
	width:150px;
	position:absolute;
	z-index:5;
	text-align:center;
	}

/* ------------------------------------------------------------
   9. Picture arragement
---------------------------------------------------------------*/
.img-r-10px{
	margin:0 10px 0 0;
}

.img-t-7px{
	margin:7px 0 0 0;
	}