/*   

Theme Name: Professional Website v1-feature

Theme URI: www.bawal.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 AP, PCT sdn.bhd. copyrighted.

Author: PCT-Production


Version: version 1

*/

/*********** Begin Sturcture **********/
body {
	margin: auto;

}

#page-bg {
background:url(img/page/page-bg.png) repeat-x top #4396ca;

	

}

#home-page-bg {
background:url(img/home-page-bg.jpg) repeat-x top #2f7bb7;

	

}

#page {
width:960px;
margin:0 auto;
background-color:#FFFFFF;
}

#page-home {
width:960px;
margin:0 auto;
}

#page-bottom {
background:url(img/page/page-bg-bottom.png) no-repeat scroll center center;
background-color:#4396ca;
margin:0 auto;
height:25px;
clear:both;
}

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




#content {
width:960px;
margin:0 auto;
background-color:#FFFFFF;

}

#content-middle {
margin:0 0 0 215px;
padding:0;
width:526px;



}

/*\*/ * html #content-middle {
margin:0 0 0 205px;
padding:0;
width:526px;



}
 /**/ 

#content-middle-top {
margin:0;
padding:0;
background:url(img/page/content-middle/top.png) no-repeat;
width:526px;
height:18px;


}

#content-middle-bottom {
background:url(img/page/content-middle/bottom.png) no-repeat;
width:526px;
height:15px;
clear:both;
}

#h1-bg {
background:url(img/page/content-middle/h1-bg.png) no-repeat;
width:526px;
height:35px;
padding:5px 0 0 20px;
}

#content-center {
background:url(img/page/content-middle/middle.png) repeat-y;
margin:-5px 0 0 0;
width:526px;
}


#content-center-main {
width:500px;
margin:0 auto;
}



#error {
	margin-top: 60px;
}
/*********** End Sturcture **********/


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


h1 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
font-weight:normal;

}



h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#e91c23;
margin:0;
padding:0;
font-weight:normal;



}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
margin:0;
padding:0;

}


p {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;


}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


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

/*********** Begin Header **********/
#header {
background:url(img/header/header-bg.png) scroll center center no-repeat;
height:99px;


}

#header-bg {
background:#13599f;
height:99px;

}

#header-bg-home {
background:#13599f;
height:164px;

}

#header-home {
background:url(img/header/header-home-bg.jpg) scroll center center no-repeat;
height:164px;


}

#header-content {
width:960px;
margin:0 auto;
position:relative;

}

#logo {
position:absolute;
left:25px;

}

#facebook {
position:absolute;
right:5px;
top:90px;

}


#basket {
position:absolute;
left:724px;
top:58px;
}



#search-home-bg {
background:url(img/page/home/search-btn-bg.jpg) no-repeat;
width:186px;
height:25px;
float:left;
margin:0 3px 0 0;
padding:3px 0 0 3px;

border:0;	
}

/*\*/ * html #search-home-bg {
background:url(img/page/home/search-btn-bg.jpg) no-repeat;
width:186px;
height:25px;
float:left;
margin:0 3px 0 0;
padding:0px;
border:0;	
}

/**/ 


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

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




#nav {

margin:10px 0 0 0;
padding:0;
float:right;


}

#nav-home {

margin:15px 0 0 0;
padding:0;
float:right;


}


#home-btn {
background-image:url(img/nav/home-btn.png);
width:140px;
height:37px;
float:left;

}

#home-btn:hover {
background-image:url(img/nav/home-btn-hv.png);
width:140px;
height:37px;
float:left;

}

#kenali-btn {
background-image:url(img/nav/kenali-btn.png);
width:112px;
height:37px;
float:left;
}

#kenali-btn:hover {
background-image:url(img/nav/kenali-btn-hv.png);
width:112px;
height:37px;
float:left;
}

#produk-btn {
background-image:url(img/nav/produk-btn.png);
width:113px;
height:37px;
float:left;
}

#produk-btn:hover {
background-image:url(img/nav/produk-btn-hv.png);
width:113px;
height:37px;
float:left;
}

#promosi-btn {
background-image:url(img/nav/promosi-btn.png);
width:112px;
height:37px;
float:left;
}

#promosi-btn:hover {
background-image:url(img/nav/promosi-btn-hv.png);
width:112px;
height:37px;
float:left;
}

#hubungi-btn {
background-image:url(img/nav/hubung-btn.png);
width:125px;
height:37px;
float:left;
}

#hubungi-btn:hover {
background-image:url(img/nav/hubung-btn-hv.png);
width:125px;
height:37px;
float:left;
}




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


/*********** Begin Footer **********/
#footer {
background:url(img/footer/footer-bg.png) scroll center center;
height:61px;
clear:both;

}

#footer-home{
background:url(img/footer/footer-home-bg.jpg) scroll center center;
height:77px;
clear:both;

}

#footer-content {
width:940px;
margin:0 auto;

}



#copyright p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
padding:30px 0 0 20px;

}


#mms {

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

/*********** Begin Home **********/
#home {
width:942px;
margin:0 auto;



}

#flash {
margin:0 0 0 20px;
}

#home-layout-1 {
margin:2px 0 0 20px;
height:158px;
width:950px;
}

#home-layout-1 img {
margin:0 2px 0 0;
}


/*********** finish Home **********/


/*********** Begin sidebar-left **********/

#left-column {
float:left;
}

#right-column {
float:right;


}



#sidebar-left {
background-image:url(img/page/sidebar-left/kategori-bg.png);
width:194px;
height:54px;
background-repeat:no-repeat;
margin:0 0 0 10px;
}

#sidebar-left-menu {
height:130px;
padding:10px 0 0 0;
background-image:url(img/page/sidebar-left/sidebar-left-p2.jpg);
background-repeat:no-repeat;
margin:0 0 0 10px;
width:194px;
}

#sidebar-left-menu-layout-1 {
overflow:auto;
height:190px;
width:170px;
margin:0 0 0 10px;

}


#sidebar-left-menu ul {
margin:0;
padding:0px 0 0 15px;


}

#sidebar-left-menu ul li{
margin:0;
padding:0;
list-style:url(img/page/sidebar-left/bullet.png);


}

#sidebar-left-menu ul li p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
}

#sidebar-left-img {
margin:20px 0 0 10px;
}

#sidebar-left-menu ul.SubCategories {
margin:0;
padding:0 0 0 20px;
}

#sidebar-left-menu ul.SubCategories a{
  color:#333333;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration:none;
}

#sidebar-left-menu ul.SubCategories a:hover{
color:#0066FF;
}

#sidebar-left-menu ul.SubCategories li {
border:0;
padding:0;

}

#sidebar-left-menu ul li {
padding:0 0 3px 0;

}


/*********** finish sidebar-left **********/

/*********** Begin sidebar-right **********/

#sidebar-right {
background:url(img/page/sidebar-right/sidebar-right-bg.png) no-repeat;
width:195px;
height:392px;
margin:0 10px 0 0;

}

#sidebar-right-a {
margin:0 0px 0 0;
padding:70px 0 50px ;
width:160px;
margin:0 auto;

}

.sidebar-right-checkout-btn img {
margin:190px 0 0 0;
}

#checkout-btn {
background:url(img/page/sidebar-right/checkout-btn02.jpg) no-repeat;
width:197px;
height:196px;
padding:0 100px 196px 97px;
}

#checkout-btn:hover {
background:url(img/page/sidebar-right/checkout-btn.jpg) no-repeat;
width:197px;
height:196px;
padding:0 100px 196px 97px;
}

/*\*/ * html #sidebar-right {
background:url(img/page/sidebar-right/sidebar-right-bg.png) no-repeat;
width:195px;
height:392px;
margin:0 8px 0 0;

}

/**/ 


.sidebar-right-layout-1 {
border-bottom:solid 1px #000099;
height:19px;
padding:10px 0 0 0;

}

.sidebar-right-layout-1 a {
color:#000000;
text-decoration:none;
}

.sidebar-right-layout-1 a:hover {
color:#0000CC;
text-decoration:none;
}

.sidebar-right-layout-1 p {
padding:0 0 0 5px;
}



/*********** finish sidebar-right **********/


/*********** Begin kenali**********/

#kenali {
height:1230px;
}

#kenali h2 {
padding:15px 0;
}

#kenali-layout-1 img {
float:left;
margin:0 10px 0 0;
}

#kenali-layout-1 p {
margin:0 0 10px;
text-align:justify;
}

.kenali-layout-2 {
margin:5px 0 0 0px;
padding:0;
}

.kenali-layout-2 ul{
margin:0;
padding:0 0 0 35px;
list-style:url(img/page/kenali/02-about-02.png);
width:467px;
}

*:first-child+html .kenali-layout-2 ul{
margin:;
padding:0 0 0 30px;
list-style:url(img/page/kenali/02-about-02.png);
width:467px;
}

.kenali-layout-2 ul li{
margin:0 0 5px;
padding:0;
}

.kenali-layout-2 ul li p{
margin:0 0 20px;
padding:0;
}

#kenali img#style-1 {
margin:0 0 10px 10px;
}

/*********** finish kenali**********/

/*********** start search**********/

#search-form {
margin:0px 0 0 10px;
background-image: url(img/page/search-bg.jpg);
background-repeat:no-repeat;
width:195px;
height:33px;


}



#search-form #search-bg {
margin:5px 5px 0 6px;
float:left;
}

#search-form #submit {
margin:5px 0 0 0px;
}


/*********** finish search**********/


/*********** start promosi**********/

#promosi {
height:894px;

}

#promosi img {
margin:20px 0px; 0 0;
}

#promosi h2 {
text-align:center;
margin:0 0 20px;
}


#clear {
clear:both;
}

#promosi img#style-2 {
margin:30px 0 0 212px;
padding:0;
}


/*********** finish promosi**********/

/*********** start hubungi**********/

#hubungi {
margin:0;
padding:0;
height:1150px;
}


#hubungi iframe{
margin:20px 0 40px 0;
padding:0;
}

#hubungi h2 {
margin:20px 0px;
}

#hubungi table {
margin:30px 0 0 0;
}

#hubungi table h3 {
margin:0 0 10px 0;
}


#hubungi input.adjust {
width:352px;
height:30px;
border:solid 1px #06036a;
margin:0 0 5px 25px;
padding:5px 0 0 0;
}

#hubungi textarea.adjust-2	 {
width:352px;
height:159px;
border:solid 1px #06036a;
margin:0 0 5px 25px;
padding:5px 0 0 0;

}

#hubungi #submit {
float:right;
}

#wpsc_shopping_cart_container {
height:500px;
}


#hubungi p.tableform {
padding:0 0 10px 0;
}

#delivery {
margin:20px 0 0 10px;
text-align:center;
}