#slider_container {
margin: 0px; /*SETS MARGIN TO AUTO, THIS CENTER'S OUR WEBSITE*/
padding: 0px;
width: 100%; /*CONTAINER WIDTH*/
position: absolute;
z-index: 1000;
}
 
#slider_bar
{
background-image: url(/images/SlidingPanel/btn_line.png);
background-position: center top; /*SETS BUTTON POSITION*/
margin:0px;
padding:0px;
left: 0px;
top: 0px;
height:5px;
}
 
#btn-slide {
background-image: url(/images/SlidingPanel/btn.png); /*ADDS OUR BUTTON IMAGE*/
background-repeat: no-repeat; /*STOPS BUTTON FROM REPEATING*/
background-position: center top; /*SETS BUTTON POSITION*/
text-align: center; /*ALIGNS TEXT CENTER*/
width: 191px; /*BUTTON WIDTH*/
height: 26px; /*BUTTON HEIGHT*/
display: block; /*DISPLAY AS A BLOCK*/
color: #fff; /*TEXT COLOR*/
text-decoration: none; /*REMOVES UNDERSCORE FROM LINK*/
font-family: Arial, Helvetica, sans-serif; /*FONT FAMILY*/
font-weight: bold; /*TURNS TEXT BOLD*/
font-size: 1em; /*FONT SIZE*/
margin-right: auto; /*MARGIN AUTO*/
margin-left: auto; /*MARGIN AUTO*/
line-height: 22px; /*LINE HEIGHT OF BUTTON TEXT*/
}
 
 
/* SLIDING PANEL STYLES */
#slide-panel {
height: 100%; /*HEIGHT OF HIDDEN SLIDE PANEL*/
width: 500px; /*WIDTH OF HIDDEN SLIDE PANEL*/
display: none; /*THE ELEMENT WILL NOT BE DISPLAYED*/
border-right-width: 2px; /*ADDS RIGHT BORDER OF 2PX*/
border-left-width: 2px; /*ADDS LEFT BORDER OF 2PK*/
border-right-style: solid; /*MAKES RIGHT BORDER SOLID*/
border-left-style: solid; /*MAKES LEFT BORDER SOLID*/
border-right-color: #626262; /*RIGHT BORDER COLOR*/
border-left-color: #626262; /*LEFT BORDER COLOR*/
background-color: #949494; /*SLIDE PANEL BACKGROUND COLOR*/
border-bottom-width: 2px; /*ADDS BOTTOM BORDER OF 2PX*/
border-bottom-style: solid; /*MAKES BOTTOM BORDER SOLID*/
border-bottom-color: #626262; /*BOTTOM BORDER COLOR*/
opacity: .9; /*SETS SLIDE PANEL BACKGROUND'S OPACITY TO 80%*/
margin: auto; /*CENTERS OUR SLIDE PANEL*/
filter: alpha(opacity=90); /*sets opacity of slide panel to 80%*/
color: #FFFFFF;
padding: 20px;
}