/*   







Theme Name: Professional Website v1-feature







Theme URI: www.winyonglighting.com.my







Description: A marketing website base on feacture concept with following benefit - Optimum for featured products or business, directional to access the designated information and is emphasize on the innovativeness of the products or businesses. Design by  PCT sdn.bhd. copyrighted.







Author: pct-production











Version: version 1







*/







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



body {



	margin: auto;



	background-color:#beb89b;







}







#page {



width:961px;



position:relative;



margin:0 auto;







	







}







#sidebar-left-layout {



width:205px;



float:left;



position:relative;







}











#sidebar-left {



background:url(img/general/sidebar-left-bg.jpg) top;



width:205px;



float:left;



height:407px;



}











#sidebar-left-bg-bottom-products-page {



background:url(img/general/sidebar-left-bg-bottom.jpg) repeat-y bottom;



width:205px;



float:left;



height:229px;



}











#sidebar-left-bg-bottom-cart {



background:url(img/general/sidebar-left-bg-bottom.jpg) repeat-y bottom;



width:205px;



float:left;



height:519px;



}



















#sidebar-left-bg-bottom-contact {



background:url(img/general/sidebar-left-bg-bottom.jpg) repeat-y bottom;



width:205px;



float:left;



height:605px;



}











/*\*/ * html #sidebar-left-bg-bottom-contact {



background:url(img/general/sidebar-left-bg-bottom.jpg) repeat-y bottom;



width:205px;



float:left;



height:584px;



}







/**/ 















#sidebar-left-bg-bottom-home{



background:url(img/general/sidebar-left-bg-bottom.jpg) repeat-y bottom;



width:205px;



float:left;



height:67px;



}







#sidebar-left-bg-bottom-home img{



margin:-44px 0 0 10px;



padding:0;







}



	



	











#sidebar-left-bg-bottom {



background:url(img/general/sidebar-left-bg-bottom.jpg) repeat-y bottom;



width:205px;



float:left;



height:125px;



}















#sidebar-left-bg-no-products {



background:url(img/general/sidebar-left-bg-bottom.jpg) repeat-y bottom;



width:205px;



float:left;



height:125px;



}







#sidebar-middle-products-page {



background:url(img/general/middle-part-bg.jpg)  no-repeat bottom #e1deca;



width:258px;



float:left;



height:636px;



}











#sidebar-middle-cart {



background:url(img/general/middle-part-bg.jpg)  no-repeat bottom #e1deca;



width:258px;



float:left;



height:925px;



}











#sidebar-middle-home {



float:left;



height:474px;



margin:0 0 0 0px;



width:283px;



}















#sidebar-middle {



background:url(img/general/middle-part-bg.jpg)  no-repeat bottom #e1deca;



width:258px;



float:left;



height:530px;







}



















#sidebar-middle-contact {



background:url(img/general/middle-part-bg.jpg)  no-repeat bottom #e1deca;



width:258px;



float:left;



height:1011px;







}















/*\*/ * html #sidebar-middle-contact {



background:url(img/general/middle-part-bg.jpg)  no-repeat bottom #e1deca;



width:258px;



float:left;



height:849px;







}



 /**/ 







#sidebar-middle img{



padding:0 0 50px;











}











#content {



float:left;



background:url(img/general/right-part-bg-2.jpg) repeat-y;



width:497px;



margin:-10px 0 0;















}











/*\*/ * html #content {



float:left;



background:url(img/general/right-part-bg-2.jpg) repeat-y;



width:497px;



padding:0 0 0 px;



margin:0;











}







/**/ 







#content-cart {



float:left;



background:url(img/general/right-part-bg-2.jpg) repeat-y;



width:497px;



padding:0 0 0 px;



overflow-y:auto;



overflow-x:hidden;



height:926px;







}















#content-products {



float:left;



background:url(img/general/right-part-bg-2.jpg) repeat-y;



width:497px;



padding:0 0 0 px;



height:636px;







}















#content-main {



margin:0;



padding:0 0 0 20px;







}



















/*\*/ * html #content-main {



margin:0;



padding:0 0 0 14px;







}



 /**/ 







#error {



	margin-top: 60px;



}



/*********** End Sturcture **********/











/*********** Begin General setting **********/











h1 {



margin:0;



padding:2px 0 0 20px;



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



font-size:18px;



background:url(img/general/h1-bg.png) no-repeat;



width:464px;



height:41px;



font-weight:normal;











}















h2 {















}







h3 {



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



font-size:12px;



margin:0;



padding:0;











}











h4 {



background:url(img/page/home/4.jpg) no-repeat;



width:244px;



height:27px;



margin:0;



padding:0;



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



font-size:14px;



font-weight:normal;



}











p {



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



font-size:12px;



margin:0;



padding:0;















}







img {



	border: 0;



}







a {



	outline: none;



}







a img {



	cursor: pointer;



}











/*********** End General setting **********/







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



#header {



background:url(img/header/header-bg-rp.png) repeat-x;



height:241px;







}







#header-content {



background:url(img/header/header-bg-2.jpg);



width:961px;



height:241px;



margin:0 auto;



position:relative;







}







#logo {







}











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







/*********** Begin Nav **********/



















#nav a:hover{



color: #FFCC66;











}



































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











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



#footer {



height:76px;



background-color:#38352f;



clear:both;







}







#footer-content {



width:960px;



margin:0 auto;



position:relative;











}















#copyright {



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



font-size:10px;



color:#d6c39f;



left:10px;



position:absolute;



top:40px;















}











#footer-nav {



margin:0;



position:absolute;



top:20px;











}











#footer-nav ul{



margin:0;



padding:0;



list-style:none;







}











#footer-nav ul li{



margin:0;



padding:0 10px;



float:left;



border-right:1px solid #ffffff;







}







#footer-nav a {



text-decoration:none;



color:#feffff;



}







#footer-nav a:hover {



color:#FFCC66;







}















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







/*********** Begin Home **********/











#banner {



position:absolute;



right:0;



top:76px;



}















#about {



margin:0;



padding:0;



height:489px;



}











#about p{



margin:0 0 20px;



padding:0;



}











#sidebar-left-indoor {



background:url(img/general/indoor.png);



width:172px;



height:180px;



position:absolute;



left:20px;



top:-65px;



}











#sidebar-left {



margin:0;



padding:0;



position:relative;



}















#sidebar-left-home {



margin:0 0 0 1px;



padding:0;



position:relative;



}







#sidebar-left-indoor ul{



margin:0;



padding:57px 0 0 19px;

*padding:53px 0 0 19px;



list-style:none;



}







#sidebar-left-indoor ul li{



margin:0 0 px;



padding:0;



}











#sidebar-left-indoor ul li{



*margin:0 0 2px;



padding:0;



}











#sidebar-left-indoor ul li p{



margin:0;



padding:0;



}











#sidebar-left-indoor a{



margin:0;



padding:0;



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



color:#515050;



text-decoration:none;



font-size:12px;



}







#sidebar-left-indoor a:hover{



color: #FFCC33;







}







#sidebar-left-outdoor a:hover{



color: #FFCC33;







}







#sidebar-left-outdoor {



background:url(img/general/outdoor.png);



width:172px;



height:179px;



position:absolute;



left:20px;



top:135px;







}











#sidebar-left-outdoor ul{



margin:0;



padding:53px 0 0 19px;



list-style:none;











}







#sidebar-left-outdoor ul li{



margin:0;



padding:0;











}







#sidebar-left-outdoor ul li{



*margin:1px 0 0 0;



padding:0;











}







#sidebar-left-outdoor a{



margin:0;



padding:0;



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



color:#515050;



text-decoration:none;



font-size:12px;











}







#view-cart {



margin:30px 0 0 20px;



position:absolute;



background:url(img/general/view-cart.png);



width:172px;



height:45px;



top:300px;



}







.style-1 {



background-color:#996633;







}







.style-2 {



background-color:#e8e5d7;







}







.item-no table {



border:solid 1px #000000;



}











#nav {



position:absolute;



right:18px;



top:39px;











}







#nav ul{



margin:0;



padding:0;



list-style:none;







}







#nav ul li{



margin:0;



padding:0 10px;



float:left;



border-right:1px solid #d3cca9;











}







#nav a {



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



font-size:12px;



color:#d3cca9;



text-decoration:none;















}







#contact {



margin:0;



padding:0;



height:977px;



}



span#reg-code {



margin:0 0 0 5px;



font-size:10px;



}







#contact iframe{



margin:10px 0 0;



padding:0;



border:1px solid #000000;



}











#contact #stlye-3 {



background:url(img/page/contact/1.jpg) no-repeat;



width:476px;



height:26px;



}











#style-4 {



margin:0;



padding:0 0 0 221px;



}







#contact h3 {



padding:0 0 0 10px;	



}







#contact p {



padding:9px 0 33px 10px;



margin:0 0 10px;







}







#contact table {



margin:10px 0 0;



}







#form p{



margin:0;



padding:0;



}







#form .adjust {



width:166px;



height:24px;



margin:0;



padding:0;



border:1px solid #000000;



}











#form .adjust-3 {



width:406px;



height:24px;



margin:0;



padding:0;



border:1px solid #000000;



}







#form #adjust-2 {



width:406px;



height:85px;



margin:0;



padding:0;



border:1px solid #000000;



}







#form table {



margin:0;



padding:0;



}







#form table tr td {



padding:0 0 9px;



}







#form {



margin:20px 0 0;



}







#send {



margin:0 0 0 334px;



}







#logo {



left:20px;



position:absolute;



top:30px;



}







#test {



background:url(img/general/bg.jpg) repeat-y top;



width:960px;



margin:0 auto;



height:auto;



}











#test-2 {



background:url(img/general/bgbg.png) ;



width:960px;



margin:0 auto;



height:240px;



display:block;



clear:both;



}







#header-home {



background: url(img/header/header-home-bg-2.jpg);



width:961px;



height:241px;



margin:0 auto;



position:relative;



}







*:first-child+html #home {



background:url(img/page/home/home-content-bg.png) repeat-y;



float:left;



height:500px;



margin:0 0 0 0;



padding:0 0 0 20px;



position:absolute;



right:-19px;



top:-25px;



width:472px;











}







#home {



background:url(img/page/home/home-content-bg.png) repeat-y;



float:left;



height:500px;



margin:0 0 0 0;



padding:0 0 0 20px;



position:absolute;



right:-20px;



top:-26px;



width:472px;











}

#home .home-product {
background:url(img/page/home/1.jpg) no-repeat;
width:377px;
height:285px;
padding:50px 0 0 55px;
}

#home .home-product img {
margin:0 30px 10px 0;
}


#home-email {
font-family:arial;
font-size:12px;
left:605px;
position:absolute;
top:378px;
z-index:11;
	}









#home-about {



position:absolute;



right:12px;



top:80px;







}



#home-about-b p a{



	font-weight:bold;

	color:#000;

}



#home-about-b p a:hover{

	color:#FF6;

}





/*\*/ * html #home-about {



position:absolute;



right:2px;



top:80px;







}



/**/ 



#home-about-a {



float:left;



}























#home-about-b {



float:left;



}







#home-about h4{



float:left;



margin:0 0 0 10px;



padding:0 0 0 15px;



}







#home-about p{



clear:both;



margin:0 0 0 10px;



padding:10px 0 0;



width:232px;







}











#home-about-b img {



margin:15px 0 0 10px;



}











img#style-5 {



margin:2px 0 0 0;



}















#home-content {



position:absolute;



top:354px;



left:22px;







}







#home-content-2 {



left:294px;



position:absolute;



top:354px;



}


#home-content-3 {



left:124px;



position:absolute;



top:474px;

width:250px;



}

#facebook-btn {
background:url('img/page/home/facebook-btn.png') no-repeat;
padding:16px 0 16px 60px;
height:50px;
width:50px;
font-weight:bold;
text-decoration:none;
color:#000;
}

#facebook-btn:hover {
color:#535353;
}








#home-pattern {



position:absolute;



}











#flash {



position:absolute;



left:205px;



top:64px;



}











#view-cart a{



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



font-size:12px;



font-weight:bold;



text-decoration:none;



color:#515050;











}







#view-cart p{



margin:0;



padding:16px 0 0 53px;







}











#view-cart a:hover{



color:#FFFF00;



}







#about-btn {



background:url(img/page/home/7.jpg) no-repeat;



width:42px;



height:16px;



float:left;



margin:18px 0 0 10px;



}







#about-btn:hover {



background:url(img/page/home/7hv.jpg) no-repeat;



width:42px;



height:16px;



float:left;



margin:18px 0 0 10px;



}







#contact-btn {



background:url(img/page/home/9.jpg) no-repeat;



width:176px;



height:71px;



float:left;



}









#contact-btn:hover {



background:url(img/page/home/9hv.jpg) no-repeat;



width:176px;



height:71px;



float:left;



}





.breadcrumb  {

color:#515050;

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

font-size:12px;

margin:0;

padding:0;

text-decoration:none;

}





.breadcrumb a {

color:#515050;

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

font-size:12px;

margin:0;

padding:0;

text-decoration:none;

}



.breadcrumb a:hover {

color:#FFFF66;

}







#sidebar-cart {

height:194px;

left:24px;

overflow:scroll;

position:absolute;

top:328px;

overflow-x:hidden;

overflow-y:auto;

width:166px;

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

font-size:12px;

}



h2.widgettitle {

	font-size:13px;

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

	color:#000;

	margin:0;

	padding:0;	

}



#sidebar-cart ul{

	margin:0;

	padding:0;

}



#sidebar-cart ul li{

	margin:0;

	padding:0;

	list-style:none;

}