/* ---- CSS RESET SMARTBRIDE.RO*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, input, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
#main-menu,.stire,#smart-articles,.content-inreg-main,content-inreg-main-cat,.content-inreg-main-cat,.content-inreg-main-designer,.content-inreg-main-designeri#smart-store,#header,#login,#cauta,#utilities,#ugo2012, .ugo2012,#banner-top,#ghid,#main,#content-inchiriere,#chat, #main-image,#banner-image,#content-thumbs,#img_big,#img_thumbs,#reclama160x600,#reclama2160x600,#reclama160x600interior,#chat,#chat-online,#chat-flash,#oferta-speciala,#registru
{
display:block;
display:inline-block;
}
:focus {
outline: none;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@font-face {
font-family:"Helvetica_new";
src: url("helveticaneuel.otf") format("opentype");
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
textarea {overflow:auto;}
button {cursor:pointer;}
/* ------------------------------------------------------------------------------------------------------------------ Body si Page */
body {
font-family: arial, tahoma, verdana, sans-serif;
font-size: 12px;
line-height: 1.2;
color: #CCC;
background-color: #fff9e7;
background: #fff9e7 url(images/background.jpg) repeat-x center top;
}
.holder_site_and_banners{
position:relative;
width:100%;
/*width: 978px;*/
margin:0px auto;
}
.footer{
background: url(images/footer.jpg) repeat-x center top;
position:relative;
height:181px;
width: 100%;
margin:auto;
}
.footer:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.footer_in_up{
padding-top:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#573147;
position:relative;
vertical-align:middle;
text-align:center;
width:984px;
height:20px;
/*width: 978px;*/
margin:0px auto;
}
.footer_in{
position:relative;
width:984px;
height:161px;
/*width: 978px;*/
margin:0px auto;
}
.footer_in .logo{
position:relative;
width:99px;
height:64px;
float:left;
/*width: 978px;*/
margin-top:30px;
background: url(images/logo_footer.png) no-repeat center top;
}
.footer_in .text{
width:780px;
position:relative;
height:64px;
float:right;
/*width: 978px;*/
margin-top:40px;
}
ul#general{
text-align:right;margin:1em 0;padding:0;
}
ul#general li {
display:inline-block;
white-space:nowrap;
padding:10px;
margin-right: 0px;
text-align:right;
}
ul#footer_li {
float: left;
padding: 0 0 0px 0px;
color: #ded19b;
}
ul#footer_li li {
float: left;
height: 20px;
padding: 0px 15px 0px 3px;
margin-right: 2px;
background: url(images/li_footer.png) no-repeat right 0px;
color: #ded19b;
font-size:12px;
}
ul#footer_lin li.active {
background: url(images/li_footers.png) no-repeat left top;
}
ul#footer_li li a {
float: left;
height: 20px;
margin-right: 3px;
color: #ded19b;
font-size:12px;
}
ul#footer_li li.active a {
cursor: default;
color: #ded19b;
}
ul#footer_li li:hover,
ul#footer_li li.hover {
}
ul#footer_li li a:hover,
ul#footer_li li.hover a {
color:#ded19b;
}
ul#footer_li2 {
float: left;
padding: 0 0 0px 0px;
color: #ded19b;
}
ul#footer_li2 li {
float: left;
height: 20px;
padding: 0px 15px 0px 3px;
margin-right: 2px;
color: #ded19b;
font-size:12px;
}
ul#footer_li2 li.active {
}
ul#footer_li2 li a {
float: left;
height: 20px;
font-family:Arial, Gadget, sans-serif
margin-right: 3px;
color: #ded19b;
font-size:11px;
}
ul#footer_li2 li.active a {
cursor: default;
color: #ded19b;
}
ul#footer_li2 li:hover,
ul#footer_l2i li.hover {
}
ul#footer_li2 li a:hover,
ul#footer_li2 li.hover a {
color:#ded19b;
}
#holder_float_banner_left{
width:120px;
position:absolute;
top:0px;
left:1105px;
}
#holder_float_banner_right{
width:120px;
position:absolute;
top:0px;
left:7px;
}
#page {
width: 984px;
/*
position:absolute;
top:0px;
left:125px;
padding: 0 4px 4px 4px;
*/
border: 0px solid #ABABAB;
margin: 4px auto;
}
/* ------------------------------------------------------------------------------------------------------------------ Typography */
h1 {
padding: 2px 0 1px 0;
text-align: center;
font-size: 10px;
color: #999;
}
h2 {
font-size: 13px;
font-weight: 7;
}
h3 {
font-size: 12px;
font-weight: 7;
}
.poll h3{
padding-left:5px;
}
h4 {
font-size: 11px;
font-weight: 1;
}
p {
font-size: 12px;
}
.hr {
border: none;
border-top: 1px solid #ccc;
font-size:.1em;
height:1px;
}
/* ------------------------------------------------------------------------------------------------------------------ Links */
a {
color: #ded19b;
outline: none;
text-decoration: none;
/* color: #3399FF; */
}
a:hover {
color: #ded19b;;
}
a.read-more,
span.read-more {
float: right;
border-bottom: 1px solid #D6D6D6;
font-size: 11px;
color: #0066CC;
}
a.read-more:hover,
span.read-more:hover,
span.read-more.hover {
color: #ded19b;
}
a.call-to-action {
float: right;
padding-right: 7px;
margin: 12px 1px 1px 0;
line-height: 1;
font-size: 11px;
color: #006699;
background: url(../images/bg-call-to-action.png) no-repeat right top;
}
a.call-to-action.c2a {margin-top:1px;}
a.call-to-action span {
float: left;
padding: 7px 0 6px 7px;
background: url(../images/bg-call-to-action.png) no-repeat left top;
cursor: pointer;
}
a.call-to-action:hover {
/*color: #0066FF;*/
color: #ded19b;
}
/* ------------------------------------------------------------------------------------------------------------------ Repeats */
.box {
border: 1px solid #E1E1E1;
background-color: #F7F7F7;
}
.inner-box {
border: 1px solid #DFDFDF;
background-color: #FFF;
}
.thumb, .thumb_margin {
padding: 6px;
border: 1px solid #DFDFDF;
background-color: #FFF;
/*overflow: hidden;*/
/*text-align: center;*/
/* width: 150px;
height: 120px;*/
}
#articol .thumb{
float:left;
/*margin-right:10px; modificat de anamaria*/
/* margin:10px;*/
}
#articol .thumb_margin{
float:left;
margin:10px;
}
.poza-biserica{
float:left;
padding:10px;
margin:10px;
}
.descriere-biserica{
color: #43282E;
width:460px;
float:right;
padding:10px;
margin-left:0px;
}
.dsc-biserica{
width:460px;
min-height:100px;
}
.dsc-biserica-cont,.dsc-biserica-program{
float:left;
width:230px;
padding-bottom:10px;
}
.dsc-biserica-adresa{
float:right;
width:230px;
}
/* ------------------------------------------------------------------------------------------------------------------ Forms */
.input-biserica{
margin:10px;
}
form1 input.focus {
border-color: #ded19b;
}
form a {
padding: 5px 15px 3px 15px;
border-width: 1px;
border-style: solid;
line-height: 1;
font-size: 11px;
color: #FFF;
}
form a:hover {
color: #FFF;
}
/* ------------------------------------------------------------------------------------------------------------------ Header */
#header {
width:984px;
margin-top:0px;
margin-bottom: 5px;
position: relative;
height:150px;
}
#header a#logo {
float: left;
width: 165px;
height: 106px;
margin: 14px 0 0 90px;
text-indent: -9999px;
background: url(images/logo.png) no-repeat center top;
}
#slideshow {
z-index:2;
}
#header .title_div {
text-align:right;
zoom:1;
position: absolute;
top: 2px;
right: 8px;
color:#999;
font-size:10px;
white-space: nowrap;
width: 984px;
overflow: hidden;
}
/* ------------------------------------------------------------------------------------------------------------------ Utilities */
#utilities {
height: 36px;
position: relative;
}
/* --------------- site guide*/
#banner-top {
margin-top:15px;
height:90px;
width:984px;
position: relative;
}
#banner-top-468 {
width:728px;
height: 90px;
position: relative;
margin:auto;
}
/* --------------------------------------------------- Main-menu */
ul#main-menu {
width:984px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding: 0px 0px 0px 0px;
}
ul#main-menu li {
float: left;
height: 30px;
padding: 0 0 0 3px;
overflow: hidden;
color:#6c5f2d;
}
ul#main-menu li.active {
background: url(images/bg_buton.png) no-repeat left top;
}
ul#main-menu li a {
float: left;
padding: 10px 17px 7px 5px;
color: #a5902f;
font-family: Helvetica, Arial;
font-size:14px;
background: url(images/bg_buton.png) no-repeat right 2px;
}
ul#main-menu li.active a {
cursor: default;
}
ul#main-menu li:hover,
ul#main-menu li.hover {
background-position: left top;
}
ul#main-menu li a:hover,
ul#main-menu li.hover a {
color:#6c5f2d;
}
/* --------------------------------------------------- Ghid-menu */
#ghid {
height: 18px;
margin-top: 10px;
margin-left: 1px;
position: relative;
padding: 0px 0px 0px 0px;
font-family:Helvetica,Arial, sans-serif;
color: #b7a45b;
font-size:16px;
}
ul.ghid-menu-1 {
float: left;
padding: 0px 0px 0px 0px;
}
ul.ghid-menu-1 li {
float: left;
height: 18px;
padding: 0px 0 0 0px;
margin-right: 2px;
# background: url(../images/butt-main-menu.png) no-repeat left 2px;
overflow: hidden;
vertical-align: middle;
}
ul.ghid-menu {
float: left;
padding: 0px 0px 0px 0px;
}
ul.ghid-menu li {
float: left;
height: 18px;
padding: 0px 0 0 0px;
margin-right: 2px;
# background: url(../images/butt-main-menu.png) no-repeat left 2px;
overflow: hidden;
padding: 3px 5px 0px 1px;
color:#000000;
font-family: Helvetica, Arial;
font-size:12px;
vertical-align: middle;;
}
ul.ghid-menu li.active {
# background: url(../images/butt-main-menu-active.png) no-repeat left top;
}
ul.ghid-menu li a {
float: left;
color:#000000;
font-family: Helvetica, Arial;
font-size:12px;
background: url(images/bg_ghid.png) no-repeat right 0px ;
padding-right:7px;
vertical-align: middle;
}
ul.ghid-menu li.active a {
background: url(../images/butt-main-menu-active.png) no-repeat right top;
cursor: default;
}
ul.ghid-menu li:hover,
ul.ghid-menu li.hover {
background-position: left top;
}
ul.ghid-menu li a:hover,
ul.ghid-menu li.hover a {
color:#8d8050;
}
/*--------------------------- Meniu principal */
#meniu-principal {
width:190px;
margin-top: 10px;
margin-left: 10px;
position: relative;
padding: 0px 0px 0px 0px;
border: 1px solid #c3b475;
font-family:Helvetica,Arial, sans-serif;
color: #b7a45b;
font-size:16px;
background-color: #f8f1d9;
}
.menu_titluri {
font-family:Arial, Helvetica, sans-serif;
color: #51373b;
}
.sIFR-active .menu_titluri {
visibility: hidden;
font-family:Arial, Helvetica, sans-serif;
color: #51373b;
font-size:16px;
width:155px;
}
ul.menu li a:hover {
background: url(images/meniu_principal.png) no-repeat right 12px;
}
ul.menu li ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #895c76;
padding-left: 20px;
background: url(images/meniu_principa2.png) no-repeat right 12px;
}
ul.menu li ul li a:hover {
background: url(images/meniu_principa2l.png) no-repeat right 12px;
border-left: 0px #ddd solid;
padding-left: 15px;
}
/* --------------------------------------------------- Account-menu */
ul#account-menu {
float: left;
padding: 0 0 0px 40px;
}
ul#account-menu li {
float: left;
height: 27px;
padding: 0 0 0 3px;
margin-right: 2px;
line-height: 1;
background: url(../images/butt-account-menu.png) no-repeat left 2px;
overflow: hidden;
}
ul#account-menu li a {
float: left;
padding: 10px 12px 7px 9px;
color: #ded19b;
background: url(../images/butt-account-menu.png) no-repeat right 2px;
}
ul#account-menu li:hover,
ul#account-menu li.hover {
background-position: left top;
}
ul#account-menu li a:hover,
ul#account-menu li.hover a {
background-position: right top;
}
#logged-in {
float: left;
height: 22px;
width: 190px;
padding: 3px 5px;
border: 1px solid #DFDFDF;
background-color: #F7F7F7;
}
#logged-in p {
font-size: 11px;
line-height: 1;
}
#logged-in ul {
padding-top: 1px;
}
#logged-in ul li {
float: left;
font-size: 11px;
line-height: 1;
}
#logged-in ul li a {
float: left;
padding-left: 12px;
background: url(../images/ico-dot-black.png) no-repeat 3px 3px;
}
#logged-in ul li.first a {
padding-left: 0;
background-image: none;
}
/* --------------------------------------------------- Search form */
.noutati{
float: left;
padding-top: 65px;
margin-left: 10px;
width: 285px;
height:61px;
background: url(images/inscriere.png) no-repeat 3px 3px;
}
.header_right{
float: right;
padding-top: 5px;
margin-right: 10px;
width: 285px;
height:141px;
}
#login a {
color:#B7A45B;
}
#login{
float: right;
overflow:hidden;
color: #cdbe84;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top: 15px;
padding-left: 40px;
width:191px;
height:48px;
background: url(images/cauta.png) no-repeat 3px 3px
}
#login .cosul_meu {
background: url(images/separator.png) no-repeat;
background-position: 100% 0px;
width:100px;
margin-right:10px;
padding-right:10px;
text-align:left;
}
#cauta{
float: right;
overflow:hidden;
color: #cdbe84;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top: 19px;
padding-left: 20px;
width:274px;
height:46px;
background: url(images/login.png) no-repeat 3px 3px
}
form input.text-cauta {
border: 1px solid #C9C9C9;
font-size: 22px;
width:170px;
height:27px;
color: #ded19b;
background:url(images/input-search.png);
}
form input.buton-cauta {
float: right;
margin-top:0px;
margin-left:10px;
margin-right:10px;
width:70px;
height:27px;
color: #ded19b;
background:url(images/search_button.png) no-repeat;
}
#main {
width:984px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/breadCrumbGradient.jpg) repeat-x scroll left top;
margin-top:5px;
padding-top:5px;
}
#main .column {
float: left;
}
#homepage .column#content {
width: 777px;
margin-left: 205px;
margin-top:10px;
}
#homepage .column#navigation {
width: 200px;
margin-left: -990px;
}
#homepage .column#dreapta-content {
width: 303px;
margin-left: 0px;
}
#navigation h2.block.big {
height:45px;
background-position:left bottom;
}
#navigation h2.block.big span {
background-position:right bottom;
height:42px;
padding-top:3px;
line-height:20px;
}
h2.important {
background-position: left -32px;
color: #fff;
}
h2.important span {
background-position: right -32px;
}
#content .box {
padding: 7px;
margin-bottom: 12px;
}
#content .box .column {
width: 215px;
margin: 0 0 0 4px;
}
#content .box .column.last {
float: right;
margin: 0 4px 0 0;
}
#content .content-inreg-main-cat {
position: relative;
margin: 0px 0 12px 0;
background: #dfd4a9 no-repeat left top;
padding-bottom:0px;
width:785px;
}
ul.cadru-produse {
height: 140px;
margin-left: 16px;
margin-bottom:5px;
}
ul.cadru-produse li {
float:left;
height: 270px;
width:171px;
padding: 0 0 0 3px;
margin-right:8px;
font-family: Helvetica, Arial;
font-size:11px;
text-align:center;
}
ul.cadru-produse li a {
float: left;
padding: 0px 5px 7px 0px;
font-family: Helvetica, Arial;
font-size:11px;
}
.text_produs_l {
color: #43282e;
text-decoration:underline;
display:block;
}
#content .content-inreg-main {
z-index:6;
position: relative;
margin: 0px 0 12px 0;
background: #dfd4a9 no-repeat left top;
padding-bottom:0px;
width:785px;
color: #a5902f;
border: solid 1px #c3b475;
}
#content .ugo2012 {
z-index:6;
position: relative;
margin: 0px 0 12px 0;
background: #dfd4a9 no-repeat left top;
padding-bottom:0px;
width:785px;
color: #a5902f;
border: solid 1px #c3b475;
}
#content .content-inreg-mainrb {
z-index:5;
position: relative;
margin: 0px 0 12px 0;
background: #dfd4a9 no-repeat left top;
padding-bottom:0px;
width:785px;
color: #a5902f;
border: solid 1px #c3b475;
}
#content .content-inreg-main .video-top {
position: relative;
margin: 20px auto 20px auto;
font-family:Arial;
font-size:18px;
background: #dfd4a9 no-repeat left top;
padding-bottom:0px;
width:640px;
color: #573147;
text-align:center;
font-weight:bold;
}
#content .content-inreg-main .video {
display: table-cell; /* For FireFox and Opera */
display: inline-block; /* For Opera and IE */
vertical-align: top;
font-family:Arial;
font-size:12px;
width:182px;
height:173px;
color: #573147;
text-align:center;
font-weight:bold;
}
#content .content-inreg-main .video .afisari {
display: table-cell; /* For FireFox and Opera */
display: inline-block; /* For Opera and IE */
vertical-align: top;
font-family:Arial;
font-size:10px;
width:182px;
height:173px;
color: #573147;
text-align:center;
font-weight:normal;
}
#content .content-inreg-main .cos{
position: relative;
margin: 0px 0 12px 0;
background: #dfd4a9 no-repeat left top;
padding-top:20px;
margin:10px;
color: #32161F;
}
#content .content-inreg-main .cos .rand-cos{
float:left;
margin-bottom:5px;
display:block;
width:100%;
}
#content .content-inreg-main .cos .rand-cos-alt{
float:left;
margin-bottom:5px;
display:block;
width:100%;
background: #ece0b4;
}
#content .content-inreg-main .cos .item{
float:left;
position:relative;
left:1px;
width:130px;
color: #32161F;
}
#content .content-inreg-main-designeri {
position: relative;
margin: 0px 0 12px 0;
padding-bottom:20px;
width:100%;
}
#content .content-inreg-main-designer {
position: relative;
margin: 0px 0 12px 0;
padding-bottom:20px;
width:100%;
background: #dfd4a9 no-repeat left top;
}
#content .content-inreg-main-designer .designer{
display:block;
float: left;
position: relative;
height:35px;
width:50%;
}
#content .content-inreg-main-designer .colectie{
height:35px;
float: right;
right:20px;
position: relative;
width:50%;
}
#content .content-inreg-main-designer .produse{
display:block;
float: left;
position: relative;
width:100%;
color: #654d4d;
}
#content .content-inreg-main-designer .produse hr{
height:2px;
border:none;
margin-left:10px;
margin-right:10px;
margin-top:10px;
background: url(images/hr_bg.png) repeat-x left top;
}
#content a:link, #content a:active,#content a:visited {
color: #654d4d;
}
#content a:hover {
color: #124d4a;
}
#content .content-inreg-main-designeri .lista_designeri{
position: relative;
margin: 0px 0 12px 0;
background: #dfd4a9 no-repeat left top;
padding-bottom:20px;
padding-left:15px;
padding-top:10px;
color: #654d4d;
width:525px;
border: 1px #c2b475 normal;
float:left;
}
#content .content-inreg-main-designeri .store_designeri{
float:right;
position: relative;
margin: 0px 0 12px 0;
background: #dfd4a9 no-repeat left top;
padding-bottom:20px;
border: 1px #c2b475 normal;
width:230px;
}
#content .content-inreg-main .continut{
position: relative;
margin: 10px 90px 10px 90px;
}
#content .content-inreg-main .ugo2012{
position: relative;
margin: 10px 90px 10px 90px;
}
#content .content-inreg-main-designeri h2 {
position: relative;
margin-left: 10px;
font-family: "Helvetica_new";
font-size:24px;
color: #32161f;
}
.sIFR-active #content .content-inreg-main-designeri h2 {
margin-left: 10px;
top: 10px;
visibility: hidden;
font-size:24px;
font-family: Verdana;
line-height: 1em;
}
#content .content-inreg-main-designeri h4 {
position: relative;
margin-left: 10px;
font-family: "Helvetica_new";
font-size:24px;
color: #32161f;
}
.sIFR-active #content .content-inreg-main-designeri h4 {
margin-left: 10px;
top: 10px;
visibility: hidden;
font-size:24px;
font-family: Verdana;
line-height: 1em;
}
#content .content-inreg-main h2 {
position: relative;
margin-left: 10px;
font-family: "Helvetica_new";
font-size:24px;
color: #32161f;
}
#content .ugo2012 h2 {
position: relative;
margin-left: 10px;
font-family: "Helvetica_new";
font-size:24px;
color: #32161f;
}
.sIFR-active #content .content-inreg-main h2 {
margin-left: 10px;
top: 10px;
visibility: hidden;
font-size:24px;
font-family: Verdana;
line-height: 1em;
}
.sIFR-active #content .ugo2012 h2 {
margin-left: 10px;
top: 10px;
visibility: hidden;
font-size:24px;
font-family: Verdana;
line-height: 1em;
}
#content .content-inreg-main h4 {
font-size:24px;
color: #32161f;
}
#content .ugo2012 h4 {
font-size:24px;
color: #32161f;
}
.sIFR-active #content .content-inreg-main h4 {
visibility: hidden;
font-size:24px;
font-family: Verdana;
line-height: 1em;
}
.sIFR-active #content .ugo2012 h4 {
visibility: hidden;
font-size:24px;
font-family: Verdana;
line-height: 1em;
}
#content .content-inreg-main h3 {
font-size:26px;
color: #32161f;
}
#content .ugo2012 h3 {
font-size:26px;
color: #32161f;
}
.sIFR-active #content .content-inreg-main h3 {
visibility: hidden;
font-size:26px;
font-family: Verdana;
line-height: 1em;
margin-left:13px;
}
.sIFR-active #content .ugo2012 h3 {
visibility: hidden;
font-size:26px;
font-family: Verdana;
line-height: 1em;
margin-left:13px;
}
#content .content-inreg-main-cat h3 {
font-size:26px;
color: #32161f;
margin-top:13px
}
.sIFR-active #content .content-inreg-main-cat h3 {
position:relative;
margin-top:13px
visibility: hidden;
font-size:26px;
font-family: Verdana;
line-height: 1em;
}
#content .content-inreg-main .text {
display:block;
position: relative;
top: 10px;
font-family: Arial;
font-size:12px;
color: #32161f;
padding-bottom:20px;
}
#content .content-inreg-main label {
display:block;
font-family: Arial;
font-size:12px;
color: #6b6035;
margin-bottom:2px;
}
#content .content-inreg-main .stanga {
float:left;
margin-top:20px;
position: relative;
font-family: Arial;
font-size:12px;
color: #32161f;
}
#content .content-inreg-main .dreapta {
margin-top:20px;
float:right;
position: relative;
font-family: Arial;
font-size:12px;
color: #32161f;
}
#content .content-inreg-main .select_data{
float:left;
margin-top:20px;
position: relative;
margin-left:200px;
font-family: Arial;
font-size:12px;
color: #32161f;
}
#content .content-inreg-main .select_data input{
background: #fffae6;
}
.dreapta h4{
font-weight:lighter;
margin-top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
font-style:italic;
color: #43282e;
}
#content .content-inreg-main .dreapta {
margin-top:20px;
width:244px;
float:right;
position: relative;
font-family: Arial;
font-size:12px;
color: #32161f;
}
#content .content-inreg-main .input-text {
width:244px;
height:27px;
background: url(images/input-register.jpg) no-repeat left top;
font-size:12px;
color: #6b6035;
padding-top:3px;
padding-left:5px;
border: 0px none;
}
#content .content-inreg-main-designeri label {
display:block;
font-family: Arial;
font-size:12px;
color: #6b6035;
margin-bottom:2px;
}
#content .content-inreg-main-designeri .input-text {
width:244px;
height:27px;
background: url(images/input-register.jpg) no-repeat left top;
font-size:12px;
color: #6b6035;
padding-top:3px;
padding-left:5px;
border: 0px none;
}
#content .content-inreg-main .drop {
width:244px;
height:27px;
background: url(images/input-select.jpg) no-repeat left top;
font-size:12px;
color: #6b6035;
margin-bottom:3px;
border: 0px none;
}
#content .content-inreg-main .btn_inreg,#content .content-inreg-main-designeri .btn_inreg{
height:27px;
width:156px;
color:#e6dcb6;
background: #422331;
border: #552f45 normal 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.titluri {
position: relative;
margin-left: 16px;
top: 10px;
font-family: "Helvetica_new";
font-size:18px;
color: #32161f;
}
.sIFR-active .titluri {
visibility: hidden;
font-family: "Verdana";
font-size:18px;
color: #32161f;
line-height: 1em;
}
#content hr {
height:2px;
border:none;
margin-left:10px;
margin-right:10px;
margin-top:16px;
background: url(images/hr_bg.png) repeat-x left top;
}
#content #content-thumbs {
position: relative;
height: 316px;
margin: 0px 0 12px 0;
}
#content #content-thumbs #img_big{
position: relative;
float: left;
overflow:hidden;
height: 273px;
width:255px;
margin: 0px 0 12px 0;
background: url(images/active/10_rochii_aduse.jpg) no-repeat left top;
}
#content #content-thumbs #img_thumbs{
position: relative;
float: right;
overflow:hidden;
margin-left: 10px;
height: 273px;
width:209px;
margin: 0px 0 12px 0;
}
#content #content-thumbs #img_thumbs #img_thumbs_a{
position: relative;
float: left;
overflow:hidden;
margin-left: 10px;
height: 136px;
width:103px;
margin: 0px 0 12px 0;
}
#content #content-thumbs #img_thumbs #img_thumbs_b{
position: relative;
float: right;
overflow:hidden;
margin-left: 10px;
height: 136px;
width:103px;
margin: 0px 0 12px 0;
text-align:center;
}
#content #content-thumbs #img_thumbs #img_thumbs_b h3,#content #content-thumbs #img_thumbs #img_thumbs_a h3{
position: relative;
margin-left: 16px;
font-weight:bolder;
top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #32161f;
}
.smart-store {
z-index:3;
display:inline-block;
width:785px;
margin-top: 10px;
position: relative;
border: 1px solid #c3b475;
font-family:Helvetica,Arial, sans-serif;
color: #b7a45b;
font-size:16px;
background-color: #f8f1d9;
}
.smart-store h2{
visibility: hidden;
position: relative;
margin-left: 16px;
top:10px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;;
color: #32161f;
line-height: 1em;
}
.sIFR-active .smart-store h2{
visibility: hidden;
position: relative;
margin-left: 10px;
top:10px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;;
color: #32161f;
line-height: 1em;
}
.smart-store h3{
margin-left: 10px;
font-weight:lighter;
font-style:italic;
margin-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color: #32161f;
}
.smart-store hr{
height:2px;
border:none;
margin-left:10px;
margin-right:10px;
margin-top:16px
background: url(images/hr_bg.png) repeat-x left top;
}
.smart-store-chat {
float:left;
display:inline-block;
width:468px;
margin-top: 10px;
position: relative;
border: 1px solid #c3b475;
font-family:Helvetica,Arial, sans-serif;
color: #b7a45b;
font-size:16px;
background-color: #f8f1d9;
}
.smart-store-chat h2{
position: relative;
margin-left: 16px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
color: #32161f;
}
.sIFR-active .smart-store-chat h2{
visibility: hidden;
position: relative;
margin-left: 16px;
top:10px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;;
color: #32161f;
line-height: 1em;
}
.smart-store-chat h3{
margin-left: 16px;
font-weight:lighter;
font-style:italic;
margin-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color: #32161f;
}
.smart-store-chat hr{
height:2px;
border:none;
margin-left:16px;
margin-right:16px;
margin-top:16px;
background: url(images/hr_bg.png) repeat-x left top;
}
.smart-store-chat-promo {
float:right;
display:inline-block;
width:300px;
height:600px;
margin-top: 10px;
position: relative;
border: 1px solid #c3b475;
font-family:Helvetica,Arial, sans-serif;
color: #b7a45b;
font-size:16px;
background-color: #f8f1d9;
}
ul.smart-store-men {
display:block;
margin-left: 5px;
margin-bottom:5px;
}
ul.smart-store-men:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
ul.smart-store-men li {
float:left;
padding: 3px 5px 7px 5px;
height: 140px;
width:100px;
background-position: left 1px bottom 10px;
padding: 0 0 0 3px;
margin-right:8px;
margin-bottom:20px;
font-family: Helvetica, Arial;
font-size:11px;
text-align:left;
}
ul.smart-biserica li
{
float:left;
padding: 3px 5px 7px 5px;
height: 240px;
width:180px;
background-position: left 1px bottom 10px;
padding: 0 0 0 3px;
margin-right:8px;
margin-bottom:20px;
font-family: Helvetica, Arial;
font-size:11px;
text-align:left;
}
.afisare-br {
}
.afisare-br .biserica{
float:left;
width:170px;
text-align:left;
padding:5px;
color:#895C76;
}
.afisare-br .biserica .descriere {
padding:5px;
width:170px;
}
ul.smart-store-men li.active {
}
ul.smart-store-men li a {
float: left;
padding: 3px 3px 7px 3px;
color: #a5902f;
font-family: Helvetica, Arial;
font-size:11px;
}
ul.smart-store-men li.active a {
cursor: default;
}
ul.smart-store-men li:hover,
ul.smart-store-men li.hover {
background-position: left top;
}
ul.smart-store-men li a:hover,
ul.smart-store-men li.hover a {
color:#8d8050;
}
#reclama160x600 {
height:620px;
width:190px;
margin-left:10px;
margin-top:10px;
position: relative;
border: 1px solid #c3b475;
font-family:Helvetica,Arial, sans-serif;
color: #d9cd9eb;
font-size:10px;
text-align:center;
background-color: #fcf5e0;
}
#reclama2160x600 {
height:620px;
width:190px;
margin-left:10px;
margin-top:10px;
position: relative;
border: 1px solid #c3b475;
font-family:Helvetica,Arial, sans-serif;
color: #d9cd9eb;
font-size:10px;
text-align:center;
background-color: #fcf5e0;
}
#reclama160x600interior {
height:600px;
width:160px;
text-align:center;
vertical-align:middle;
margin-left:0px;
position: relative;
border: 1px solid #c3b475;
font-family:Helvetica,Arial, sans-serif;
color: #d9cd9eb;
font-size:24px;
background-color: #fcf5e0;
}
.smart-articles {
margin-top: 10px;
border: 1px solid #c3b475;
font-family:Helvetica,Arial, sans-serif;
color: #b7a45b;
font-size:16px;
background-color: #f8f1d9;
}
#smart-articles h2{
position: relative;
margin-left: 16px;
font-weight:lighter;
top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color: #32161f;
}
.sIFR-active #smart-articles h2{
visibility: hidden;
margin-left: 16px;
font-weight:lighter;
top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;;
color: #32161f;
line-height: 1em;
}
#smart-articles .stire{
width:450px;
position:relative;
float:left;
margin-left: 16px;
margin-top: 10px;
font-family:Arial, Helvetica, sans-serif;
color: #32161f;
}
#smart-articles .stire .poza {
position:relative;
float: left;
height:98px;
width:98px;
margin-right:8px;
font-family: Helvetica, Arial;
font-size:11px;
}
#smart-articles .stire .articol{
float: right;
width:330px;
margin-right:8px;
font-family: Helvetica, Arial;
font-size:11px;
}
#smart-articles .stire .articol .titlu{
font-family: Helvetica, Arial;
font-size:16px;
color:#51373b;
}
#smart-articles .data{
font-family: Helvetica, Arial;
font-size:10px;
padding-right:30px;
color:#a09363;
margin-bottom:5px;
}
#smart-articles .link{
margin-top:10px;
font-family: Helvetica, Arial;
font-size:10px;
font-style:italic;
color:#51373b3;
}
#smart-articles .continut{
font-family: Helvetica, Arial;
font-size:12px;
color:#51373b3;
text-align:justify;
}
#smart-articles h3{
margin-left: 16px;
font-weight:lighter;
font-style:italic;
margin-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color: #32161f;
}
#smart-articles hr{
height:2px;
border:none;
margin-left:16px;
margin-right:16px;
margin-top:16px;
background: url(images/hr_bg.png) repeat-x left top;
}
#dreapta-content #chat {
border: 1px solid #c3b475;
position: relative;
overflow:hidden;
margin-left:10px;
margin-top: 10px;
width:491px;
width:302px;
background: url(images/bg-chat.jpg) no-repeat left top;
}
#dreapta-content #chat #chat-online{
position: relative;
margin-left: 0px;
margin-top: 0 px;
width:302px;
border:0px none;
height:290px;
}
#dreapta-content #chat h2{
position: relative;
margin-left: 0px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;;
color: #32161f;
}
.sIFR-active #dreapta-content #chat h2{
position: relative;
margin-left: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;;
color: #32161f;
line-height: 1em;
}
#dreapta-content #chat #chat-online #chat-flash{
position: relative;
margin-left: 10px;
font-weight:lighter;
top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color: #32161f;
}
#dreapta-content #chat #oferta-speciala{
position: relative;
margin-left: 16px;
margin-right: 16px;
font-weight:lighter;
top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #32161f;
}
#dreapta-content #registru {
position: relative;
overflow:hidden;
border: 1px solid #c3b475;
margin-left:10px;
text-align:center;
margin-top: 10px;
width:302px;
height:294px;
background: url(images/bg-chat.jpg) no-repeat left top;
}
#dreapta-content #registru h2 {
position: relative;
font-weight:lighter;
margin-top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color: #32161f;
}
.sIFR-active #dreapta-content #registru h2 {
visibility: hidden;
position: relative;
font-weight:lighter;
margin-top: 10px;
margin-left:25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
color: #32161f;
line-height: 1em;
}
#dreapta-content #registru h4{
position: relative;
font-weight:lighter;
margin-top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
font-style:italic;
color: #43282e;
}
.sIFR-active #dreapta-content #registru h4{
margin-left:75px;
position: relative;
margin-top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
font-style:italic;
color: #43282e;
text-align:center;
}
#dreapta-content #registru hr{
position:relative;
height:2px;
border:none;
margin-left:16px;
margin-right:16px;
background: url(images/hr_bg.png) repeat-x left top;
margin-top:6px;
margin-bottom:6px;
}
#dreapta-content #registru .label_form {
position: relative;
float:left;
overflow:hidden;
margin-top: 10px;
margin-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-style:italic;
color:#6b6035;
width:60px;
}
#dreapta-content #nunta_mea {
position: relative;
overflow:hidden;
border: 1px solid #c3b475;
margin-left:10px;
text-align:center;
margin-top: 10px;
width:299px;
height:333px;
background: url(images/bg-nunta-mea.jpg) no-repeat left top;
}
#dreapta-content #nunta_mea h2 {
position: relative;
font-weight:lighter;
margin-top: 10px;
margin-left:25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
color: #32161f;
line-height: 1em;
}
.sIFR-active #dreapta-content #nunta_mea h2 {
visibility: hidden;ra
position: relative;
font-weight:lighter;
margin-top: 10px;
margin-left:25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
color: #32161f;
line-height: 1em;
}
#dreapta-content #nunta_mea hr{
position:relative;
height:2px;
border:none;
margin-left:16px;
margin-right:16px;
background: url(images/hr_bg.png) repeat-x left top;
margin-top:6px;
margin-bottom:6px;
}
.designeri {
width:246px;
height:181px;
background:#fff9e6;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000;
scrollbar-3dlight-color:#a09363;
scrollbar-arrow-color:#fff;
scrollbar-base-color:#bdaf7c;
scrollbar-darkshadow-color:#a09363;
scrollbar-face-color:#a09363;
scrollbar-highlight-color:#a09363;
scrollbar-shadow-color:#bdaf7c;
scrollbar-track-color:#bdaf7c;
}
.buton_designeri {
height:27px;
width:156px;
color:#f8f0d8;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#dreapta-content #chat .chat-oferta{
margin: 10px;
}
#dreapta-content #chat img{
margin: 10px;
padding-bottom:10px;
}
#form-cauta-biserica .input{
width:172px;
float:left;
overflow:hidden;
height:27px;
background: url(images/input-text.jpg) no-repeat left top;
margin-top: 10px;
font-size:12px;
margin-top:3px;
}
#dreapta-content #registru .input{
width:172px;
float:left;
overflow:hidden;
height:27px;
background: url(images/input-text.jpg) no-repeat left top;
margin-top: 10px;
font-size:12px;
margin-top:3px;
}
#dreapta-content #registru #tabel td{
color:#6b6035;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
vertical-align:bottom;
}
#dreapta-content #registru #tabel{
color:#6b6035;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:20px 10px 10px 20px;
}
/* Initializare sFIR*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
.sIFR-dummy {
width: 0px;
height: 0px;
margin-left: 42px;
z-index: 0;
}
sIFR-flash {
display: none !important;
height: 0;
width: 0;
position: absolute;
overflow: hidden;
}
.sIFR-alternate {
visibility: visible !important;
display: block !important;
position: static !important;
left: auto !important;
top: auto !important;
}
/* ---- login over css */
#signin_menu {
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
display:none;
background-color:#492738;
position:absolute;
width:210px;
z-index:100;
border:1px transparent;
text-align:left;
padding:12px;
top: 35px;
right: 55px;
margin-top:5px;
margin-right: 0px;
*margin-right: -1px;
color:#cdbe84;
font-size:11px;
}
#signin_menu input[type=text], #signin_menu input[type=password] {
display:block;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #ACE;
font-size:13px;
margin:0 0 5px;
padding:5px;
width:203px;
}
#signin_menu p {
margin:0;
}
#signin_menu a {
color:#6AC;
}
#signin_menu label {
font-weight:normal;
}
#signin_menu p.remember {
padding:10px 0;
font-size:10px;
}
#signin_menu p.forgot, #signin_menu p.complete {
clear:both;
margin:5px 0;
}
#signin_menu p a {
color:#27B!important;
}
#signin_submit {
-moz-border-radius:4px;
-webkit-border-radius:4px;
background: url('images/login_buton_bg.gif') repeat-x scroll 0 0;
border:1px solid #dfd4a9;
color:#000;
padding:4px 10px 5px;
font-size:13px;
margin:0 5px 0 0;
font-weight:normal;
height:30px;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
background-position:0 0;
cursor:pointer;
}
a.signin {
padding:4px 6px 6px;
text-decoration:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
*background:transparent url("http://s.twimg.com/a/1249943174/images/signin-nav-bg-ie.png") no-repeat 0 0;
*padding:4px 12px 6px;
}
a.signin:hover {
background:#492738;
*background:transparent url("http://s.twimg.com/a/1249943174/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
*padding:4px 12px 6px;
}
a.signin, a.signin:hover {
*background-position:0 3px!important;
}
a.menu-open {
background:#492738!important;
color:#fff!important;
outline:none;
}
/* Menu */
#nav ul{
list-style:none;
margin-left:1px;
}
#nav{
list-style:none;
margin-left:1px;
margin-top:10px;
}
#nav ul{
float:left;
padding-top:10px;
}
#nav li{
width:185px;
padding-left:1px;
padding-bottom:.15em;
margin-left:10px;
}
#nav li ul li a{
float:left;
text-decoration:none;
color:#895c76;
font-family:Arial;
font-size:11px;
height:17px;
padding-top:3px;
background-position: left 1px bottom 10px;
}
#nav li ul li {
float:left;
text-decoration:none;
color:#895c76;
font-family:arial;
font-size:12px;
height:17px;
width:154px;
background-position: left 1px bottom 10px;
background: url('http://www.smartbride.ro/images/linie_meniu.gif') repeat-x bottom;
}
#nav li ul li.last {
float:left;
text-decoration:none;
color:#895c76;
font-family:arial;
font-size:12px;
height:17px;
width:154px;
background-position: left 1px bottom 10px;
background: url('http://www.smartbride.ro/images/linie_meniu1.gif') repeat-x bottom;
}
#nav a{
float:left;
text-decoration:none;
color:#895c76;
font-family:arial;
font-size:12px;
height:20px;
}
#nav a:hover{
color:#895c76;
font-family:arial;
font-size:11px;
}
#nav .expandable{
display:inline-block;
background-image:none;
}
#nav .expandable img{
padding-top:5px;
margin-right:15px;
float:right;
}
#nav .expandable span{
float:left;
}
#expandAll, #collapseAll {
display:inline-block;
float:left;
font-weight:bold;
background-image:none;
}
ul.multe li a {
cursor:hand;
background: url(images/vezi_produse.gif);
text-indent: -1000px;
text-align: left;
overflow: hidden;
width: 207px;
height: 28px;
display: block;
float: right;
margin: 0 10px 10px 0;
}
ul.multe li {
font-size:10px;
margin-right:10px;
text-align:right;
color:#664e4a;
text-decoration:underline;
}
.multe a {
font-size:10px;
text-align:right;
color:#664e4a;
text-decoration:underline;
}
.multe {
display:block;
width:100%;
padding-bottom:5px;
font-size:10px;
margin-right:10px;
text-align:right;
color:#664e4a;
text-decoration:underline;
}
/* Date pick */
table.jCalendar {
border: 1px solid #000;
background: #aaa;
border-collapse: separate;
border-spacing: 2px;
}
table.jCalendar th {
background: #333;
color: #fff;
font-weight: bold;
padding: 3px 5px;
}
table.jCalendar td {
background: #ccc;
color: #000;
padding: 3px 5px;
text-align: center;
}
table.jCalendar td.other-month {
background: #ddd;
color: #aaa;
}
table.jCalendar td.today {
background: #666;
color: #fff;
}
table.jCalendar td.selected {
background: #f66;
color: #fff;
}
table.jCalendar td.selected.dp-hover {
background: #f33;
color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
background: #fff;
color: #000;
}
table.jCalendar tr.selectedWeek td {
background: #f66;
color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background: #bbb;
color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
background: #bbb;
color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
position: relative;
background: #ccc;
font-size: 10px;
font-family: arial, sans-serif;
padding: 2px;
width: 171px;
line-height: 1.2em;
}
div#dp-popup {
position: absolute;
z-index: 199;
}
div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}
a.dp-choose-date {
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 5px 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url(images/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
/* makes the input field shorter once the date picker code
* has run (to allow space for the calendar icon
*/
input.dp-applied {
width: 140px;
float: left;
}
/* pop*/
#wdpop {
position: relative;
display: inline;
}
#wdpop a {
padding:0px;
border:0px;
}
#wdpop a span {
display: none;
border:0px;
}
#wdpop a:hover span {
display: block;
position: absolute;
top: 0;
left: 100px;
width: 205px;
padding: 1px;
z-index: 100;
font-size: 9px;
background-color: #fff;
text-decoration: none;
color: #000;
}
#wdpop a:hover {
background-color: #fff;
text-decoration: none;
}