.scrollgeneric {
line-height: 1px;
font-size: 0px;
position: absolute;
top: 0; left: 0;
}

/* For scrollbars, defining a color for background alongside with an image 
is always a good idea, this way the scrollbars are visible until images load */
.vscrollerbase {
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
width: 13px;
background-color: white;
}

.vscrollerbar {
width: 13px;
background-color: black;
}


.vscrollerbar {
/* Main body of vertical scrollbar */
background: #acbcd5 url(http://www.proev.com.tr/main/media/bar.jpg) 0px 0px no-repeat;
width: 13px;
height: 80px;
}

.vscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll-base,
the padding will automatically be turned off by the script
The greater the padding, the further away the scrollbar
stops away from both ends. This may be used, for example,
to provide space for our "faux" arrow heads.
*/
padding: 16px 0px 16px 0px;

/* z-index for scrollbars define the z-index for the content, if left at
"auto" or "0", they are set to "2", if defined, content z-index is set the
same as the scrollbars. Version 1.7.5 and higher does not need this setting
to function properly, earlier versions need this for proper operation */
z-index: 2;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: #acbcd5 url(http://www.proev.com.tr/main/media/bar.jpg) 0px 0px no-repeat;
width: 13px;
/* Height of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
height: 16px !important;
}

.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
background: #acbcd5 url(http://www.proev.com.tr/main/media/bar.jpg) 0px -16px no-repeat;
width: 13px;
height: 16px;
}


.scrollerjogbox {
/* Scroller jog (scroll-pan) image holder, only visible when both scrollbars are used */
/* Bottom image holder for vertical scrollbar*/
background: #acbcd5;
top: auto; left: auto;
bottom: 0px; right: 0px;
}


/* Following are for scrollbase images, may not always be required */

.vscrollerbase {
/* bar zemini */
/* Vertical scrollbar's base body */ 
background-color: #acbcd5;
}

.vscrollerbasebeg {
/* ust ok */
/* This may be used for holding the up arrow */
background: #acbcd5 url(http://www.proev.com.tr/main/media/top_arrow.jpg) 0px 0px no-repeat;
width: 13px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 16px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
/* alt ok */
/* Vertical scrollbar's base bottom-cap */
/* This may be used for holding the down arrow */
background: #acbcd5 url(http://www.proev.com.tr/main/media/bottom_arrow.jpg) 0px 0px no-repeat;
width: 13px;
height: 16px;

}

.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.png) 0px 0px;
}

/* Scroll Bar Master Styling Ends Here */