/*   

Theme Name: Sunny Score Website

Theme URI: www.mouldbase.com.my

Description: A website special design for Sunny Score Sdn Bhd. Design by PCT Internal Team, copyrighted.

Author: PCT - Pröductiön
Version: version 1

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

.hiddenpic {display:none;}

body {
	margin: 0 auto;
}

#body-bg {
background-image:url(img/body-bg.png);
background-repeat: repeat-x;
background-color:#f8f8f8;
}

#home-ads {
background:#000000;
width:960px;
height:404px;
}

#home-pic {
background:url(img/page/home/home-pic.jpg) no-repeat;
}

#header {
	height: 185px;
        width: 960px;
        margin: 0 auto 14px;    
}

#logo {
        background-image:url(img/header/logo.gif);
        background-repeat:no-repeat;
        float:left;
        margin:20px 0 0 52px;
}

#company-name {
        margin:31px 0 0 15px;
float:left;
}

#company-slogan {
margin:38px 0 0 15px;
float:left;
color:#cced43;
font-weight:bold;
font-family:arial;
font-style:italic;
font-size:125%;
}

#languages {
width:94px;
height:132px;
float:left;
}

#malay {
width:220px;
height:22px;
float:left;
text-align:right;
color:#ffffff;
margin:6px 0 0 0 ;
}


#english {
width:220px;
height:22px;
float:left;
text-align:right;
color:#ffffff;
}


#?? {
color:#ffffff;
width:220px;
height:22px;
float:left;
text-align:right;
}

#menu {
width:685px;
height:185px;
float:right;

}

#home-content {
float:left;
}

#home-pic {
float:left;
}

#home-left-content {
width:478px;
float:left;
}

#home-right-content {
width:207px;
height:185px;
float:left;
}

#home-outline {
width:700px;
height:195px;
}

#home-readmore {
color:#FFF200;
font-size:80%;
height:30px;
margin-left:31px;
text-decoration:underline;
width:660px;
}

#nav {
	width: 900px;
	height: 66px;
	margin: 0 auto;
	padding-right: 130px;
}

#menu a {
	cursor: pointer;
}

#banner {
	width: 960px;
	height: 194px;
	margin: 0 auto;
}

#content-wrap {
	width: 960px;
	margin: auto;

}

#content-wrap-left {
background-image:url(img/content-bg.gif);
background-repeat:repeat-x;
width:700px;
background-color:#246700;
margin:15px 0;
}

#content-wrap-left p {
padding:0 16px 0 31px;
text-align:justify;
margin-top:5px;
margin-bottom:10px;
}

#home-content-left p {
padding:0 31px;
text-align:justify;
margin-top:5px;
margin-bottom:10px;
width:225px;
}

p {color:#ffffff;
font-size:87%;
}

#content-wrap-right {
background-image:url(img/content-bg.gif);
background-color:#246700;
background-repeat:repeat-x;
left:720px;
position:absolute;
top:0px;
_top:15px;
width:221px;
}

*+html #content-wrap-right {
background-color:#246700;
background-repeat:repeat-x;
left:720px;
position:absolute;
top:15px;
width:221px;
}

#footer {
height:56px;
margin:0 auto;

border-top:1px solid #b9b9b9;
margin-top:30px;
}


#footer-logo {
        margin:7px 0 0 15px;
float:left;      
}

#footer-content {
width:960px;
height:56px;
font-size:75%;
padding:15px 0 0 0;
color:#000000;
margin:0 auto;
}


#copyright {
	position: absolute;
	margin-bottom: 10px;
	bottom: 0;
	left: 0;
	font-size: 90%;
}

#img-preload {
	display: none;
}
/*********** End Structure **********/

/*********** Begin General Setting **********/
body {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-color: #000000;
}

h1 {
	margin: 0;
	padding: 0;
	margin-top: 8px;
        font-size:180%;
        color:#b00203;
        font-weight:lighter;
        margin-left:44px;
        margin-top:15px;
		margin-bottom:15px;
        padding-top:15px;
		
}





h2 {
	margin: 0;
	padding: 0;
	margin-top: 8px;
	font-weight: bold;
	font-size: 120%;
	color: #ee1a4d;
}
/*********** End General Setting **********/

/*********** Begin Nav **********/
#home-btn {
	background: url('img/nav/home-btn.png');
	width: 101px;
	height: 185px;
	float: left;

}

#home-btn:hover {
	background: url('img/nav/home-hover-btn.png');
}

#company-btn {
	background: url('img/nav/company-btn.png');
	width: 119px;
	height: 185px;
	float: left;

}

#company-btn:hover {
	background: url('img/nav/company-hover-btn.png');
}

#mouldbase-btn {
	background: url('img/nav/mouldbase-btn.png');
	width: 142px;
	height: 185px;
	float: left;

}

#mouldbase-btn:hover {
	background: url('img/nav/mouldbase-hover-btn.png');
}

#component-btn {
	background: url('img/nav/component-btn.png');
	width: 195px;
	height: 185px;
	float: left;

}

#component-btn:hover {
	background: url('img/nav/component-hover-btn.png');
}

#contact-btn {
	background: url('img/nav/contact-btn.png');
	width: 124px;
	height: 185px;
	float: left;

}

#contact-btn:hover {
	background: url('img/nav/contact-hover-btn.png');
}


/*********** End Nav **********/


/*********** Begin Product *********/

#content-wrap2 {
width:821px;
margin: 0 auto;	
}

#face-product-outline {
width:821px;
height:1881px;
}

.product-title {
float:left;
height:40px;
margin-top:15px;
width:410px;
}

.product-title2 {
float:left;
height:63px;
margin-top:22px;
width:410px;
}

.product-content {
background-image:url(img/page/faceproduct/product-bg-1.jpg);
background-image-repeat:no-repeat;
       height:350px;
       width:408px;
float:left;
}

.product-content-5 {
background-image:url(img/page/faceproduct/product-bg-1-5.jpg);
background-image-repeat:no-repeat;
       height:350px;
       width:413px;
float:left;
}

#product-content2 {
background-image:url(img/page/faceproduct/product-bg-2.jpg);
background-image-repeat:no-repeat;
       height:456px;
       width:408px;
float:left;
}

#product-content2-5 {
background-image:url(img/page/faceproduct/product-bg-2-5.jpg);
background-image-repeat:no-repeat;
       height:456px;
       width:413px;
float:left;
}

#product-content3 ol { padding:0 0 0 0; }

.product-content-5 ol{ padding:0 0 0 0; }

.product-content-5 ol li{ padding:0 0 0 0; }

.product-content ol{ padding:0 0 0 0; }

.product-content ol li{ padding:0 0 0 0; }

#product-content2 ol{ padding:0 0 0 0; }

#product-content2 ol li{ padding:0 0 0 0; }

#product-content2-5 ul{
padding:0 0 0 0;
}

##product-content2-5 ul li{
padding:0 0 0 0;
}

#product-content3 {
background-image:url(img/page/faceproduct/product-bg-3.jpg);
background-image-repeat:no-repeat;
       height:414px;
       width:821px;
float:left;
}

#product-content4 {
background-image:url(img/page/faceproduct/body-product-bg.png);
background-image-repeat:no-repeat;
       height:379px;
       width:821px;
float:left;
}

#product-content4 p{
margin:0px;
}

#product-content4 ol{
font-weight:600;
margin:30px 0 0 70px;
padding:0 0 0 0;
}

#product-content3 img {
margin:3px 0 0 20px;
}

#sunblock-pic {
margin:55px 0 0 30px;
}

#cleanser-pic {
margin:6px 0 0 75px;
}

#toner-pic {
margin:6px 0 0 146px;
}

#mature-pic {
margin:55px 0 0 106px;
}

#mask-pic {
margin:27px 0 0 80px;
}

#serum-pic {
margin:55px 0 0 20px;
}

#cleanser-text {
font-weight:600;
margin:34px 0 0 70px;
}

#toner-text {
font-weight:600;
margin:32px 0 0 70px;
}

#sunblock-text {
font-weight:600;
margin:50px 0 0 70px;
}

#mature-text {
font-weight:600;
margin:50px 0 0 70px;
}

#mask-text {
font-weight:600;
margin:42px 0 0 70px;
}

#serum-text {
font-weight:600;
margin:5px 0 0 55px;
}

#product-content3 ol{
font-weight:600;
margin:25px 0 0 70px;
list-style-type:none;
}

#content3-left {
width:400px;
height:200px;
float:left;
}

#content3-right {
width:400px;
height:200px;
float:left;
}

#content2-5-left {
width:195px;
height:200px;
float:left;
}

#content2-5-right {
width:200px;
height:200px;
float:left;
}

ol #slimming-text{
font-weight:600;
margin:58px 0 0 18px;
}

#body-product-outline {
width:821px;
height:460px;
}

#slimming-pic {
margin:8px 0 0 65px;
}

#body-product-outline h2{
margin: 23px 0 12px 0;
}

#content2-5-left p{
font-size:110%;
font-weight:600;
margin:42px 0 10px 42px;
}

#content2-5-right #serum-text{
font-size:110%;
font-weight:600;
list-style-type:none;
margin:42px 0 0 55px;
}

/*********** End Product *********/
/*********** begin Contact *********/

html>body #submit-btn {

	background: url(img/page/contact/send-btn.png);
      
        background-repeat:no-repeat;

	border: none;

        outline:none;

	width: 50px;

	height: 20px;

	text-indent: -900%;
}

*html #submit-btn {

	width: 50px;

	height: 20px;

}

#form tr td{
height:28px;
font-weight:600;
}

#contact-outline {
height:338px;
width:840px;
}

#contact-outline h2 {
margin: 23px 0 12px 0;
}

#contact-left {
width:480px;
height:330px;
float:left;
}

#contact-right {
width:340px;
height:342px;
float:left;
background-image:url(img/page/contact/contact-girl-pic.jpg);
background-repeat:no-repeat;
margin-top:7px;
}

/*********** End Contact *********/


#quick-links {
color:#CCE5BF;
font-size:150%;
margin:0;
margin:16px 0 0 24px;
}

h3 {
color:#CCE5BF;
font-size:110%;
font-weight:bold;
margin:0;
margin:11px 0 0 24px;
}


#content-wrap-right ul li{
color:#CCE5BF;
text-decoration:underline;
font-size:82%;
margin-bottom:3px;
}


#content-wrap-right ul {
margin-top:8px;
margin-bottom:17px;
list-style-image:url(img/sidebar-bullet-2.gif);
list-style-type:circle;
}


#home-pic {
background:url(img/page/home/home-pic.jpg) no-repeat;
}

#company-pic {
background:url(img/page/company/company-pic.jpg) no-repeat;
width:960px;
height:228px;
margin:0 auto;
}

#mouldbase-pic {
background:url(img/page/mouldbase/mouldbase-pic.jpg) no-repeat;
width:959px;
height:229px;
margin:0 auto;
}

#component-pic {
background:url(img/page/component/component-pic.jpg) no-repeat;
width:959px;
height:229px;
margin:0 auto;
}

#contact-pic {
background:url(img/page/contact/contact-pic.jpg) no-repeat;
width:959px;
height:229px;
margin:0 auto;
}



#pages-content-wrap {
width:908px;
border-left:24px solid #e5e5e5;
border-right:24px solid #e5e5e5;
border-top:30px solid #e5e5e5;
border-bottom:30px solid #e5e5e5;
margin: 18px auto ;

}

#pages-content-wrap p {
font-size:100%;
color:#000000;
padding: 0 44px;

}

#pages-content-wrap-border-line {
border-left:1px solid #cacaca;
border-right:1px solid #cacaca;
border-top:1px solid #cacaca;
border-bottom:1px solid #cacaca;

}

#pages-content-wrap-border-line-white {
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
background:#f4f4f4 url(img/page/pages-bg.jpg) no-repeat;
}

#pages-content-wrap-border-line-white-mouldbase {
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
background:#f4f4f4 url(img/page/mouldbase/pages-bg.jpg) no-repeat;
}

#pages-content-wrap-border-line-white-contact {
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
background:#f4f4f4 url(img/page/contact/pages-bg.jpg) no-repeat;
}

/***********************Albert begin mould pages*********************/
#mouldbase-pages {
width:900px;
height:490px;
}

#mouldbase-pages ul {
 margin:0;
 padding:0;
 list-style:none;
}

#mouldbase-pages ul li {
 margin:35px 0 0 45px;
 padding:0;
 float:left;
 height:190px;

 }
 
 
*html #mouldbase-pages ul li {
 margin:35px 20px 0 23px;
 padding:0;
 float:left;
 height:190px;

 }
 
 

#style-1 {
background:url(/wp-content/themes/mouldbase/img/page/03mouldbase/pic-1.jpg) no-repeat;
width:167px;
}

#style-1 img{
margin:150px 0 0 60px;

}

#style-2 {
background:url(/wp-content/themes/mouldbase/img/page/03mouldbase/pic-2.jpg) no-repeat;
width:167px;
height:186px;

}

#style-2 img{
margin:150px 0 0 60px;

}

#style-3 {
background:url(/wp-content/themes/mouldbase/img/page/03mouldbase/pic-3.jpg) no-repeat;
width:167px;
height:186px;

}

#style-3 img{
margin:150px 0 0 60px;

}

#style-4 {
background:url(/wp-content/themes/mouldbase/img/page/03mouldbase/pic-4.jpg) no-repeat;
width:167px;
height:186px;

}

#style-4 img{
margin:150px 0 0 60px;

}

#style-5 {
background:url(/wp-content/themes/mouldbase/img/page/03mouldbase/pic-5.jpg) no-repeat;
width:167px;
height:186px;

}

#style-5 img{
margin:150px 0 0 60px;

}

#style-6 {
background:url(/wp-content/themes/mouldbase/img/page/03mouldbase/pic-6.jpg) no-repeat;
width:167px;
height:186px;

}

#style-6 img{
margin:150px 0 0 60px;

}

#style-7 {
background:url(/wp-content/themes/mouldbase/img/page/03mouldbase/pic-7.jpg) no-repeat;
width:167px;
height:186px;

}

#style-7 img{
margin:150px 0 0 60px;

}

#mouldbase-pages img {
text-decoration:none;
border:none;

}

/***********************Albert end mould pages*********************/

/***********************Albert begin mould component*********************/

#mould-component-pages {
width:900px;
height:460px;

}

#mould-component-pages h1 {
width:450px;
padding:15px 0 0 0;
margin:15px 0 15px 44px;

}

#mould-component-pages img {
float:right;
margin:-55px -10px 0 30px;
}


#mould-component-pages p {
text-align:justify;
font-size:100%;
color:#000000;
margin:20px 0 23px 0;
padding:0;
}

/*************************end mould component*********************/

/***********************Albert begin contact*********************/
#contact {
width:900px;
height:900px;
margin-top:25px;
}

#contact iframe {
margin:10px 0 0 34px;
padding:0;
border:7px solid #FFFFFF;
 }

/*\*/ * html #contact iframe {
border-left:7px;
border-right:1px;
border-bottom:1px;
border-color:#FFFFFF;
border-style:solid;

}
/**/ 


#contact-our-information {
float:left;
}

#contact-our-information ul {
margin:25px 0 0 34px;
padding:0;
list-style:none;	
width:203px;
}

#contact-our-information ul li {
padding:0;
margin:0;
}

#contact-enquiry {
margin:30px 0 0 0px;
padding:0;
float:left;
background:url(/wp-content/themes/mouldbase/img/page/contact/pic-1.gif) no-repeat;
width:502px;
height:339px;
}

#contact h1 {
	margin: 15px 150px 0 30px;
	padding: 0;
	font-size:180%;
     color:#b00203;
     font-weight:lighter;
 padding-top:15px;
		
}

#contact-enquiry-form {
margin:30px 0 0 40px;
padding:0;
}

#contact-enquiry-form td {
color:#FFFFFF;
}


/*************** Max Style Begin **************/


#home-pic {
background:url(img/page/home/home-pic.jpg) no-repeat;
}

#company-pic {
background:url(img/page/company/company-pic.jpg) no-repeat;
width:960px;
height:228px;
margin:0 auto;
}

#mouldbase-pic {
background:url(img/page/mouldbase/mouldbase-pic.jpg) no-repeat;
width:959px;
height:229px;
margin:0 auto;
}

#component-pic {
background:url(img/page/component/component-pic.jpg) no-repeat;
width:959px;
height:229px;
margin:0 auto;
}

#contact-pic {
background:url(img/page/contact/contact-pic.jpg) no-repeat;
width:959px;
height:229px;
margin:0 auto;
}



#pages-content-wrap {
width:908px;
border-left:24px solid #e5e5e5;
border-right:24px solid #e5e5e5;
border-top:30px solid #e5e5e5;
border-bottom:30px solid #e5e5e5;
margin: 18px auto ;

}

#pages-content-wrap p {
font-size:100%;
color:#000000;
padding: 0 44px;

}

#pages-content-wrap-border-line {
border-left:1px solid #cacaca;
border-right:1px solid #cacaca;
border-top:1px solid #cacaca;
border-bottom:1px solid #cacaca;

}


#pros-list {
background:url('img/page/company/list-bg.gif') no-repeat;
width:455px;
height:210px;
margin:20px 0 20px 44px;
_margin:20px 0 20px 22px;
float:left;
}

#pros-list p{
color:#ffffff;
margin:0 0 8px 30px;
}

#pros-list ul {
color:#FFFFFF;
font-size:120%;
font-weight:bold;
list-style-image:url(img/page/company/tick.gif);
margin:0;
padding:18px 0 0 70px;
*padding:18px 0 0 50px;
}

#pros-list ul li{
padding-left:8px;

*padding-left:20px;
}

#company-outline {
height:383px;
width:900px;
}

#usingpc {
width:313px;
height:203px;
float:right;
margin:18px 0 0 0 ;
}

#home-discover-left {
background:url('img/page/home/whyus-bg.jpg') no-repeat;
width:266px;
float:left;
height:404px;
}

#home-discover-left ul {
color:#ffffff;
}

#home-discover-right {
background:url('img/page/home/discover-bg.jpg') no-repeat;
float:left;
width:681px;
height:405px;
position:relative;
margin:0 0 0 10px;
}

#home-discover-right a {
outline:none;
}

#home-discover-outline {
height:780px;
width:960px;

}


#home-discover-outline ul {
list-style-image:url('img/page/home/tick3.gif');
margin:25px 0 0 30px;
*margin:25px 0 0 50px;
}

#home-discover-outline ul li {
padding:2px 0 0 0;
*padding:2px 0 0 20px;
}

#whyus {
margin:20px 0 0 40px;
font-size:150%;
}

#wehave {
font-size:140%;
}

p#wehave {
margin:0 0 0 40px;
padding:0;

}

#bigwhy {
color:#FFFFFF;
font-size:220%;
font-weight:bold;
}

#commited {
font-size:370%;
color:#373737;
margin:40px 0 0 54px;
font-weight:bold;
}

#quality {
color:#B00203;
font-size:240%;
font-weight:bold;
margin:0 0 0 54px;
}

#discover-btn {
margin:62px 0 0 50px;
}

#slide-outline {
background:transparent url('img/page/home/slide-bg.jpg') no-repeat;
width:960px;
height:357px;
float:left;
margin-top:14px;
position:relative;
}


#slide-wrap {
width:960px;
height:757px;
margin-top:14px;
}

#slide-title {
color:#373737;
font-size:170%;
padding:38px 0 0 65px;
*padding:58px 0 0 65px;
font-weight:bold;
}

#slide-mouldbase {
color:#ad0004;
}


#mouldbase-pages a {
outline:none;
}

#mms-logo {
float:right;
margin:0 25px 0 0;
}

#s50c {
float:right;
left:320px;
position:absolute;
top:63px;
}

#nav-text {
display:none;
}