/* Progous CSS Document */
/* Package: Pert Plus - Hair Fall Control Website */
/* Date Created: 26-11-2008 */
/* Last Modified: 27-11-2008 */
/* Authors 1- Osama Shamseddine <osama@progous.com> */
/* Copyright 2008, All Rights Reserved */

body 
{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align:center;
    background-color:#E7E8E9;
}

/* Controls Styles */
.divLogo
{
    background-image:url(../images/logo.jpg);
    height:120px;
    width:138px;
}

#divMain
{
    text-align:center;
    width:100%;
    padding:0;
    margin: 0 auto;
}

#divMainContents
{
    margin: 0 auto; 
    padding: 0; 
    width: 832px;  
    text-align: left; 
    background-color:#FFFFFF;
}

#divTop
{
    text-align:left;
    background-color:#FFFFFF;
    width:812px;
    height:120px;
    padding-left:20px;
    margin: 0 auto;
}

#divTopBorder
{
    text-align:left;
    background-color:#FFFFFF;
    width:832px;
    height:70px;
    margin: 0 auto;
}

#divTopAbout
{
    text-align:left;
    background-image:url(../images/about_top.jpg);
    background-color:#41AA4C;
    background-repeat:no-repeat;
    width:780px;
    height:112px;
    padding-left:20px;
    margin: 0 auto;
}

#divLanguage
{
    float:right;
    padding-top:40px;
    padding-right:100px;
}

#divIndex
{
    padding:50px;
    text-align:center;
}

#divMovie
{
    padding-top:80px;
    text-align:center;
    width:596px;
}

#divGallery
{
    text-align:center;
    width:580px;
    padding-top:10px; 
    padding-left:10px;   
}

#divGoodies
{
    padding-top:30px;
    width:432px; 
    text-align:center;     
}

#divAbout
{
    padding-top:50px;
    text-align:center;
    height:400px;
    margin: 0 auto;
}

#divBottlePreview
{
     float:left;
}

.previewBottle
{
    padding-right:40px;
}

.previewType
{
    padding-top:5px;
}

.previewText
{
    font-family:Trebuchet MS;
    font-size:10px;
    color:Black;
    text-align:left;  
    padding-right:60px;
}

.imgMore
{ 
    text-align:right;
    padding-right:60px;
}

.divGelleryPreview
{
     text-align:left;
     background-color:White;
     z-index:1001;
     position:absolute;
     border-width:1px;
     border-style:solid;
     border-color:Black;
     width:300px;
}

.btnForum
{
    background-image:url(../images/forum.jpg);
    background-repeat:no-repeat;   
    width:79px;
    height:63px; 
}

.btnForumOver
{
    background-image:url(../images/forum_over.jpg);
    background-repeat:no-repeat;      
    width:79px;
    height:63px; 
}

.btnForum:hover
{
    background-image:url(../images/forum_over.jpg);
}

.divMenu
{
    float:left;
    position:relative;
}

.divBorder
{
    float:right;
    position:relative;
}

.divForum
{
    position:relative;
    z-index:1000;
    width:439px;
    padding-left:18px;
    text-align:left;
    margin: 0 auto;
    background-color:#FFFFFF;
}

.divCenter
{
    text-align:center;
    padding-bottom:5px;
    font-family:Trebuchet MS;
    font-size:10px;
    color:#555555;
    margin: 0 auto;
}

.divAboutFooter
{
    background-color:#41AA4C; 
    height:5px; 
    width:800px;
    position:relative;
    top:40px;
    margin: 0 auto;
}

#lblText
{
    font-family:Trebuchet MS;
    font-size:12px;
    text-align:left;
    height:110px;
}

.goodiesRow
{
    width:50%;
    padding-right:50px;
}

img
{
    border:0;
}

.hand
{
    cursor:hand;
    cursor:pointer;
}

textarea
{
    font-family:Trebuchet MS;
    font-size:12px;
    color:#555555;
    width:365px;
    border-width:1px;
    border-style:solid;
    border-color:Black;
    overflow:auto;
}

input
{
    font-family:Trebuchet MS;
    font-size:12px;
    color:#555555;
    width:365px;
    border-width:1px;
    border-style:solid;
    border-color:Black;
}

input.button
{
    width:50px;
    border-width:0px;
    padding-right:17px;
    cursor:hand;
    cursor:pointer;  
    background-color:#FFFFFF;  
}

input.button1
{
    width:75px;
    border-width:0px;
    padding-right:17px;
    cursor:hand;
    cursor:pointer;  
    background-color:#FFFFFF;  
}

.topborder
{
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:Black;
}


/* Left Menu Buttons Styles */
div.movie
{
    background-image:url(../images/movie.jpg);
    width:150px;
    height:60px;
    cursor:hand;
    cursor:pointer;
}

div.movie:hover
{
    background-image:url(../images/movie_over.jpg);
}

div.movieselected
{
    background-image:url(../images/movie_over.jpg);
    width:150px;
    height:60px;
    cursor:hand;
    cursor:pointer;
}


div.gallery
{
    background-image:url(../images/gallery.jpg);
    width:150px;
    height:83px;
    cursor:hand;
    cursor:pointer;
}

div.gallery:hover
{
    background-image:url(../images/gallery_over.jpg);
}

div.galleryselected
{
    background-image:url(../images/gallery_over.jpg);
    width:150px;
    height:83px;
    cursor:hand;
    cursor:pointer;
}

div.goodies
{
    background-image:url(../images/goodies.jpg);
    width:150px;
    height:78px;
    cursor:hand;
    cursor:pointer;
}

div.goodies:hover
{
    background-image:url(../images/goodies_over.jpg);
}

div.goodiesselected
{
    background-image:url(../images/goodies_over.jpg);
    width:150px;
    height:78px;
    cursor:hand;
    cursor:pointer;
}

div.about
{
    background-image:url(../images/about.jpg);
    width:150px;
    height:188px;
    cursor:hand;
    cursor:pointer;
}

div.about:hover
{
    background-image:url(../images/about_over.jpg);
}

div.aboutselected
{
    background-image:url(../images/about_over.jpg);
    width:150px;
    height:188px;
    cursor:hand;
    cursor:pointer;
}

div.menu1
{
    background-image:url(../images/menu1.jpg);
    width:150px;
    height:49px;
}

div.menu2
{
    background-image:url(../images/menu2.jpg);
    width:150px;
    height:117px;
}

.loader
{
 float:left;
}

/* Text Styles */

.smalltext
{
    font-family:Trebuchet MS;
    font-size:10px;
    color:#555555;
}

.smalltextbold
{
    font-family:Trebuchet MS;
    font-size:10px;
    color:#555555;
    font-weight:bold;
}

.bodytext
{
    font-family:Trebuchet MS;
    font-size:12px;
    color:#000000;
}

.bodytextbold
{
    font-family:Trebuchet MS;
    font-size:13px;
    font-weight:bold;
    color:#000000;
}

.titletext
{
    font-family:Trebuchet MS;
    font-size:14px;
    color:#555555;
    font-weight:bold;
}

.paddingleft
{
    padding-left:280px;
}

.paddingleft5
{
    padding-left:5px;
}

.paddingleft25
{
    padding-left:25px;
}

.paddingtop
{
    padding-top:150px;
}

.paddingbottom
{
    padding-bottom:10px;
}

.divSplash
{
    background-image:url(../images/splash.jpg);
    width:287px;
    height:61px;
    padding-top:140px;
    text-align:center;
}


/* Links Styles */
a
{
    font-family:Trebuchet MS;
    font-size:10px;
    color:#555555;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}