/*
---------------------------------------------------------------
Titolo:      Javacenter -  Foglio di stile  (screen media)
All rights reserved
---------------------------------------------------------------
*/

#leftCol_pf {
float: left; 
margin-top: 0px;
padding-left: 10px;
width: 590px; 
}

#leftCol_pf h1 {
background: url(../images/title_bl.gif) no-repeat 0 0; 
color: #333;
font-size: 2.2em;
padding: 50px 0 0 40px;
height: 40px;
text-align: justify;
}

#leftCol_pfBox { background: #D7E9F6; }

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 480px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
padding-top: 40px; /*margin around each panel*/
width: 480px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panelimg {
float: left; 
width: 240px;
}

ul.desc {
float: right;
font-size: 0.9em;
width: 210px;
}

ul.desc li { 
color: #333;
line-height: 15px!important;
padding: 4px 0 4px 0; 
text-align: justify;
}

a.plaunch { color: #44B5FD; }
a:hover.plaunch { color: #333; }

#mygallery {
margin: 0 auto;
padding-top: 30px;
}

a#next {
background: url(../images/btn_next.gif) no-repeat;
display: block;
float: right;
height: 23px;
margin-top: -40px;
margin-right: 20px;
width: 32px;
}

a#prev {
background:url(../images/btn_prev.gif) no-repeat;
display: block;
float: left;
height: 23px;
margin-top: -40px;
margin-left: 20px;
width: 32px;
}

#prev span,
#next span { display:none; }

a:hover#next { background:url(../images/btn_next-hov.gif) no-repeat; }
a:hover#prev { background:url(../images/btn_prev-hov.gif) no-repeat; }