/*   



Theme Name: My Umbrella Sdn Bhd



Theme URI: 



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



Author: PCT -- Production --



Version: version 1



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



.hiddenpic {display:none;}



body {

	font-family: "Arial", Helvetica, sans-serif;

	font-size:12px;

	margin:0 auto;

}







h2 {

   font-family: "Arial", Helvetica, sans-serif;

   margin:0 0 0 0;

   outline:none;

   font-weight:blod;

   color:#000000;

   font-size:16px;

   background:url('img/page/about/title-icon.png') no-repeat;

width:657px;

height:23px;

padding:10px 0 0 50px;

margin:20px 0 15px 0;



   }



#title-bg {

background:url('img/page/home/title-bg.png') no-repeat;

width:511px;

height:41px;

padding:8px 0 0 70px;

}





h3 {

   font-size:13px;

   	font-family: "Arial", Helvetica, sans-serif;

   color:#000000;

   font-weight:bold;

   margin:0;

   padding:0;

   }

   

h4 {

   font-family: Arial, Helvetica, sans-serif;

   font-size:16px;

   margin:0;

   padding:0;

      font-weight:blod;

   }



h5 {

   font-size:12px;

   font-weight:bold;

   color:#4e4027;

   font-family: "Arial", Helvetica, sans-serif;

   margin:0;

   padding:0px 0 0 0;

   }

   

p {

   font-size:12px;

   color:#000000;

   margin:0;

   padding:0;

   line-height:18px;

   text-align:justify;

   }   



a {

   outline:none;

   text-decoration:none;

   color:#000000;

   }



img {

outline:none;

border:none;

}



#page-footer {

clear:both;

height:50px;

}

/************ Begin Header ************/

#home-header {

background:url('img/header/header-bg.png');

width:960px;

height:130px;

margin:0 auto;

position: relative;

}



#header-bg {

background:url('img/header/page-header-bg.png');

height:241px;

}



#header-bg02 {

background:url('img/header/page-header-bg02.png');

height:241px;

width:1140px;

margin:0 auto;

}



#page-header {

background:url('img/header/header-bg.png');

width:960px;

height:130px;

margin:0 auto;

position:relative;

}

	

#logo {        

		margin:10px 0 0 0;

		float:left;

}



#logo a img{

        outline:none;

		border:none;

}





#flash {

padding:0 0 0 10px;

	  }



	  

#banner img{

margin:6px 0 0 0;

}



/************ End Header ************/



/*********** Begin NAV **********/

#menu{

margin:0;

padding:0;

list-style:none;

position:absolute;
right:0;


}



#home-btn {

background:url(img/nav/home-btn.png) no-repeat center;

width:55px;

height:25px;

float:left;

margin:5px 0 0 0;

}



#home-btn:hover {

background:url(img/nav/home-btn-hv.png) no-repeat center;

width:55px;

height:25px;

float:left;

margin:5px 0 0 0;

}



#about-btn {

background:url(img/nav/about-btn.png) no-repeat center;

width:140px;

height:30px;

float:left;

margin:25px 0 0 0;

}



#about-btn:hover {

background:url(img/nav/about-btn-hv.png) no-repeat center;

width:140px;

height:30px;

float:left;

margin:25px 0 0 0;

}



#product-btn {

background:url(img/nav/product-btn.png) no-repeat center;

width:155px;

height:40px;

float:left;

margin:30px 0 0 0;

}



#product-btn:hover {

background:url(img/nav/product-btn-hv.png) no-repeat center;

width:155px;

height:40px;

float:left;

margin:30px 0 0 0;

}



#cart-btn {

background:url(img/nav/cart-btn.png) no-repeat center;

width:145px;

height:40px;

float:left;

margin:20px 0 0 0;

}



#cart-btn:hover {

background:url(img/nav/cart-btn-hv.png) no-repeat center;

width:145px;

height:40px;

float:left;

margin:20px 0 0 0;

}



#contact-btn {

background:url(img/nav/contact-btn.png) no-repeat center;

width:80px;

height:30px;

float:left;

margin:0 60px 0 0;

}



#contact-btn:hover {

background:url(img/nav/contact-btn-hv.png) no-repeat center;

width:80px;

height:30px;

float:left;

margin:0 60px 0 0;

}

/*********** End NAV ***********/	 



/*********** Begin Homepage **********/

#wrap {

background:url('img/page/home/home-bg02.png') repeat-x;

margin:0 auto;

height:550px;

}



#main {

background:url('img/page/home/home-bg.png') no-repeat;

margin:0 auto;

width:1440px;

height:505px;

}



#home {

width:960px;

margin:0 auto;

height:550px;

background:url('img/general/page-btm-bg.png') no-repeat bottom left;

}



#home .content-layout01{

width:260px;

padding:0 30px 0 10px;

float:left;

}



#home .content-layout01 p{

margin:15px 0 0 0;

text-align:left;

}



#home .content-layout01 .line{

width:117px;

float:right;

margin:-8px 50px 0 0;

}



#home .content-layout01 a{

background:url(img/page/home/more-btn.png);

width:57px;

height:22px;

float:right;

margin:-15px 0 0 0;

}



#home .content-layout02{

width:250px;

border-left:#b0b8c8 1px dashed;

border-right:#b0b8c8 1px dashed;

padding:10px 25px 0 25px;

float:left;

}





#home .content-layout02 #product-swap{

float:right;

margin:-30px 0 0 0;

}



#home .content-layout02 #products-thumbnails {

padding:0;

float:left;

cursor:pointer;

}



#home .content-layout02 #products-thumbnails ul{

margin:25px 2px 0 0;

padding:0;

float:left;

list-style:none;

}

#products-thumbnails ul li{

float:left;

}



.more-product{

background:url('img/page/home/more-product.png');

width:108px;

height:21px;

float:left;

margin:5px 0 0 0;

}





#home .content-layout03{

width:250px;

padding:10px 25px 0 15px;

float:left;

}

/*********** End Homepage ***********/	 



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

#main-page {

background:url('img/page/page-bg.png') repeat-x;

margin:0 auto;

}



#page {

width:960px;

margin:0 auto;

background:url('img/general/page-btm-bg.png') no-repeat bottom left;

}



#page .page-left{

float:left;

width:232px;

height:907px;

}



#page .page-right{

float:right;

width:728px;

}



#page .page-right-cart{

float:right;

width:728px;

padding:20px 0 0 0;

background:url('img/page/product/cart-bg.png') no-repeat right;

}

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



/********** Begin Sidebar **********/

#sidebar {

background:url(img/sidebar/sidebar-bg.png);

width:232px;

height:507px;

}


#sidebar ul li span.btn-sub {
	width:170px;
	font-size:10px;
	float:left;
	margin:0;
	padding:0;
}

span.btn-sub {
	width:170px;
	font-size:10px;
	float:left;
	margin:0;
	padding:0;
}

#sidebar #sidebar-btn{

width:170px;

border-bottom:#000000 2px dotted;

float:left;

background:url(img/sidebar/sidebar-btn-bg.png) center no-repeat;

padding:5px 0 8px 10px;

margin:0px 0 0 10px;

color:#333;

font-size:13px;

font-weight:bold;

}

#sidebar #sidebar-btn03{

width:170px;

border-bottom:#000000 2px dotted;

border-top:#000000 2px dotted;

float:left;

background:url(img/sidebar/sidebar-btn-bg.png) center no-repeat;

padding:5px 0 8px 10px;

margin:0px 0 0 10px;

color:#333;

font-size:13px;

font-weight:bold;

}

#sidebar #sidebar-btn01{

width:170px;

float:left;

border-top:#000000 2px dotted;

background:url(img/sidebar/sidebar-btn-bg.png) center no-repeat;

padding:5px 0 8px 10px;

margin:3px 0 0 10px;

color:#333;

font-size:13px;

font-weight:bold;

}

#sidebar #sidebar-btn02{

width:170px;

float:left;

border-bottom:#000000 2px dotted;

background:url(img/sidebar/sidebar-btn-bg02.png) center no-repeat;

padding:0px 0 0px 10px;

margin:0px 0 0 10px;

color:#333;

font-size:13px;

font-weight:bold;

}

#sidebar #sidebar-btn04{

width:170px;

float:left;


background:url(img/sidebar/sidebar-btn-bg02.png) center no-repeat;

padding:0px 0 0px 10px;

margin:2px 0 0 10px;

color:#333;

font-size:13px;

font-weight:bold;

}

#sidebar #sidebar-btn05{

width:170px;

border-bottom:#000000 2px dotted;

border-top:#000000 2px dotted;

float:left;

background:url(img/sidebar/sidebar-btn-bg.png) center no-repeat;

padding:0 0 0 10px;

margin:0px 0 0 10px;

color:#333;

font-size:13px;

font-weight:bold;

}

#sidebar #sidebar-subbtn{

width:150px;

float:left;

background:url(img/sidebar/sidebar-subbtn-bg.png) center;

padding:5px 0 5px 10px;

margin:0px 0 0 10px;

color:#666666;

font-size:13px;

font-weight:bold;

}

#sidebar #sidebar-subbtn02{

width:150px;

float:left;

background:url(img/sidebar/sidebar-subbtn-bg.png) center;

padding:3px 0 3px 10px;

margin:0px 0 0 10px;

color:#666666;

font-size:13px;

font-weight:bold;

}



#sidebar #sidebar-btn:hover {

background:url(img/sidebar/sidebar-hv.png) no-repeat center;

color:#ffffff;

}

#sidebar #sidebar-btn01:hover {

background:url(img/sidebar/sidebar-hv.png) no-repeat center;

color:#ffffff;

}

#sidebar #sidebar-subbtn:hover {

background:url(img/sidebar/sidebar-subhv.png) no-repeat center;

color:#ffffff;

}

#sidebar #sidebar-subbtn02:hover {

background:url(img/sidebar/sidebar-subhv02.png) no-repeat center;

color:#ffffff;

}

#sidebar #sidebar-btn02:hover {

background:url(img/sidebar/sidebar-hv02.png) no-repeat center;

color:#ffffff;

}

#sidebar #sidebar-btn04:hover {

background:url(img/sidebar/sidebar-hv02.png) no-repeat center;

color:#ffffff;

}

#sidebar #sidebar-btn03:hover {

background:url(img/sidebar/sidebar-hv.png) no-repeat center;

color:#ffffff;

}

#sidebar #sidebar-btn05:hover {

background:url(img/sidebar/sidebar-hv.png) no-repeat center;

color:#ffffff;

}


#sidebar h5 {

font-size:24px;

font-weight:blod;

color:#a3a1a1;

padding:10px 0 15px 60px;

}







/*********** End Sidebar ***********/	 

/********** Begin Footer **********/



#footer {

	margin:0 auto;

	clear:both;

	}



#footer-layout {

     width:960px;

	 margin:0 auto;

	 height:64px;

	 }



#footer-layout p {

float:right;

width:900px;

font-size:10px;

text-align:right;

margin:0 25px 0 0;

}

	 

#footer-layout img{

float:right;

padding:10px 40px 0 0;

}



#footer-layout ul{

list-style:none;

border-top:#bec1cf 1px solid;

border-bottom:#bec1cf 1px solid;

margin:0 0 5px 0;

width:960px;

height:30px;

font-size:11px;

}





#footer-layout ul li{

float:left;

list-style: disc;

margin:8px 0 0 0;

}



#footer-layout ul li.footer-home-btn{

float:left;

list-style:none;

margin:8px 0 0 510px;

}



#footer-layout ul li a{

padding:0 30px 0 10px;



}



#footer-layout ul li a:hover{

color:#dd2526;

}



/********* End Footer ******/



/*********** Begin About ***********/	 



#about .content-layout01{

background:url(img/page/about/talk-bg.png) no-repeat;

width:357px;

float:left;

margin:0 0 0 6px;

}



#about .content-layout01 p.talk{

margin:10px 0 0 30px;

font-style:italic;

width:310px;

font-size:14px;

}



#about .content-layout01 p{

margin:20px 0 0 0;

}



#about .content-layout02{

width:350px;

float:left;

margin:0 0 0 15px;

}



#about .content-layout02 img.title {

margin:30px 0 0 50px;

}



#about .content-layout02 p{

padding:5px 10px 0 50px;

}

/*********** End About ***********/	



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

#hand .content-hand02 iframe{

border:none;

}



#hand-sub-btn{

background:url(img/page/product/sub-btn.png);

width:215px;

height:21px;

padding:7px 0 0 15px;

margin:0 5px 5px 0;

float:left;

color:#FFFFFF;

}



#hand-sub-btn:hover{

background:url(img/page/product/sub-btn-hv.png);

color:#000000;

}



#hand .content-hand02 img{

float:right;

}



#hand .content-hand02{

	background:url('img/page/product/product-table-bg.png') no-repeat left;

}



#productshow {

width:600px;

height:400px;

}

#table {

background:url('img/page/product/table-bg.png');

width:227px;

height:330px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

}

#table p{
margin:0 0 5px;
text-align:left;
}

#product .content-layout02 iframe{

border:none;

}


#product .content-layout02 img{

float:right;

}



#product .content-layout02{


}

/*********** End Product ***********/	 	 



/*********** Begin Dealers ***********/	 



.line {

border-bottom:#e5e5e5 2px solid;

width:960px;

margin:0 0 2px 0;

clear:both;

}



.line2 {

border-bottom:#e5e5e5 solid 1px;

width:960px;

margin:0 0 2px 0;

clear:both;

padding:20px 0 0 0;

}





/*********** End Dealers ***********/	 





/*********** Begin Contact ***********/	 

#contact .content-layout01 {

margin:20px 0 0 10px;

padding:15px 0 0 0;

height:435px;

background:url(/wp-content/uploads/2010/04/contact-bg.jpg);

}



#contact .content-layout01 iframe{

margin:0 20px 0 11px;

padding:0 0 20px 0;

float:left;

}



#contact .content-layout01 h2{

background:none;

margin:0;

padding:0;

height:auto;

}



#contact .content-layout01 p{

margin:0 0 20px 0;

}



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





/* begin form */

.col {

width:200px;

background:#ffffff;

border:#b3b3b3 solid 1px;

padding:0 0 0 3px;

height:27px;

}





.col2 {

width:200px;

height:150px;

background:#ffffff;

border:#b3b3b3 solid 1px;

padding:0 0 0 3px;

margin:10px 0 0 0;

}



#form p{

color:#585858;

margin:7px 0 7px;

}



#form table p{

color:#585858;

font-size:12px;

margin:0;

padding:0 0 0 20px;

margin:10px 0 20px 0;

}



#form {

background:url('img/page/contact/contact-bg02.png') no-repeat;

margin:20px 0 0 10px;

height:296px;

width:701px;

float:left;

}



#form #submit-btn{

padding:0 40px 0 0;

}



#form h2{

background:none;

margin:0;

padding:20px 0 15px 20px;

height:auto;

}

/* end form */


.menu a {
		border:none;
		font-weight:normal;
	}

/* Actual menu CSS starts here */
	.menu,
	.menu ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.menu {width:200px;}
	.menu li {
		display:block;
		margin:0;
		padding:0;
		margin-bottom:1px;
	}
	.menu a {
		display:block;
		padding:2px 5px;
		color:#000;
		background:#b0c23d;
		text-decoration:none;
	}
	.menu a:hover,
	.menu a:focus,
	.menu a:active {background:#d9dcb0;}
	.menu ul li {padding-left:15px;}
	.menu ul a {background:#ced174;}
	.hidden {display:none;}