/*   

Theme Name: Gentle Supreme Sdn Bhd

Theme URI: www.misedaap.com.my

Description: A website special design for misedaap.com.my. Design by PCT Internal Team, copyrighted.

Author: PCT -- Production --

Version: version 1

/*********** Begin Sturcture **********/

.hiddenpic {display:none;}

body {
	font-family: "Georgia", Times New Roman, Times, serif;
	background-color:#ffffff;
	text-align:justify;
	font-size:14px;
	margin:0 auto;
}



h2 {
   margin:0 0 20px 0;
   outline:none;
   }

#title-bg {
background:url('img/page/home/title-bg.png') no-repeat;
width:511px;
height:41px;
padding:8px 0 0 70px;
}


h3 {
   font-size:24px;
   color:#000000;
   margin:0;
   }
   
h4 {
   font-size:14px;
   color:#ffffff;
   margin:0;
   padding:0;
   }

h5 {
   font-size:14px;
   color:#000000;
   font-family: Georgia, "Times New Roman", Times, serif;
   margin:0;
   padding:0px 0 0 0;
   }
   
p {
   font-size:14px;
   color:#000000;
   margin:0;
   padding:0;
   }   

a {
   outline:none;
   text-decoration:none;
   color:#000000;
   }

img {
outline:none;
border:none;
}

#page-footer {
clear:both;
height:10px;
}
/************ Begin Header ************/

#nav {
position:absolute;
top:0;
right:0;
}

#header {
	background: url('img/general/body-bg.png') repeat-x;
	margin:0 auto;

	}

#header-layout {
	height:160px;
	width:980px;
	margin:0 auto;
		position:relative;
	}

#home-header {
	height: 600px;
	width:980px;
	margin:0 auto;
}


	
#logo {        
        padding:30px 0 0 48px;
		margin:0;
		float:left;
}

#logo a img{
        outline:none;
		border:none;
}


#flash {
padding:0 0 0 10px;
	  }
	  
#banner img{
margin:-10px 0 0 10px;
}
/************ End Header ************/

/*********** Begin Nav **********/
#menu{
		margin:45px 0 0 170px;
		padding:0;
		width:691px;
		height:320px;
		float:left;
	}

#menu a{
		list-style:none;
		padding:0;
		margin:9px 0 15px 30px;
		}


#tv01-btn {
background:url(img/page/tvc/tv-btn02.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv01-btn-on {
background:url(img/page/tvc/tv-btn.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv02-btn {
background:url(img/page/tvc/tv-btn02.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv02-btn-on {
background:url(img/page/tvc/tv-btn.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv03-btn {
background:url(img/page/tvc/tv-btn04.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv03-btn-on {
background:url(img/page/tvc/tv-btn03.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv04-btn {
background:url(img/page/tvc/tv-btn04.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv04-btn-on {
background:url(img/page/tvc/tv-btn03.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv05-btn {
background:url(img/page/tvc/tv-btn06.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv05-btn-on {
background:url(img/page/tvc/tv-btn05.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv06-btn {
background:url(img/page/tvc/tv-btn06.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv06-btn-on {
background:url(img/page/tvc/tv-btn05.png) no-repeat;
width:125px;
height:125px;
float:left;
}

#tv01-btn-on p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}
#tv02-btn-on p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}
#tv03-btn-on p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}
#tv04-btn-on p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}
#tv05-btn-on p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}
#tv06-btn-on p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}

#tv01-btn p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}
#tv02-btn p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}
#tv03-btn p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}
#tv04-btn p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}
#tv05-btn p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}
#tv06-btn p{
padding:125px 0 0 0;
width:125px;
text-align:center;
}		
/*********** End Nav **********/



 

/*********** Begin homepage **********/
#main {
      width:980px;
	  margin:0 auto;
	  background:url('img/general/content-bg.png') no-repeat bottom;
	  }


#home {
     margin:0;
	 padding:20px 30px 10px 30px;
	 }
	 
.home-layout{
     width:600px;
	 height:270px;
	 float:left;
	 }

	 
.home-layout2 .more-btn {
     float:right;
	 margin:-30px 20px 0 0;
	 background:url('img/page/home/more-btn.png') no-repeat right;
	 width:100px;
	 height:15px;
	 font-weight:bold;
	 padding:0 0 0 4px;
	 
	 }
	 
.home-layout img{
margin:10px 20px 0 0;
float:left;
}

.home-layout p{
margin:30px 0 20px 0;
float:left;
width:270px;
}


.home-layout2{
     width:600px;
	 height:400px;
	 float:left;
	 }


.home-layout2 img {
margin:10px 20px 0 0;
float:left;
}

a.read-btn p{
background:url(img/page/home/read-more-btn.png);
width:218px;
height:25px;
color:#FFFFFF;
font-weight:bold;
margin:0 0 10px 0;
padding:10px 0 0 10px;
}

a.winner-btn p{
background:url(img/page/home/winner-list-btn.png);
width:218px;
height:25px;
color:#FFFFFF;
font-weight:bold;
margin:0;
padding:10px 0 0 10px;
}

.home-layout3{
     width:300px;
	 height:400px;
	 float:right;
	 }
	 
.rss {
background:url('img/page/home/rss-bg.png');
width:266px;
height:67px;
padding:25px 0 0 20px;
margin:40px 0 40px 0;
} 

.rss .sub-col{
width:180px;
float:left;
}

.video {
background:url('img/page/home/video-bg.png');
width:258px;
height:231px;
padding:50px 0 0 14px;
}

.video p{
font-weight:bold;
color:#ffffff;
padding:18px 0 0 150px;
}
/*********** End Home page ***********/	 

/*********** Begin Page ***********/	 


#page {
padding:20px 0 70px 28px;
	 }

#page-title-bg {
background:url('img/page/page-title-bg.png') no-repeat;
width:859px;
height:41px;
padding:8px 0 0 70px;
}

/*********** End Page ***********/	 	 

/*************** begin product ****************/
#product .product-layout img{
padding:10px 0 0 0;
float:left;
}

#product .product-layout .content-layout{
background:url('img/page/product/product-bg.png') no-repeat;
float:right;
width:280px;
height:154px;
padding:20px 0 0 20px;
margin:20px 10px 0 0;
}

#product .product-layout {
height:310px;
}

/*************** end of product ************/


/*************** begin recipe *************/

#recipe .content-layout {
height:370px;
}

#recipe .content-layout img{
float:left;
margin:15px 0 0 -30px;
}

#recipe .content-layout h4{
margin:15px 0 0 -20px;
background-color:#ea1a23;
float:left;
padding:5px 255px 5px 20px;
}

#recipe .content-layout ul{
width:320px;
float:left;
margin:15px 0 70px -25px;
}

#recipe .content-layout ul li{
margin:0 0 3px 0px;
}

*html #recipe .content-layout ul li{
margin:0 0 3px 20px;
}

*+html #recipe .content-layout ul li{
margin:0 0 3px 20px;
}

#recipe .content-layout a.pdf-btn{
padding:5px 35px 5px 10px;
margin:20px 0 0 230px;
background:url('img/page/recipe/pdf2-btn.png') no-repeat;
color:#aa050c;
}

#recipe .content-layout2 ul {
list-style:none;
padding-left:15px;
padding-top:20px;
margin:0;
}

#recipe .content-layout2 ul li{
margin:0 15px 15px 0;
padding:0;
float:left;
}

#recipe .content-layout2 ul li h4.product-title{
width:268px;
height:31px;
margin:-3px 0 0 0;
padding:15px 0 0 20px;
background-color:#aa050c;
}

#recipe .content-layout2 ul li h4.product-title2{
width:268px;
height:31px;
margin:-3px 0 0 0;
padding:15px 0 0 20px;
background-color:#ea1a23;
}

#recipe .content-layout2 ul li h4.product-title a img{
float:right;
margin:-5px 10px 0 0;
}

#recipe .content-layout2 ul li h4.product-title2 a img{
float:right;
margin:-5px 10px 0 0;
}

*html #recipe .content-layout2 ul li h4.product-title2 a img{
float:right;
margin:-18px 10px 0 0;
}

*+html #recipe .content-layout2 ul li h4.product-title2 a img{
float:right;
margin:-18px 10px 0 0;
}

*html #recipe .content-layout ul li h4.product-title2 a img{
float:right;
margin:-18px 10px 0 0;
}

*+html #recipe .content-layout ul li h4.product-title2 a img{
float:right;
margin:-18px 10px 0 0;
}

*html #recipe .content-layout2 ul li h4.product-title a img{
float:right;
margin:-18px 10px 0 0;
}

*+html #recipe .content-layout2 ul li h4.product-title a img{
float:right;
margin:-18px 10px 0 0;
}

*html #recipe .content-layout ul li h4.product-title a img{
float:right;
margin:-18px 10px 0 0;
}

*+html #recipe .content-layout ul li h4.product-title a img{
float:right;
margin:-18px 10px 0 0;
}
/********** end of recipe **********/


/********** begin event ***********/
#event {
width:960px;
text-align:center;
}
/********** end of evnet **********/


/********** begin contest ***********/
#contest .content-layout img{
margin:0 10px 20px -30px;
}

#contest .content-layout a{
float:right;
}

#contest .content-layout {
height:1100px;
}

#contest .content-layout2 img{
float:left;
}

#contest .content-layout2 #title-bg {
float:right;
}

#contest .content-layout2 a{
background:url('img/page/contest/winner-download.png') no-repeat;
width:277px;
height:58px;
font-weight:100;
font-size:24px;
padding:22px 0 0 90px;
float:right;
margin:10px 100px 10px 20px;
}

#contest .content-layout2 a:hover{
background:url('img/page/contest/winner-download.png') no-repeat;
width:277px;
height:58px;
font-weight:100;
font-size:24px;
padding:22px 0 0 90px;
float:right;
color:#aa050c;
margin:10px 100px 10px 20px;
}
/********** end of contest **********/

/********** begin contact ***********/

#contact .content-layout{
float:left;
padding:20px 0 0 0;
}

#contact .content-layout2{
float:left;
background:url('img/page/contact/contact-img01.png') no-repeat top;
width:320px;
padding:220px 0 0 30px;
margin:0 0 20px 0;
}

/********** end of contact **********/

#footer {
	background: url('img/footer/footer-bg.png') repeat-x;
	margin:0 auto;
	clear:both;
	}

#footer-layout {
     width:980px;
	 margin:0 auto;
	 height:72px;
	 }
	 
#footer-layout p{
padding:20px 0 0 0;
width:960px;
color:#aa050c;
font-size:10px;
}

#footer-layout ul {

	list-style-type: none;

	padding: 0;

	margin: 0 0 0 10px;
	
	width:800px;
	height:30px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;



}



#footer-layout ul li{

	padding:15px 10px 0 10px;

	float: left;
	
	width:100px;
	
	margin:0 0 0 0;
	
	color:#ffffff;
	
	border-right: solid #d7ba82 2px;
	
	text-align:center;

}

#footer-layout ul li.noline{

	padding:15px 10px 0 10px;

	float: left;
	
	width:100px;
	
	margin:0 0 0 0;
	
	color:#ffffff;
	
	border-right:none;
	
	text-align:center;

}

#footer-layout ul li a{
	
	color:#ffffff;
}

#footer-layout ul li a:hover{
text-decoration:underline;
}

/* begin form */
#form1 {

	width:856px;
	
	height:224px;
	
	background:url('img/page/contact/contact-form-bg.jpg') no-repeat;
	
	margin:25px 0 0 0;
	padding:10px 0 0 20px;

}

#form1 #form-left {

	width:410px;
	
	float:left;

}

#form1 #form-left p.form1-title {

	color:#000000;
	
	font-size:24px;
	
	padding:35px 0 0 49px;

}

#form1 #form-left p {

	color:#000000;
	margin:5px 0 10px 0px;
	padding:0;
	width:50px;

}

#form1 #form-left table {

}

#form1 #form-left td {

	padding:12px 0 5px 0;

}

#form1 #form-right {

	width:428px;
	
	
	float:left;

}

#form1 #form-right table {
   margin:0 0 0 0px;

}

*html #form1 #form-right table {
   margin:0 0 0 0;

}

#form1 #form-right td {

	padding:10px 0 5px 0;

}

#form1 #form-btn {
	margin:-7px 40px 0 0;
	float:right;
}

*+html #form1 #form-btn {
	margin:-12px 40px 0 0;
	float:right;
}

*html #form1 #form-btn {
	margin:-12px 0 0 0;
	padding:0 40px 0 0;
	float:right;
}

#form1 #form-right p {

	color:#000000;
	margin:5px 0 10px 20px;
	padding:0;

}

.col{
  width:489px;
  height:26px;
  margin:0 0 0 0;
  padding:7px 0 0 10px;
  border:none;
  background:url('img/page/contact/contact-col01.png');
  }
  
.col2{
  width:492px;
  height:106px;
  border:none;
  margin:0 0 10px 5px;
  padding:7px 0 0 10px;
  background:url('img/page/contact/contact-col02.png');
  }
  
/* end form */

#tvc-bg {
background:url("img/page/tvc/tvc-bg.png");
width:553px;
height:430px;
margin:20px 0 0 200px;
padding:37px 0 0 38px;
}

#preload {
display:none;
}

#footer-logo {
float:right;
margin:-48px 20px 0 0;
}