/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


#slideContainer {padding:5px;border:1px solid #302921;border-top:0;margin-bottom:1em;/*background-color:#D9C8A5;*/background-color:#fff3d1;color:#000;}
#slideHolder {padding:4px;}

#procontainer_brown {
position:relative;
height:36px;
color:#E0E0E0;
/*background:#eee3c3;*/
width:100%;
}

#myController {
position:relative;
height:32px;
font-size:12px;
font-weight:bold;
background:transparent url(images/pro_bg.gif) repeat-x bottom left;
padding:0 0 0 20px;
/*border-bottom: 8px solid #886d53;*/
border-bottom:4px solid #302921;
}

#myController ul{
margin:0;
padding:0;
list-style-type:none;
float:left;
}

#myController ul li {
display:block;
position:relative;
float:left;
padding:0 1px;
cursor:pointer;cursor:hand;
}

#myController ul li div {
display:block;
float:left;
/*color:#EAF3F8;*/
/*color:#000;*/
color:#fff3d1;
text-decoration:none;
padding:0 0 0 20px;
height:32px;
}

#myController ul li div span {
padding:12px 20px 0 0;
height:21px;
float:left;
font-weight: 700;
font-family: "Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
}

#myController ul li div:hover {
color:#fff3d1;
background:transparent url(images/pro_bg-OVER.gif) repeat-x bottom left;
}

#myController ul li div:hover span {
display:block;
text-decoration:underline;
}

#myController ul li div.jFlowSelected,#myController ul li div.jFlowSelected:hover {
color:#fff3d1;
background:#302921 url(images/brown_pro_left-ON.gif) no-repeat top left;
line-height:275%;
}

#myController ul li div.jFlowSelected span {
display:block;
padding:3px 20px 0 0;
background:#302921 url(images/brown_pro_right-ON.gif) no-repeat top right;
height:32px;
}