@charset "utf-8";

/* ------------------------------------------------------------------------------
STYLE A STYLESHEET

Project      : Yupindo
Developer    : DLAnet (http://www.dlanet.com)
Web Designer : Didik Prasetyo (didik@masterwebnet.com)
Year         : 2008
Version      : 1.0
Last Change  : ---
------------------------------------------------------------------------------- */

@import url("global.css");

/* tag declaration */
h2 {
color: #fb8603; 
}

/* header image */
#header {
background: #fff url(../image/headerA.jpg) no-repeat top right;
}

/* menu dropdown */
#menu {
background: url(../image/menuBgrdA.gif) repeat-x top left;
width: 100%;
height: 43px;
}

.dropdown {
float:left; 
margin-top: 0px;
margin-bottom: 0px;
}

.dropdown dt {
border:1px solid #fb8603; 
padding-left:30px; 
padding-right: 30px;
padding-top: 8px;
padding-bottom: 8px;
font-weight:bold; 
cursor:pointer; 
}

.dropdown dt.current {
background: #ee500c;
}

.dropdown dd {
position:absolute; 
overflow:hidden; 
width:180px; 
display:none; 
z-index:200; 
opacity:0;
margin-left: 0px;
}

.dropdown ul {
border:1px solid #fb8603; 
list-style:none; 
border-top:none;
background:#fb8603; 
margin-left: -40px;
}

* html .dropdown ul {
margin-left: 0px;
}

.dropdown li {
display:inline;
}

.dropdown a, .dropdown a:active, .dropdown a:visited {
display: block;
padding:5px; 
color:#fff; 
text-decoration:none; 
background: none;
}

.dropdown a:hover {
background: #e4bf14;
color:#fff;
}

.dropdown .underline {
border-bottom:1px solid #fb8603;
}

/* content */
#content {
width: 100%;
height: auto;
background: #fff url(../image/bgrdA.gif) repeat-x bottom left;
}

#content.pink {
background: #fff;
}

/* side bar */
#side {
width: 180px;
height: 230px;
float: left;
margin-right: 10px;
background: url(../image/box-menuA.gif) no-repeat;
}

* html #side {
overflow: auto;
}

#sideB {
width: 177px;
height: 100px;
float: left;
margin-right: 10px;
background: url(../image/box-menuB.gif) no-repeat;
}

* html #sideB {
overflow: auto;
}

#middle {
width: auto;
height: auto;
overflow: auto;
padding: 10px;
line-height: 18px;
}

/* footer */
#footer {
background: #f36e0a;
}

#footer.pinkFooter {
background: #ec2a83;
}

ul.productFront, ul.productFront li {
list-style: none;
}

ul.productFront {
margin-left: -40px;
}

* html ul.productFront {
margin-left: 0;
}

ul.productFront li {
float: left;
display: block;
margin-right: 10px;
margin-bottom: 10px;
}

ul.productFront li a,ul.productFront li a:hover {
background: none;
}