#slider {
    width: 830px;
    margin: 0 auto;
    position: relative;
	
}

.scroll {
    height: 350px;
    width: 830px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	border:thin solid #838383; background:#f5fafd;
}


/*** Tabs ***/
ul.tabs {list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:0.7em; position:relative; left:-11px;}

ul.tabs li {float:left; display:block;}

ul.tabs li {margin:0px 1px; text-align:center;}
ul.tabs li:hover {margin:0px 1px; text-align:center;}

ul.tabs li a {text-decoration:none; color:#717174; display:block; background:url(../images/tab.jpg) no-repeat; width:127px; height:58px; }
ul.tabs li a:hover {text-decoration:none; color:#717174;  display:block;
background:url(../images/tab-over.jpg) no-repeat; height:58px; }
ul.tabs a.selected {background:url(../images/tab-over.jpg) no-repeat !important;  height:58px;}

ul.tabs li a span {position:relative; top:15px; z-index:50;}


a.lasik span {top:22px !important;}
a.events span {top:22px !important;}
a.eye span {top:22px !important;}

/*a.lasik {padding:10px 20px;}
a.premium {padding:2px 36px 6px 36px;}
a.events{padding:14px 43px;}
a.refractive {padding:2px 13px 2px 11px;}
a.eye {padding:2px 19px;}
a.payment {padding:2px 35px;}*/

.scrollContainer {}

.scrollContainer div.panel {
    padding: 20px;
    height: 300px;
    width: 800px;
	
}

div.panel {
	line-height:25px;
	}

 /*#shade {
   background: #EDEDEC url(../images/shade.jpg) no-repeat 0 0;
    height: 50px;
}*/


div.panel h1 {color:#2ec3e6; font-size:1.5em; font-weight:bold; margin:1px 0px;}

#woman-slider {position:relative; top:-140px; left:20px;}


ul.tabs a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 200px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -60px;
}

.scrollButtons.right {
    right: -60px;
}

.hide {
    display: none;
}