/* CSS Document  - site*/

div.grayBox {background: #ddd; margin: 0; padding: 0;}
p {margin:0; padding:0;}
img {border: 0px;}

div#page {width: 1000px; display: block; overflow: hidden; margin: auto;}
div#page div#header {width: 100%; height: 150px; padding: 0; margin: 0 0 5px 0;}
div#page div#header div#brand {margin: 0; padding: 0; width: 100px; height: 49px; background-image: url(../img/brand/yabe_logo_small.jpg); background-repeat: no-repeat; margin: 30px 0 0 40px; float: left;}
div#page div#header div#brand h1 {padding: 0; margin: 0; text-indent: -5000px;}
div#page div#header div#brand h1 a {width: 100px; height: 49px; display: block; overflow: hidden;}

div#page div#header div#advertising {display: block; overflow: hidden; width: 728px; height: 90px; float: left; border: 0px; margin: 20px 10px 0 0; padding: 0px; float: right;}

div#page div#secondary div#myAccount {display: block; overflow: hidden; width: 100%; margin: 0 0 15px 0; border: 0px;text-align: right; padding: 0px; background: #badf4b; color: #fff;}

div#page div#secondary div#rightAdvertising {display: block; overflow: hidden; width: 100%; text-align: center;}

div#page div#secondary div.weatherBox {text-align: center; margin-bottom: 10px;}

div#page div#content {display: block; overflow: hidden; padding: 0px 10px 0px 10px;}

/* COLOANA STANGA (siteNavigation) -------------------------------- */
div#page div#content div#siteNavigation {display: block; overflow: hidden; width: 170px; float: left;  margin-right: 10px; border-right: 0px solid #ddd;}
div#page div#content div#siteNavigation ul.menu {display: block; overflow: hidden; padding: 0 0 10px 0; margin: 0; list-style-type: none;}
div#page div#content div#siteNavigation ul.menu li.title {background: #badf4b; padding: 3px; color: #fff;}
div#page div#content div#siteNavigation ul.menu li.title h2 {margin: 0; padding: 0; font-size: 17px;}
div#page div#content div#siteNavigation ul.menu li.item {display: block; overflow: hidden; padding: 0; margin:0;}
div#page div#content div#siteNavigation ul.menu li.item h3 {margin: 0; padding: 0; font-size: 11px;}
div#page div#content div#siteNavigation ul.menu li.item h3 a {color: #000; text-decoration: none; display: block; overflow: hidden; padding: 5px 0 5px 0; border-top: 1px solid #ddd; padding-left: 10px;}
div#page div#content div#siteNavigation ul.menu li.item h3 a:hover {color: #333; background: #fae16d; background-image: url(../img/backgrounds/bgsmall.jpg);  background-repeat: repeat-x; background-position: top left;}

div#page div#content div#siteNavigation ul.menu li.selected h3 a {color: #333; background: #fae16d; background-image: url(../img/backgrounds/bgsmall.jpg);  background-repeat: repeat-x; background-position: top left;}

li.readmore {display: block; overflow: hidden; padding-left: 10px;}

div#page div#content div#siteNavigation ul.menu li.thin h3 {font-weight: normal;}

div#page div#content div#siteNavigation ul.menu li.search {}
div#page div#content div#siteNavigation ul.menu li.search form#searchFormSimple {margin: 0; padding: 0;}
div#page div#content div#siteNavigation ul.menu li.search form#searchFormSimple fieldset {border: 0px;}
div#page div#content div#siteNavigation ul.menu li.search form#searchFormSimple fieldset legend {display: none;}
div#page div#content div#siteNavigation ul.menu li.search form#searchFormSimple fieldset div.item {float: left; margin-right: 5px;}
div#page div#content div#siteNavigation ul.menu li.search form#searchFormSimple fieldset div.item input {width: 100px;}
div#page div#content div#siteNavigation ul.menu li.search form#searchFormSimple fieldset div.actions input.submit {border: 0px; background-image: url(../img/backgrounds/go_blue.gif); background-repeat: no-repeat; text-indent: -5000px; width: 41px; height: 20px;}



/* COLOANA CENTRU (primary) -------------------------------- */
div#page div#content div#primary {display: block; overflow: hidden;}
div#page div#content div#primary div#search {display: block; overflow: hidden; border: 1px solid #fcd163; background-color: #fae16d; background-image: url(../img/backgrounds/bgsmall.jpg); background-repeat: repeat-x; background-position: 0 0; padding: 15px; text-align: center; margin: 0 0 10px 0;}

div#categories {margin: 0; padding: 0;}
div#categories h2 {font-size: 11px; color: #333; padding: 5px 0 5px 10px; margin: 0 0 10px 0;  background-image: url(../img/backgrounds/bgsmall.jpg);  background-color: #fae16d; border: 1px solid #fcd163;}

div#categories div.add_announcement {display: block; overflow: hidden; margin: 20px 0 20px 0; width: 40%; text-align: center; float: left;}
div#categories div.add_announcement a {display: block; overflow: hidden; text-indent:-5000px; margin: 0 auto 0 auto;width: 196px; height: 70px; background-image: url(../img/backgrounds/add_anunt.png); background-repeat: no-repeat; cursor: pointer;}
div#categories div.add_announcement a:hover {background-image: url(../img/backgrounds/add_anunt_hover.png); background-repeat: no-repeat; cursor: pointer;}

div#categories div.subcategsList {display: block; overflow: hidden; width: 60%; margin:0; padding:0; float: right;}


div#categories div.postsList {display: block; overflow: hidden; clear: both;}
div#categories div.postsList h3 {display: none;}


div#categories p.no_posts {display: block; overflow: hidden; clear: both; color: red; font-size: 13px;}

div#categories ul.mainCategs {display: block; overflow: hidden; margin: 0; padding: 0; list-style-type: none; width: 100%;}
div#categories ul.mainCategs li {display: block; overflow: hidden; padding: 0; margin: 0 0 10px 0; border: 0px; float: left; width: 50%;}

div#categories ul.mainCategs li p.icon {float: left; padding: 0; margin: 0 10px 0 0; width: 40px; height: 33px; display: none;}
div#categories ul.mainCategs li p.icon img {border: 0;}

div#categories ul.mainCategs li h2 {background-color: #fff; margin: 0 0 3px 0; padding: 0; background: none; border: 0px;}
div#categories ul.mainCategs li h2 a {color: #383eb0; text-decoration: none; background-image: url(../img/bullets/breadcrumb-arrow.gif); background-repeat: no-repeat; background-position: 0 5px;padding-left: 8px;}
div#categories ul.mainCategs li h2 a:hover {color: #383eb0; text-decoration: underline;}

div#categories ul.subCategs {display: none; overflow: hidden; margin: 0; padding: 0; list-style-type: disc;}
div#categories ul.subCategs li {display: none; overflow: hidden; float: left; margin: 0 10px 0 0;}
div#categories ul.subCategs li h3 {background-color: #fff; margin: 0; padding: 0; font-size: 10px; font-weight: normal;}
div#categories ul.subCategs li h3 a {color: #002244; text-decoration: underline;}
div#categories ul.subCategs li h3 a:hover {color: #002244;}


div#categories ul.promotedProducts {display: block; overflow: hidden; margin:0 0 10px 0; padding:0; list-style-type: none; width: 615px;}
div#categories ul.promotedProducts li {display: block; overflow: hidden; float: left; margin: 0 10px 0 0; height: 150px; border-right: 1px dotted #aaa;}
div#categories ul.promotedProducts li.pos_1 {width: 200px;}
div#categories ul.promotedProducts li.pos_2 {width: 190px;}
div#categories ul.promotedProducts li.pos_3 {width: 200px;}
div#categories ul.promotedProducts li.mod_3_2 {margin:0;border-right:0;}
div#categories ul.promotedProducts li p.title {font-size: 14px;font-weight: bold; margin-bottom: 5px;}
div#categories ul.promotedProducts li p.icon {display: block; overflow: hidden; width: 50px; float: left; margin-right: 5px;}
div#categories ul.promotedProducts li div.indetail {clear: both;}

table.produseMagazine {width: 100%;}
table.produseMagazine thead {background: #aaa;}
table.produseMagazine thead tr td {padding: 3px; font-weight: bold; color: #fff;}

table.produseMagazine tbody tr {background: #fff;}
table.produseMagazine tbody tr.odd {background: #eeeeee;}
table.produseMagazine tbody tr.odd td.productStoreDetails {}
table.produseMagazine tbody tr.odd td.productStoreDetails table tr {background: #eee;}
table.produseMagazine tbody tr.even {}
table.produseMagazine tbody tr.even td.productStoreDetails {}
table.produseMagazine tbody tr.even td.productStoreDetails table tr {background: #fff;}
table.produseMagazine tbody tr td {}
table.produseMagazine tbody tr td.productTitle {padding-left: 10px;}
table.produseMagazine tbody tr td.productPrice {font-weight: bold;}
table.produseMagazine tbody tr td.productPrice span {font-size: 10px; font-weight: normal;}

table.storeInfo {width: 100%;}
table.storeInfo tr td.storeName {width: 100%;}
table.storeInfo tr td.storeInfoButton {padding: 0 2px 0 2px;}
table.storeInfo tr td.storeLogo img {border: 0px solid #999;}

ul.storeFacts {display: block; overflow: hidden; padding:0; margin: 0 0 10px 0; list-style-type: none;}
ul.storeFacts li {display: block; overflow: hidden; padding: 5px; float: left; width: 48%; border-bottom: 1px dotted #ddd;}
ul.storeFacts li.title {background: #aaa; color: #fff; font-weight: bold; padding: 2px 2px 2px 10px; float: none; width: 100%;}
ul.storeFacts li.selected {background: #ff6600;}
ul.storeFacts li.address, ul.storeFacts li.logo {height: 50px;}
ul.storeFacts li.alteinfo {width: 100%;}
ul.storeFacts li.logo img {border: 1px solid #ddd;}

ul.storeFacts li span {display: block; overflow: hidden; width: 120px; float: left; font-weight: bold;}
ul.storeFacts li span.notav {font-weight: normal; font-style: italic; color: #aaa; width: auto;}

ul.storeTabs {display: block; overflow: hidden; margin:0; padding:0;list-style-type: none;}
ul.storeTabs li {display: block; overflow: hidden; float: left; width: 100px; height: 15px; text-align: center; border: 1px solid #aaa; margin-right: 5px;}
ul.storeTabs li.selected {background: #ff6600; color: #fff; font-weight: bold; border: 1px solid #ff6600;}

ul.storeOffers {display: block; overflow: hidden; margin:0; padding:0;list-style-type: none;}
ul.storeOffers li {display: block; overflow: hidden; padding: 2px; width: 48%; float: left;}
ul.storeOffers li.title {background: #aaa; color: #fff; font-weight: bold; padding: 2px 2px 2px 10px; float: none; width: 100%;}
ul.storeOffers li.selected {background: #ff6600;}
ul.storeOffers li.categTitle {display: block; overflow: hidden; background: #aaa; color: #fff; font-weight: bold; padding: 2px 2px 2px 10px; float: none; width: 100%; clear: both;}


ul.reviews {display: block; overflow: hidden; padding:0; margin: 0; list-style-type: none;}
ul.reviews li {display: block; overflow: hidden; padding: 10px;}
ul.reviews li h3 {padding:0; margin: 0 0 5px 0;}
ul.reviews li p.subtitle {font-weight: bold; margin: 0 0 5px 0;}
ul.reviews li p.subtitle span {font-style: italic;}
ul.reviews li div.deascription {display: block; overflow: hidden;}
ul.reviews li div.stars {display: block; overflow: hidden; margin: 5px 0; font-weight: bold;}
ul.reviews li.title {background: #9d9d9d; color: #fff; font-weight: bold; padding: 2px 2px 2px 10px;}
ul.reviews li.mod_2_0 {background: #eeeeee;}
ul.reviews li.mod_2_1 {background: #efefef;}

form#reviewAdd {display: block; overflow: hidden; margin: 0; padding: 10px 0 10px 0; background: #ffe5cd;}
form#reviewAdd fieldset {display: block; overflow: hidden; float: left; width: 70%; border: 0px;}
form#reviewAdd fieldset legend {display: none;}
form#reviewAdd fieldset div.item {display: block; overflow: hidden; margin: 0 0 5px 0; width: 100%;}
form#reviewAdd fieldset div.item p.error {display: block; overflow: hidden; margin-left: 10%; font-size: 10px; color: red;}
form#reviewAdd fieldset div.item label {display: block; overflow: hidden; width: 10%; float: left; padding-top: 3px; font-weight: bold;}
form#reviewAdd fieldset div.item input, form#reviewAdd fieldset div.item textarea { width: 85%; }
form#reviewAdd div.rating {display: block; overflow: hidden; float: left;}
form#reviewAdd div.rating input {margin-bottom: 5px;}
form#reviewAdd div.rating label img {position: relative; top: -5px;}


form#reviewAdd div.actions {clear: both; padding-left: 5px;}
form#reviewAdd div.actions p.info {display: block; overflow: hidden; margin: 5px 0 5px 0;}
form#reviewAdd div.actions input.revSave{border: 0px; background-image: url(../img/backgrounds/save_org.gif); text-indent:-5000px; width: 53px; height: 20px;}


ul.brandList {display: block; overflow: hidden; margin:0; padding:0;list-style-type: none;}
ul.brandList li {display: block; overflow: hidden; padding:3px 5px 3px 10px; margin:0;}
ul.brandList li.mod_2_0 {background: #eeeeee;}
ul.brandList li.mod_2_1 {background: #fefefe;}
ul.brandList li h3 {font-size: 10px; font-weight: bold;}
ul.brandList li h3 a {}
ul.brandList li p.logo {display: block; overflow: hidden; float: right; width: 82px; height: 32px;}
ul.brandList li p.logo img {border: 1px solid #aaa;}
ul.brandList li.title {display: block; overflow: hidden; padding: 0; margin: 0;}
ul.brandList li.title h2 {display: block; overflow: hidden; padding: 0; margin: 0; }

ul.brandList li.pager {background: #aaa; padding: 3px 10px 3px 10px; color: #000; font-weight: bold; text-align: center;}
ul.brandList li.pager  a {display: inline; overflow: hidden; margin-right: 5px;}
ul.brandList li.pager  a.selected {color: #fff; text-decoration: none;}

ul#searchResults {display: block; overflow: hidden; list-style-type: none; padding:0; margin: 10px 0 10px 0;}
ul#searchResults li {display: block; overflow: hidden; padding: 5px 5px 5px 10px; border-bottom: 1px dotted #aaa; margin-bottom: 10px;}
ul#searchResults li.title {background: #FAE583; color: #000; font-weight: normal; padding: 3px 3px 3px 10px; margin-bottom: 0px; border: 1px solid #FAC979; border-bottom: 0px;}
ul#searchResults li p.icon {float: right; display: block; overflow: hidden; width: 80px; margin-right: 5px;}
ul#searchResults li h3 {padding:0; margin:0 0 3px 0; font-size: 11px;}
ul#searchResults li h3 a {}
ul#searchResults li div.details {}
ul#searchResults li div.details p.brand h4 {}
ul#searchResults li div.details p.head {margin: 5px 0 5px 0;}
ul#searchResults li div.details p.price {font-size: 12px; font-weight: bold; margin-bottom: 5px;}
ul#searchResults li div.details p.ofertant {display: block; overflow: hidden; clear: both; font-size: 11px; font-weight: bold;}
ul#searchResults li div.details p.dates {font-style: italic;}
ul#searchResults li div.details p.seemore {display: block; overflow: hidden; margin: 10px 0 10px 0;}
ul#searchResults li div.details p.seemore a {display: block; overflow: hidden; width: 100px; background: #FAE999; border: 1px solid #FAD88E; text-align: center; text-decoration: none; color: #333;}
ul#searchResults li div.details p.seemore a:hover {background: #FAD378;}
ul#searchResults li div.details p.relevance {margin: 3px 0 0 0; border-top: 0px solid #aaa; font-style: italic; color: #aaa; }
ul#searchResults li div.details p.relevance span {display: block; overflow: hidden; width: 100px; float: left;}
ul#searchResults li.mod_2_0 {}
ul#searchResults li.mod_2_1 {}

ul#searchResults li.pager {background: #FAE583; padding: 3px 10px 3px 10px; color: #000; font-weight: bold; text-align: center;}
ul#searchResults li.pager  a {display: inline; overflow: hidden; margin-right: 5px;}
ul#searchResults li.pager  a.selected {color: #fff; text-decoration: none;}



/* COLOANA DREAPTA (secondary) -------------------------------- */
div#page div#content div#secondary {display: block; overflow: hidden; width: 170px; float: right; margin-left: 10px;}
div#page div#content div#secondary ul {display: block; overflow: hidden; padding: 0 0 10px 0; margin: 0; list-style-type: none; background-color: #f5f9fd;}
div#page div#content div#secondary ul li.title {background: #00377b; padding: 1px 0 2px 10px; color: #fff; font-weight: bold; margin: 0 0 5px 0;}
div#page div#content div#secondary ul li.title h2 {padding: 0; margin: 0; font-size: 11px;}
div#page div#content div#secondary ul li.item {display: block; overflow: hidden; padding-left: 15px; margin: 0 0 2px 0;}
div#page div#content div#secondary ul li.item h3 {margin: 0; padding: 0; font-size: 11px;}
div#page div#content div#secondary ul li.item h3 a {color: #000; text-decoration: underline;}
div#page div#content div#secondary ul li.item h3 a:hover {color: #ff6600;}



/* FOOTER -------------------------------- */
div#page div#footer {width: 100%; padding: 10px 0 0 0; margin: 15px 0 15px 0; border-top: 1px solid #ccc;}
div#page div#footer div#fContent {padding: 0px; margin: 0px;}



ul#myAnn {display: block; overflow: hidden; margin: 0; padding: 0; list-style-type: none;}
ul#myAnn li {display: block; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; float: left; width: 45%; border-bottom: 1px dashed #aaa; height: 100px; position: relative;}
ul#myAnn li.mod_2_0 {clear: both; margin-right: 10px;}
ul#myAnn li h3 {margin:0; padding: 0;}
ul#myAnn li p.icon {display: block; overflow: hidden; float: right;}
ul#myAnn li div.details {display: block; overflow: hidden; float: left; font-size: 10px; color: #aaa;}
ul#myAnn li form {display: block; overflow: hidden; margin: 0; padding: 0; clear: both; text-align: right; position: absolute; bottom: 0px;}
ul#myAnn li form div.actions {display: block; overflow: hidden; clear: both;}
ul#myAnn li form div.actions input {border:0; background-image: none; background-color: #fff; padding: 0px; color: #000; font-size: 10px; text-decoration: underline; cursor: pointer; text-align: left;}

p.notice {font-size: 12px;}