.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px;
width: 540px; /*width of featured content slider*/
height: 300px;
background: #fff;

}


.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
padding-top:0px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
background: #fff;
width: 510px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.stripped{
margin-top:0px;
margin-left:0px;

}
.pagination{
width: 550px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding:0px;
height:32px;
margin:0px;
margin-top:10px;
margin-right:0px;
padding-top:8px;
float:right;
margin-bottom:10px;
border-top:1px solid #cecece;
border-bottom:1px solid #cecece;
background:#efefef;
}

.pagination a{
padding: 3px; 
padding-left:4px;
padding-right:4px;
margin:2px;
text-decoration: none; 
color: #808080;
border:1px solid #cecece;
background: #efefef;
font-size:1em;
font-weight:bold;
}

.pagination a:hover, .pagination a.selected{
color: #F0B501;
border:1px solid #F0B501;
background:#fff;
}
.toc a{
border:1px solid #efefef;
}
.toc a:hover{
border:1px solid #ED1D8F;

}


#featuredcontentglider{
margin:0px;
margin-top:0px;
float:left;
width:540px;
padding:0px;
background:#fff;
padding-bottom:0px;

border:0px;
}

#p-select{
margin:0 auto 10px;
width:540px;
height:50px;
display:block;
border:0px;
border-bottom:1px solid #cecece;
}

.glidecontentwrapper{
margin:0px auto 0;
width: 540px;
height: 320px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
float:left;
padding:0px;

}
.maincontentwrapper{
position: relative; /* Do not change this value */
margin:0px auto 0;
width: 540px;
float:left;
padding:0px;
font-size:14px;
color:#606060;
min-height:510px;
}

.
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 510px;
margin: 0px; 
padding:0px;
text-align: center;
padding-bottom:10px;
border:0px;


}

/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/
.pbox{
display:block;
width:154px;
height:40px;
float:left;
padding: 2px;
margin-right: 1px;
margin-bottom:10px;
font-weight: normal;
text-decoration: none;
font-size: 0.8em;
line-height:1.8em;
font-family: 'trebuchet ms', Verdana, Arial, Sans-Serif;
background: #fff;
color:#808080;
text-align:left;
border:1px solid #fff;

}
.pbox h2, .pbox h2 a{
color:#047DDA;
font-size:1.1em;
font-weight:normal;
display:block;
width:130px;
text-decoration:none;
}
.coco{
color:#EEB601;

}

.glidecontenttoggler a{ /*style for every navigational link within toggler */

}
.glidecontenttoggler a img.thumb{
width:120px;
height:120px;
border:0px;
padding:5px;
padding-left:10px;
margin:0px auto 0px;
margin-bottom:1px;
display:block; 

}
a img{
border:0px;
}
.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */

border: 1px solid #EEB601;
background:#EEB601;

color:#fff;
}

div.pbox:hover{
background: url(images/pbox.png) bottom right repeat-x;

}


div.pbox:hover a img.thumb{
border:1px dotted #cecece;
width:130px;
height:130px;
border:0px;
padding:0px;


}