/* CSS Document  - site*/

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

div#page {width: 100%; display: block; overflow: hidden; margin: auto;}
div#page div#header {width: 100%; height: 46px; padding: 0; margin: 0 0 5px 0; background-image: url(../img/backgrounds/headerbg.jpg); background-repeat: repeat-x;}
div#page div#header div#brand {margin: 0; padding: 0; background-image: url(../img/brand/pretulideal.jpg); background-repeat: no-repeat; background-position: 10px 5px; height: 46px; width: 178px;}
div#page div#header div#brand h1 {padding: 0; margin: 0; text-indent:-5000px;}
div#page div#header div#brand h1 a {height: 46px; width: 178px; display: block; overflow: hidden; color: #ddd; text-decoration: none; padding: 5px 0 0 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;}
div#page div#content div#siteNavigation ul.menu {display: block; overflow: hidden; padding: 0 0 10px 0; margin: 0; list-style-type: none; background-color: #f5f9fd;}
div#page div#content div#siteNavigation ul.menu li.title {background: #00377b; padding: 1px 0 2px 10px; color: #fff; font-weight: bold; margin: 0 0 5px 0;}
div#page div#content div#siteNavigation ul.menu li.title h2 {margin: 0; padding: 0; font-size: 11px;}
div#page div#content div#siteNavigation ul.menu li.item {display: block; overflow: hidden; padding-left: 15px; margin: 0 0 2px 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: underline;}
div#page div#content div#siteNavigation ul.menu li.item h3 a:hover {color: #ff6600;}

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 {display: block; overflow: hidden; float: left; margin-right: 5px;}
div#page div#content div#siteNavigation ul.menu li.search form#searchFormSimple fieldset div.item input {width: 100px; display: block; overflow: hidden; }
div#page div#content div#siteNavigation ul.menu li.search form#searchFormSimple fieldset div.actions {display: block; overflow: hidden;}
div#page div#content div#siteNavigation ul.menu li.search form#searchFormSimple fieldset div.actions input.submit {background-image: url(../img/backgrounds/go_blue.gif); width: 41px; height: 20px; padding: 0; margin: 0; border: 0; font-size: 0px; color: #10417e;}



/* 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 #00377b; background-color: #f5f9fd; padding: 15px; text-align: center;}

div#categories {margin: 10px 0; padding: 0;}
div#categories h2 {font-size: 11px; background: #ff6600; color: #fff; padding: 1px 0 2px 10px; margin: 10px 0 10px 0;}

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;}
div#categories ul.mainCategs li.mod_2_0 {float: left; width: 50%;}
div#categories ul.mainCategs li.mod_2_1 {}
div#categories ul.mainCategs li p.icon {float: left; padding: 0; margin: 0 10px 0 0; width: 40px; height: 33px;}
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;}
div#categories ul.mainCategs li h2 a {color: #ff6600; text-decoration: underline;}
div#categories ul.mainCategs li h2 a:hover {color: #ff6600;}

div#categories ul.subCategs {display: block; overflow: hidden; margin: 0; padding: 0; list-style-type: disc;}
div#categories ul.subCategs li {display: block; 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;}

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;}
ul#searchResults li.title {background: #aaa; color: #fff; font-weight: bold; padding: 3px 3px 3px 10px;}
ul#searchResults li p.icon {float: right; display: block; overflow: hidden; width: 80px; border: 1px solid #aaa;}
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.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 {background: #eee;}
ul#searchResults li.mod_2_1 {background: #fefefe;}

ul#searchResults li.pager {background: #aaa; 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%; height: 46px; margin: 10px 0 0 0; background-image: url(../img/backgrounds/footerbg.jpg); background-repeat: repeat-x; color: #fff;}
div#page div#footer div#fContent {display: block; overflow: hidden; padding: 20px 0 0 10px; float: left;}
div#page div#footer div#fContent a {color: #fff; text-decoration: underline;}
div#page div#footer div#fContent a:hover {color: #aaa; text-decoration: underline;}

div#page div#footer div#legalLinks {display: block; overflow: hidden; padding: 20px 0 0 10px; margin-right: 10px; float: right;}
div#page div#footer div#legalLinks a {color: #fff; text-decoration: underline;}
div#page div#footer div#legalLinks a:hover {color: #aaa;}

div#traficro {display: block; overflow: hidden; text-align: center; margin: 10px 0 10px 0;}