/*(c) 2007 Bogdan Valentin Oasa, Touch Media  - Primaria Eforie*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
* {padding: 0;
margin: 0;}
html, body {
height: 100%;
border: 0;}
.clear { clear:both;
display:block;
line-height:0px; }

body {background-color: #FFF9E8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#pagewidth {
          	min-width: 901px;
          	width: 100%;
          	overflow: hidden;
          	position:relative;
          }
#page {width: 901px; margin: 0 auto; text-align: center;}
#header {
  width: 901px; background: url(images/header.jpg) no-repeat right top; height: 192px;
}
#logo {
  float: left; clear: left; margin: 8px 0 0 21px;
}
#menu {
  width: 901px; float: left; clear: left; height: 33px; margin: 47px 0 0 0; background: url(images/menu.gif) repeat-x;
}
#menuleft {
  float: left; clear: left; background: url(images/menuleft.gif) no-repeat; width: 6px; height: 33px;
}
#menuright {
  float: right; background: url(images/menuright.gif) no-repeat; width: 5px; height: 33px;
}
#menulist {
  float: left; color: #F0EDC6; font-weight: bold; margin: 9px 0 0 0;
}
#menulist li {
  float: left; margin: 0 0 0 20px;
}
#menulist li#first {
  margin-left: 10px;
}
* html #menulist li#first {
  margin-left: 5px;
}

#menulist li a {
  color: #F0EDC6;
}
#menulist li a:hover, #menulist li a#current {
  color: #fff;
}
#cauta {
  float: left; margin: 9px 0 0 30px;
}
#cauta label {
  color: #fff; font-weight: bold; float: left;
}
#cauta #cautafield {
  float: left; background: url(images/textfield.gif) no-repeat; width: 116px; height: 15px; border: none; margin: 0 0 0 10px;
}
#cauta #cautabuton {
  float: left; background: url(images/button.gif) no-repeat; width: 32px; height: 16px; border: none; cursor: pointer; margin: 0 0 0 10px;}
#content {
  width: 890px; margin: 0 auto; background-color: #EADDB7;
}
#contentleft {
  float: left; clear: left; margin: 22px 0 0 14px; width: 130px;   color: #424242;
}
* html #contentleft {
  margin-left: 7px;
}
#branduri {
  float: left; clear: left;
}
#brandlist {
  float: left; clear: left; margin: 10px 0 0 0; width: 130px;
}
#brandlist li {
  float: left; clear: left; width: 130px; text-align: left;
}
#brandlist li a {
  color: #424242;
}
#contentcenter {
  float: left; width: 520px; margin: 15px 0 0 0;
}
#contentcenter2 {
  float: left; width: 710px; margin: 15px 0 0 0;
}
#detaliuleft {
  float: left; clear: left; width: 175px; margin: 10px 0 0 0;
}
.colectia {
  float: left; clear: left; width: 100%; font-weight: bold; text-align: left;
}
#colectialist {
  float: left; clear: left; width: 175px; margin: 5px 0 0 0;
}
#colectialist li {
  float: left; clear: left; width: 175px; text-align: left; margin: 2px 0 0 0;
}
#colectialist li a {
  color: #313131; width: 175px; float: left; padding: 2px 0 2px 0;
}
#colectialist li a#vechi {
  color: #313131; width: 175px; font-weight: bold;
}
#colectialist li a:hover {
  background-color: #F2EBD4;
}
#detaliuright {
  float: left; width: 535px; margin: 10px 0 0 0;
}
#detaliuright2 {
  float: left; width: 535px; margin: 10px 0 0 0;
}
#ceas {
  float: left; width: 518px; background: #EFECE5 url(images/ceasup.gif) no-repeat top; margin: 0 0 15px 0;
}
#ceasbox {
  float: left; clear: both; width: 518px;
}
#ceasboxleft {
  float: left; clear: left; width: 184px; margin: 15px 0 0 0 ;
}
#ceasboxright {
  float: left; width: 334px; margin: 15px 0 0 0;
}
h3 {
  float: left; clear: both; width: 306px; color: #072846; font-size: 11px; background: #EDE6D1; text-align: left;
  padding: 3px 0 3px 28px;
}
#detaliiceas {
  float: left; clear: left; width: 306px; margin: 15px 0 15px 28px;
}
.leftdetalii {
  float: left; clear: left; width: 90px; font-size: 11px; font-weight: bold; color: #072846; text-align: left;
}
* html #detaliiceas {
  margin-left: 14px;
}

.rightdetalii {
  float: left; width: 200px; color: #072846; text-align: justify;
}
.detaliipoze {
  float: left; border: 1px #333333 solid; padding: 0; margin: 15px 7px 0 7px;
}
#ceasdown {
  float: left; clear: both; width: 518px; height: 9px; background: url(images/ceasdown.gif) no-repeat;
}
* html #ceasdown {
  position: relative; top: 5px;
}
.pozaceas {
  width: 100; height: 171px; overflow: hidden; margin-top: 35px;
}



.produs {
  float: left; width: 253px; height: 145px; background: url(images/produs.gif) no-repeat; margin: 0 0 10px 10px;
}
* html .produs {
  margin-left: 5px;
}
.produs img {
  float: left; margin: 18px 0 0 13px;
}
.produs .meniuprod {
  width: 124px; float: right; margin: 20px 0 0 0;
}
h2 {
  float: left; width: 124px; color: #072846; font-size: 11px; text-align: left;
}
h2 a {
  color: #072846;
}

.meniuprodlist {
  float: left; clear: left; width: 124px; margin: 10px 0 0 0;
}
.meniuprodlist li {
  float: left; clear: left; width: 124px; margin: 2px 0 2px 0;
}
.meniuprodlist li a {
  float: left; width: 114px; color: #072846; text-align: left; background: #D9CFB5; padding: 2px 0 2px 10px;
}
.meniuprodlist li a:hover {
  background: #EADDB7;
}
.meniuprod span {
  float: left;
  clear: left;
  width: 100%;
  font-size: 10px;
  text-align: left;
}


.noutati {
  float: left; width: 500px; padding: 4px 0 0 20px; background: url(images/header.gif) no-repeat; height: 21px; text-align: left; color: #fff; font-weight: bold;
}
#newbox {
  width: 520px; float: left; clear: left; margin: 12px 0 20px 0;
}
.new {
  float: left; clear: left; width: 250px; margin: 0px 5px 10px 5px;
}
* html .new {
  margin: 0px 5px 10px 2px;
}
.new2 {
  float: left; width: 250px; margin: 0px 5px 10px 5px;
}
* html .new2 {
  margin: 0px 5px 10px 2px;
}
.newup {
  float: left; width: 250px; height: 4px; background: url(images/newup.gif) no-repeat;
}
.newdown {
  float: left; width: 250px; height: 18px; background: url(images/newdown.gif); color: #fff; padding: 3px 0 0 0;
}
.newdown a {
  color: #fff;
}
.newdown a:hover {
  text-decoration: underline;
}
.newcenter {
  float: left; width: 250px; background-color: #BEAE7C; min-height: 200px;
}
* html .newcenter {
  margin-top: -10px;
}

.newcenter img {
  float: left; padding: 10px;
}
.newtext {
  float: left; width: 120px; margin: 10px 0 0 0; font-size: 10px;  text-align: left;
}
.newtext span {
  float: left; width: 100%; color: #0A355D; font-size: 12px; font-weight: bold; text-align: left; padding: 0 0 0px 0;
}
.searchbox {
  float: left; width: 506px; background: #C5B689 url(images/searchbottom.gif) no-repeat bottom; height: 73px; margin: 0 0 20px 7px;
}
* html .searchbox {
  margin-left: 3px;
}

#leftsearch {
  float: left; width: 250px; margin: 6px;
}
#search {
  width: 506px; float: left;
}
#search #leftsearch {
  float: left; border-right: 1px #EADDB7 solid; width: 240px; padding: 0 10px 0 0 ;
}
* html #search #leftsearch {
    margin-left: 3px;
}
#search #rightsearch {
  float: left; width: 240px; margin-top: 6px;
}
#leftsearch label {
  float: left; clear: left; text-align: right; color: #fff; width:70px; font-weight: bold; padding: 3px 0 0 0;
}
#leftsearch select {
  float: left; width: 156px;   margin: 0 0 10px 10px;
}
#rightsearch label {
  float: left; clear: left; text-align: right; color: #fff; width:60px; font-weight: bold; padding: 3px 0 0 0;
}
#rightsearch select {
  float: left; width: 156px; margin: 0 0 10px 10px;
}
#search #searchbutton {
  float: left; clear: left; width: 74px; height: 18px; background: url(images/cauta.gif) no-repeat; border: none; cursor: pointer;
  margin: 10px 0 0 35px;
}
* html #search #searchbutton {
  margin-top: 15px;
}
*:first-child+html #search #searchbutton {
  margin-top: 15px;
}
#despre {
  width: 506px; height: 109px; background:#CBBE97 url(images/ceas.jpg) no-repeat left; float: left; margin: 0 0 20px 7px;
}
#despre p {
  width: 365px; padding: 5px; color: #000; text-align: justify; font-size: 11px; margin: 0 0 0 125px;
}
#despre p a {
  color: #0A355D; font-weight: bold;
}
#contact {
  width: 506px; background:#CBBE97; float: left; margin: 0 0 20px 7px;
}
#contact p {
    width: 480px; text-align: justify; margin-left: 10px; margin-top: 15px; margin-bottom: 10px;
}
#contact p img {
 float: left; clear: left; padding: 5px;
}
#contact p span {
 float: left; font-weight: bold; padding: 0 0 5px 0;
}
#contact p span.titles {
 float: left; font-weight: bold; padding: 10px 0 5px 0; width: 100%;
}

#pretdetalii {
  float: right; width: auto;  margin-right: 30px;
}
* html #pretdetalii {
  margin-right: 15px;
}
#pretdetalii li{
  float: left; width: 97px; padding: 4px 0 4px 0; text-align: center; background-color: #b3a270; margin: 0 0 0 7px;
}
#pretdetalii li a {
  color: white; font-weight: bold; width: 100%; height: 100%;
}
#comandaceas {
  color: white; float: left; width: 97px;  height: 15px; padding: 4px 0 4px 0; text-align: center; background-color: #b3a270; margin-top: 5px;
}




#contentright {
  float: left; width: 160px; background: #CBBE97 url(images/rightbottom.gif) no-repeat bottom; margin: 0 0 0 20px; padding: 0 0 10px 0;
}
.oferte {
  width: 145px; float: left; clear: left;padding: 0 0 5px 0; text-align: left; margin: 10px 0 0 7px; color: #262626; font-weight: bold;
}
.speciala {
  width: 145px; float: left; clear: left; border-top: 1px #fff solid; padding: 5px 0 0 0; text-align: center; margin: 0 0 15px 7px;
}
* html .speciala {
  margin-left: 3px;
}

.speciala p {
  width: 145px; float: left; clear: both; text-align: left; font-size: 10px; color: #262626; margin: 5px 0 0 0;
}
.speciala p span {
  font-weight: bold; float: left; width: 100%;
}
#footer {
  width: 804px; height: 21px; margin: 0 auto; background: url(images/footer.gif) no-repeat; clear: both;  margin-top: 15px;
}
#footerlist {
  color: #DCDCDC; font-size: 10px; float: left; clear: left; margin-top: 4px;
}
#footerlist li {
  float: left; width: auto; border-right: 1px #dcdcdc solid; padding: 0 13px 0 0; margin-left: 14px;
}
#footerlist li#last {
  border: none;
}

#footerlist li a {
  color: #dcdcdc;
}
#developed {
  float: right; color: #dcdcdc; font-size: 10px; margin: 4px 20px 0 0;
}
#adminform {
  float: left; clear: left; margin: 10px 0 20px 20px;
}
* html #adminform {
  margin-left: 10px;
}

#adminform label {
  float: left; clear: left; width: 130px; text-align: left;
}
#adminform input {
  float: left; width: 180px; margin-bottom: 10px;
}
#adminform textarea {
  float: left; width: 200px; height: 100px; margin-bottom: 10px;
}
#adminform select {
  float: left; width: 180px; margin-bottom: 10px;
}
#adminform #submit {
  float: left; clear: left; margin: 0 0 0 80px; width: auto;
}
.err {
  float: left; clear: left; color: red; font-size: 80%; width: 100%;
  text-align: left;
}
.addbrand {
  float: left; clear: left; text-decoration: underline; margin: 10px 0 0 10px;
}
#brands {
  float: left; clear: left; margin: 20px 0 20px 0;
}
.delbrand {
  float: left; clear: left;
}
.delbrand a {
  color: red;
}
.inapoi {
  float: left; clear: left; font-size: 12px; font-weight: bold; color:#006600; margin: 0 0 20px 0;}
.guest {
  float: left; clear: left; width: 500px; border-bottom: 1px #333333 dotted; margin: 15px 0 0 0 ;
text-align: left; padding: 15px 0 15px 0 ;
}
.guest a {
  color: red;
} 
.guestleft {
  float: left; clear: left; font-weight: bold; margin-left: 15px; width: 100px;
}
.guestright {
  float: left;
}
.tabel {
  text-align: left; padding-top: 25px;
}
.tabel tr td .text a {
  color:#000066; font-size: 12px;}
.tabel tr td .title {
  color:#FFFF99; font-size: 15px; font-weight: bold;}
.tabel tr td .text {
  font-size: 10px;
}
#overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay{
    background-color: transparent;
}

#box{
    background:#ffffff;
	margin: 0;
	padding: 0;
    border:2px solid #000000;
	overflow: auto;
}

#box #close{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}

#box #boxContents {
	margin-top:12px;
	padding:10px;
}