.glidecontentwrapper    { margin-right: auto; margin-left: auto; position: relative; width: 580px; height: 320px; overflow: hidden }
/*
	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
*/


.glidecontent    { background-color: #fff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; visibility: hidden; position: absolute; width: 580px }
.glidecontent p { font-size: 12px; text-align: right }
.glidecontent p a { color: #666; text-decoration: none }
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler   { font-family: "trebuchet ms"; background-image: url("../images/asset-name.png"); background-repeat: repeat-x; margin-bottom: 30px }
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a    { color: #666; text-decoration: none; background-image: url("../images/icon_lili.png"); background-repeat: no-repeat; background-position: left center; display: inline-block; margin-right: 2px; margin-left: 2px; padding: 3px 5px 3px 10px }

.glidecontenttoggler a.selected   { color: #fff; background-image: url("../images/footer_bg.jpg"); background-repeat: repeat }

.glidecontenttoggler a:hover  { color: #f00; background-image: url("../images/icon_lili.png"); background-repeat: no-repeat; background-position: left center }

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}