/* CSS Document */
html{
margin:0;
width:97%;
height:97%;
padding:1.2%;
}

body{
margin:0;
width:100%;
height:100%;
font-family:Helvetica, Arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#38006a;
}

#container{
width:100%;
border:1px solid red;
/*text-align:center;*/
text-align:left;
}

#main{
width:779px;
}

#top{
width:100%;
float:left;
}

#top .logo{
background-image:url(../images/logo_main.gif);
width:135px;
height:139px;
background-repeat:no-repeat;
background-position:right;
float:left;
}

#top .banner{
background-image:url(../images/ei_recruitment.gif);
width:610px;
height:152px;
background-repeat:no-repeat;
background-position:left;
float:right;
margin-right:10px;
}

#top .top
{
float:left;
}

/* TOP MENU  */

.topmenu{
padding-top:3px;
background-position:bottom;
background-repeat:repeat-x;
background-image:url(../images/top_strip_center.gif);
height:21px;
clear:both;
}


.topmenu1{
clear:both;
float:left;
padding-top:5px;
background-position:bottom;
background-repeat:repeat-x;
background-image:url(../images/top_strip_center.gif);
height:21px;
width:147px;

}


.topmenu1 .left{
background-image:url(../images/top_strip_left.gif);
background-repeat:no-repeat;
background-position:left;
vertical-align:middle;
line-height:21px;
text-align:center;
height:21px;
float:left;
padding-left:18px;
width:110px;
}

.topmenu1 .right{
background-image:url(../images/top_strip_right.gif);
background-repeat:no-repeat;
background-position:right;
height:21px;
width:15px;
float:right;
}




.image_1 .topmenu1{
margin-left:2px;
}





.topmenu .left{
background-image:url(../images/top_strip_left.gif);
background-repeat:no-repeat;
background-position:left;
height:21px;
float:left;
}

.topmenu .right{
background-image:url(../images/top_strip_right.gif);
background-repeat:no-repeat;
background-position:right;
height:21px;
width:15px;
float:right;
}

.topmenu ul{
display:block;
float:left;
}

.topmenu li{
list-style:none;
}

.topmenu a{
text-decoration:none;
color:#38006a;
padding-left:12px;
vertical-align:middle;
line-height:21px;
}

.topmenu a:hover{
text-decoration:none;
color:#999999;
}

.topmenu .head{
        text-decoration:none;
        color:#f0027f;
        vertical-align:middle;
        line-height:21px;
        padding-left:28px;
        padding-right:58px;
        float:left;
        font-size: 12px;
        word-spacing:4px;
}


/* MID PORTION*/

#scrollup {
  position: relative;
  overflow: hidden;
/*  width: 200px; */
  width: 175px; 
  height: 140px; 
}
.headline {
  position: absolute;
  top: 210px;
  left: 5px;
  height: 145px;
/*  width:190px;*/
  width:165px;
} 

#mid {
clear:both;
float:left;
width:100%;
}

#mid .leftpane{
padding-top:4px;
float:left;
height: 100%;
}

#mid .rightpane{
padding-top:4px;
float:right;
width:575px;
text-align: left;
}

#mid .leftpane .top{
background-image:url(../images/mid_left_top.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#ebe5f0;
width:164px;
}

#mid .leftpane .bottom{
background-image:url(../images/mid_left_bot.gif);
height:22px;
width:164px;
}

.leftpane .pict{
background-image:url(../images/image.gif);
background-position:center;
background-repeat:no-repeat;
width:139px;
height:105px;
padding:12px;
}


.leftpane .text{
padding-top:4px;
text-align:left;
font-size:11px;
font-weight:normal;
padding-left:12px;
padding-right:20px;
width:70%;
}

.leftpane .spacer{
padding-top:55px;
}

.cystic{
float:left;
vertical-align: bottom;
margin-top:-40px;
/*padding-top:30px;*/
padding-left:70px;
background-image:url(../images/cystic_logo_bot.gif);
background-position:bottom;
background-repeat:no-repeat;
width:101px;
height:44px;
}

.bottom_links{
font-size:12px;
font-weight:normal;
padding-left:200px;
}

#mid .paragraph{
        font-size:13px;
        font-weight:normal;
  padding-top:10px;
        text-align:justify;
}

#mid .paragraph_news{
        font-size:13px;
        font-weight:normal;
  padding-bottom:5px;
        text-align:justify;
}

#mid .centerimages
{
width:100%;
float:left;
margin-top:15px;
margin-bottom:0px;
}

#mid .image
{
float:left;
}

#mid .image_1
{
float:right;
}


#mid .image1
{
background-image:url(../images/retail_search.jpg);
background-repeat:no-repeat;
width:147px;
height:104px;
float:left;
margin-right:60px;
}

#mid .image2
{
background-repeat:no-repeat;
background-image:url(../images/retail_jobs_register.jpg);
width:146px;
height:104px;
float:left;
/*margin-right:60px;*/
margin-left:10px;
}

#mid .image3
{
background-repeat:no-repeat;
background-image:url(../images/retail_vacancy.jpg);
background-position:right;
width:152px;
height:104px;
float:left;
margin-left: -15px;
}

.black{
color:#000000;
font-size:11px;
font-weight:bold;
}

h1{
clear:both;
margin:0px;
padding-top:8px;
padding-bottom:5px;
font-size:13px;
font-weight:bold;
}

a.mytopmenu {
        text-decoration: none;
        top-margin: 6px;
        color:#38006a;
}


.divformtitle {
        width:529px;
        color:#38006a;
        background-color:#ebe5f0;
        padding-bottom:3px;
        padding-left:3px;
        padding-right:3px;
        padding-top:3px;
        font-weight:bold;
        text-indent:10px;
}
a:link {
        color: #38006A;
        text-decoration: none;
}
a:hover {
        color: #ff00ff;
        text-decoration: none;
}
.divformcontent {
        width:527px;
        text-align:left;
        background-color:#ebe5f0;
        border-left-color: #ff00ff;
        border-left-style: solid;
        border-left-width: 1px;
        border-top-color: #ff00ff;
        border-top-style: solid;
        border-top-width: 1px;
        border-bottom-color: #ff00ff;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-right-color: #ff00ff;
        border-right-style: solid;
        border-right-width: 1px;
        padding-bottom:3px;
        padding-left:3px;
        padding-right:3px;
        padding-top:3px;
        margin-bottom:15px;
}

select {
width: 250px
}
}h3 {
        font-size: 9px;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 5px;
        background-position: center;
}



#outer_container {
    text-align:center;
    background-color:#FFFFFF;
    margin:0 auto;
    text-align:center;
    width:779px;
    }
#main {
    text-align:left;
    }