/*Slide Menu Styles*/

/*Slider Wrapper positions the slider on the page*/
.slideOuterWrapper{overflow:hidden; height:687px; width:auto; position:absolute; top:100px; left:-263px;}
.expandableDiv{ float: left; width:320px; height:607px; background-color:#FF0000;}

/*The slider wrapper is the div that will slide*/
.sliderWrapper{ overflow:hidden; float:left; /*margin-top:108px;*/  }

/*These are the Slider Header, slider body, slider footer and right column within the slider wrapper*/
.sliderHeader{ width:252px; height:17px; float:left; overflow:hidden;}
.sliderBody{ width:251px; height:687px; float:left; background-image:url(../images/slider/slider_body.png); background-repeat:no-repeat; background-repeat:repeat-y;}
.sliderFooter{ height:20px; float:left; position:relative; bottom:50px;}
*html ..sliderFooter{ height:20px; float:left; position:relative; bottom:48px;}

.leftCol{ float:left; height:673px; width:251px; overflow:hidden;}

#rightColHack{position: relative; top:2px;}
*html #rightColHack{position: relative; top:4px;}

/*Contains the graphic and  button to trigger the slide*/
.rightCol{ float:left; width:50px; height:669px; position:relative; right:2px; }