/* Progous CSS Document */
/* Date Created: 20-11-2008 */
/* Last Modified: 24-11-2008 */
/* Authors: Osama Shamseddine <osama@progous.com> */
/* Copyright 2008, All Rights Reserved */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric 
{
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0; 
    left: 0;
}

.vscrollerbar 
{
    width: 14px;
    background-color:transparent;
}

/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
.vscrollerbarbeg 
{
    height: 0px;
    width: 14px;
    background-image: url(../images/scroll.jpg);
    background-repeat: repeat-y;
    background-color:transparent;
    background-position:top center;
    cursor:hand;
    cursor:pointer;
}

/* height of this element should be set */
.vscrollerbarend 
{
    height: 0px;
    width: 14px;
    background-color:transparent;
}

.vscrollerbase 
{
    width:14px;
    background-image:url(../images/scroll-bg.jpg);
    background-repeat:repeat;
    background-color:transparent;
}

/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
.vscrollerbasebeg 
{
    width: 14px;
    height: 10px;  
    background: transparent url(../images/top-arrow.jpg) no-repeat;
    cursor:hand;
    cursor:pointer;
}

/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
.vscrollerbaseend 
{
    height: 10px;
    width: 14px;
    background: transparent url(../images/bottom-arrow.jpg) no-repeat;
    cursor:hand;
    cursor:pointer;
}


.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 8px;
z-index: 2;
}


/*Page related styles for you to view*/
#divAll
{
    /* Typical fixed height and fixed width example */
    width:360px;  
    height:310px; 
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding: 0;
    float:left;
    overflow:hidden;
    outline:none;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
}

#divContracting
{
    /* Typical fixed height and fixed width example */
    width:360px;  
    height:310px; 
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding: 0;
    float:left;
    overflow:hidden;
    outline:none;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
}

#divLogistics
{
    /* Typical fixed height and fixed width example */
    width:360px;  
    height:310px; 
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding: 0;
    float:left;
    overflow:hidden;
    outline:none;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
}

#divTelecom
{
    /* Typical fixed height and fixed width example */
    width:360px;  
    height:310px; 
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding: 0;
    float:left;
    overflow:hidden;
    outline:none;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
}