.sidebox  {
   width: 676px;
 margin-left: -72px;
  margin-bottom: -4px;
  border-left: 2px dotted #181818;
		     border-right: 2px dotted #181818;
			 text-align: center;
			 background: #fff;

}
.glidecontentwrapper{



width: 580px;

height: 75px; /* Set height to be able to contain height of largest content shown*/

border: 2px solid #FF99CC;

overflow: hidden;
background:#fff;



}
.sidebox  img {
	border: 0;
	}



/*

	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{ /*style for each glide content DIV within wrapper.*/

position: absolute; /* Do not change this value */

background: white;

padding: 10px;

visibility: hidden;

width: 580px;

}







.glidecontenttoggler{ /*style for DIV used to contain toggler links. */

width: 580px; 


margin-top: 6px;

margin-bottom: 6px;

text-align: center; /*How to align pagination links: "left", "center", or "right"

background: white; /*always declare an explicit background color for fade effect to properly render in IE*/

}

/*

 Total contenttoggler width: 350px+5px+5px=360px

	Or total width of wrapper div (counting wrapper border/padding)

*/



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

display: -moz-inline-box;

display: inline-block;

background: #1fb9f2;

color: #1fb9f2;

padding: 22px 2px 2px 2px;

font-weight: bold;

text-decoration: none;

font-size: 11px;

font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

}



.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */

background: #181818;

color: #181818;

padding: 2px 2px 2px 2px;

}



.glidecontenttoggler a:hover{

background: #f91a88;

color: #ffffff;

padding: 2px 2px 2px 2px;

}