@import url(Main.css);

body 
{
    padding:20px;
}

#frame
{
    border:solid 1px #cfcfcf;
    width:652px;
}
#header
{
    background:url(../../images/demo/bg-demo.gif) top left repeat-x #bebeb9;
    height:55px;
    width:100%;
}
#header td
{
    padding:0 0 0 10px;
}
td#headerLinks
{
    background:url(../../images/demo/header-right.gif) top right no-repeat;
    width:80px;
    padding:10px 10px  0 0;
    font-family:Arial;
    text-align:right;
    vertical-align:top;
}
#headerLinks,
#headerLinks a:link.close, 
#headerLinks a:visited.close, 
#headerLinks a:hover.close, 
#headerLinks a:active.close
{    
    font-size:9px;
    text-decoration:none;
    background:url(../../images/demo/close.gif) 100% 50% no-repeat;
    padding-right:20px;
    color:#666666;
} 
#headerLinks a:hover.close
{
    background:url(../../images/demo/close-on.gif) 100% 50% no-repeat;
}
#statusBar
{
    background:url(../../images/demo/bg-demo-top.gif) bottom left repeat-x #828281;
}
#legal
{
    background:#ccc;
    color:#FFF;
}
#bottomDemoNav td
{
	padding-right:20px;
}
#bottomNav
{
	background:#828281
}

#bottomNav a:link,
#bottomNav a:visited,
#bottomNav a:hover,
#bottomNav a:active
{
	display:block;
	background:url(../../images/demo/go-rollover.gif) no-repeat;	
	background-position:top right;
	padding-right:19px;
	text-decoration:none;
}
#bottomNav a:hover
{
	background-position:bottom right;
}
#slide
{
	position:relative;
	width:652px;
	height:308px;
}

.borderLeft
{
    background:url(../../images/demo/bg-demo-left.gif) 0 0 repeat-y;
}
.borderRight
{
	position:relative;
    background:url(../../images/demo/bg-demo-right.gif) 100% 0 repeat-y;
    text-align:center;
}
.breadcrumb
{
	position:absolute;
	bottom:39px;
	left:20px;
   height:27px;
}
.breadcrumb .next,
.breadcrumb .previous,
.breadcrumb .play
{
    display:block;
    overflow:hidden;
}
.breadcrumb .next,
.breadcrumb .previous
{
	width:26px;
	height:27px;
}
.breadcrumb .play
{
	width:66px;
	height:27px;
}
.rolloverOff, .rolloverOn
{
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
}
.rolloverOn
{
	visibility:visible;
}