@charset "iso-8859-1";

html
{
    color: #000;    
    background-color:#22432b;
    padding: 0;
    margin: 0;
}

html, body {
    height: 100%;
} 

body
{
    margin: 0px;
    font-family: Georgia;
    font-size: 14px;
    color: #FFF;
}

#header{    
    background:url(../images/header_header.jpg) top left no-repeat;
    width:740px;
    height:266px;    
}

#banda{
    background:url(../images/banda-aurie.png) top left no-repeat;
    width:740px;
    height:40px;
    margin-top:-10px;
}

#headerColectie{
    background:url(../images/header_tip_produs.png) top left no-repeat;
    width:740px;
    height:110px;
}

#labelColectie{
    font-size:18px;
    color:#3a513f;
    padding-left:48px;
    padding-top:22px;
}

#logo{
    background:url(../images/header_header.jpg) top left no-repeat;
    height:100%;
    width:100%;
    margin-top:0px;
}

#leftColumn
{
    width: 120px;
}


#center{
    background:url(../images/bg_alb.png) top left repeat;
    height:100%;
    width:100%;
    color:#555555;
    border:1px solid #b39d5c;
    margin-left:-2px;
    font-size: 14px;
}

#separator{
    background:url(../images/separator.png) repeat-x top left;
    height:12px;
    width:100%;
    margin:0px;
    padding:0px;
    border:0;
}

#separator_vertical{
    background:url(../images/separator_vertical.png) repeat-y top right;
    height:100%;
    width:100%;
    margin:0px;
    padding:0px;
    border:0;
}


#centerBrodat{
    background:url(../images/bg_brodat.png) top left repeat;
    height:100%;
    width:100%;
    color:black;   
}

#footer
{
    background:url(../images/footer.jpg) top left no-repeat;
    color:#aaaaaa;
    width:740px;
    height:217px;
}

ul#uNavigator{margin: 0;padding: 0;list-style-type: none;float: left;text-align: right;}
ul#uNavigator li{display: inline;}
ul#uNavigator a{width: 76px;height: 200px;float: left;margin-left:4px;margin-bottom:4px}

a.broderie_link{
    display:block;
    width:76px;
    height:200px;
    cursor:pointer;

}

a.broderie_link:hover{
    display:block;
    width:76px;
    height:200px;
    background-position:50% -50%;
    border:1px solid red;
}

a.detalii{
    text-decoration:none;
    color:rgb(51, 153, 102);
}

a.detalii:hover{
    text-decoration:none;
    color:rgb(51, 153, 102);
}

a.detalii:visited{
    text-decoration:none;
    color:rgb(51, 153, 102);
}

div.insideColumn
{
    margin: 20px;
}

.greenLabel{
    font-size:18px;
    color:#3a513f;
    font-weight:bold
}

.greenLabelSmall{
    color:#3a513f;
}

a.menu{
    font-size:15px;    
    color:#d7d4bb;
    text-decoration:none;    
}

a.menu:hover{
    font-size:15px;
    color:#ffffff;    
    text-decoration:none;
    padding:5px;
}

#pageTitle{
    font-size:22px;
    font-style:italic;    
}

a.colectie{
    font-size:25px;
    color:#EAEAEA;
    text-decoration:none;
    font-style:italic;   
}

a.colectie:hover{
    color:#ffffff;
}

a.next{
    display:block;
    background: url(../images/next.gif) no-repeat top center;
    height:60px;
    width:67px;
    border:none;
}

a.next:hover{
    display:block;
    background:url(../images/next_mouse_over.gif) top center no-repeat;
    width:67px;
    height:60px;
    border:none;
}

a.back{
    display:block;
    background: url(../images/back.gif) no-repeat top center;
    height:67px;
    width:66px;
    border:none;
}

a.back:hover{
    display:block;
    background: url(../images/back_mouse_over.gif) no-repeat top center;
    height:67px;
    width:66px;
    border:none;
}



a.produsLink{
    border:none;
    text-decoration:none;
    margin:0px;
}

a.produsLink:hover{
    text-decoration:none;
    border:none;
}

a.intro{
    text-decoration:none;
    border:none;
    color:white;    
}

#backgroundPattern{
    background:url(../images/bg_negru.png);
    width:16px;
    height:610px;
}

#separatorVertical{
    background:url(../images/separator_vertical.gif) top center repeat;
    float:left;
    width:16px;
    height:610px;
}

#comparaAdd{
    background:url(../images/my_album_add.gif) bottom right no-repeat;
    width:50px;
    height:30px;
}

#comparaRemove{
    background:url(../images/my_album_erase.gif) bottom right no-repeat;
    width:50px;
    height:30px;
}

#error{
    color: #FF6523;
}
#success{
    color: #529457;}