/* DOCUMENT - DEFAULT STYLES */
* {margin:0px; padding:0px; border:0px;}
html,body {font-family:Verdana; font-size:11px; color:#515151; background-color:#ffffff;}
a {text-decoration:underline; font-family:Verdana; font-size:11px; color:#505050;}
table {border-collapse:collapse;}
input, select, textarea {border:solid 1px #A4AAB0; background-color:#ffffff; color:#4F4F4F;}
h1, h1 a {font-size:16px;}
hr {border-bottom:solid 1px #7F7F7F;}

.clear {clear:both;}
.error, .req {color:#CC0000;}


/* DOCUMENT - LAYOUT */
#outerDesign {text-align:center; width:100%;}
#innerDesign {margin:0px auto; width:924px; text-align:left;}


/* HEADER */
#header {height:161px; border-bottom:solid 2px #EFEEEF;}
#headersearch {float:left; height:141px; width:166px; border-bottom:solid 2px #EFEEEF; border-right:solid 2px #EFEEEF; background:url("../images/bg_searchbox.gif"); background-repeat:no-repeat; padding:10px;}
#headersearch select {width:166px; margin-bottom:10px;}
#headersearch select option {padding:0px 5px; border-bottom:solid 1px #DDDDDD;}
#headersearch a {color:#8C6927;}
#headersearch div.butt {text-align:center; margin-top:10px; margin-bottom:10px;}
#headersearch div.butt input.searchbutton {width:145px; height:21px; background:url("../images/bg_searchbutton.gif"); background-repeat:no-repeat; border:0px; color:#EAE9E9; font-weight:bold;}
#headermenu {background-color:#B2B2B2; height:24px; border-bottom:solid 2px #EFEEEF;}
#headermenu ul {margin-left:200px; list-style-type:none;}
#headermenu ul li {float:left;}
#headermenu ul li a {float:none; margin:0px;}
#headermenu ul li img {height:auto;}
#headermenu a {float:left; margin-left:10px; margin-top:3px;}
#headermenu a img {height:18px;}
#headermenu .search {float:right; margin-right:10px; padding-top:0px;}
#headermenu .search input {width:100px;}
#headermenu .search input.gsearchbutton {width:75px;}


/* BODY */
#body {background:url("../images/bg_middle.gif"); background-repeat:no-repeat; background-position:center center;}

.navigation {display:none;}

/* general styles */
#tab_left {float:left; width:186px;}
#tab_right {float:right; width:193px;}
#tab_middle {margin-left:214px; width:495px;}

img.spacer {width:495px; height:1px;}

.box {background:url("../images/bg_box.png"); background-repeat:no-repeat; padding-top:2px; width:495px; text-align:center; color:#ffffff; height:16px; font-weight:bold;}

input.loginbutton {width:130px; height:21px; background:url("../images/bg_loginbutton.gif"); background-repeat:no-repeat; border:0px; color:#EAE9E9; font-weight:bold;}
input.gsearchbutton {width:75px; height:21px; background:url("../images/bg_gsearchbutton.gif"); background-repeat:no-repeat; border:0px; color:#EAE9E9; font-weight:bold;}

/* specific styles */
.search {padding-top:5px;}
.search .navigation {font-size:11px;}
.search .navigation a {font-weight:bold; font-size:11px; text-decoration:underline;}
.search .highlight {background-color:#8E7401; color:#ffffff; font-weight:bold;}
.search .spacer {height:1px; width:490px; margin-bottom:10px;}

.gallery {padding-top:10px;}
.gallery .pic {float:left; text-align:center; overflow:hidden; width:247px;}
.gallery .paging {margin-top:20px;}

.menu {margin-bottom:20px;}
.menu ul {list-style-type:none;}
.menu ul li.level1 {background:url("../images/bg_menu.gif"); background-repeat:no-repeat; border-bottom:solid 2px #EFEEEF;}
.menu ul li.level1 a {display:block; color:#515151; height:16px; font-weight:bold; padding-top:2px; text-decoration:none; padding-left:10px;}
.menu ul li.level2 {border-bottom:solid 2px #EFEEEF;}
.menu ul li.level2 a {display:block; color:#515151; height:14px; padding-top:2px; text-decoration:none; padding-left:25px;}
.menu ul li.level1 a:hover {color:#EFEEEF;}
.menu ul li.level2 a:hover {text-decoration:underline;}

.flashrollerheader {background-color:#E0E0E0; text-align:center; padding:10px 0px; font-size:14px; font-weight:bold;}
.flashroller {background:url("../images/bg_flashroller.gif"); background-repeat:no-repeat; padding:10px 5px 10px 6px; margin-bottom:20px;}

.latestnews div {background:url("../images/bg_news.gif"); background-repeat:no-repeat; width:176px; height:160px; overflow:hidden; padding:0px 5px; margin-bottom:10px;}
.latestnews div .date {text-align:right; height:17px; padding:2px 0px 0px 0px; background:none; margin-bottom:0px;}
.latestnews div h1 {padding-bottom:5px;}
.latestnews div h1 a {font-size:10px;}
.latestnews div img {width:60px; height:40px; float:left; margin-top:3px; margin-right:5px; margin-bottom:5px;}

.login {background:url("../images/bg_login.gif"); background-repeat:repeat-y; width:173px; padding:5px 10px 10px 10px;}
.login table {width:100%;}
.login table tr td input {width:93px;}
.login table tr td input.loginbutton {width:130px;}
.login table tr td {padding:3px;}
.login table tr td:first-child {text-align:right; width:79px;}
.login table tr td:first-child+td {width:102px;}
#loginlabel {text-align:right; width:79px;}
#loginlabel {width:102px;}
.login .links {padding:5px 5px 0px 5px; text-align:right;}

.category {padding-bottom:10px;}
.category div {width:163px; height:168px;}
.category div a img {position:absolute; padding-top:11px; padding-left:13px; width:136px; height:145px;}
.category div a .mask {position:absolute; width:123px; height:18px; background:url("../images/category_mask.png"); background-repeat:no-repeat; padding:130px 20px 20px 20px; text-align:center; font-weight:bold; font-size:14px; cursor:pointer;}
.firstcat, .secondcat, .thirdcat, .fourthcat, .fifthcat, .sixthcat {float:left;}
.firstcat {margin-top:50px;}
.secondcat {margin-top:20px;}
.thirdcat {margin-top:60px;}
.fourthcat {margin-top:0px;}
.fifthcat {margin-top:20px;}
.sixthcat {margin-top:0px;}

.news {padding:10px 0px;}
.news div .date {font-style:italic; color:#A0A0A0; margin-bottom:10px;}
.news div img {margin-right:10px; margin-bottom:10px; float:left;}
/*.news div img.grid {height:100px;}*/
.news .links {text-align:right;}

#formlabel {text-align:right; font-weight:bold; width:40%;}
#formfield {width:60%;}
.form {padding:10px 0px;}
.form .buttons {text-align:center; margin-top:10px;}
.form .buttons input.loginbutton {width:130px; height:21px; background:url("../images/bg_loginbutton.gif"); background-repeat:no-repeat; border:0px; color:#EAE9E9; font-weight:bold;}
.form table {margin:0px auto; width:80%;}
.form table tr td {padding:3px;}
.form table tr td input {width:250px;}
.form table tr td input.checkbox {width:auto; margin:0px; padding:0px;}
.form table tr td:first-child {text-align:right; font-weight:bold; width:40%;}
.form table tr td:first-child+td {width:60%;}
a.buttonSend                   { padding-left:25px; background-position:top left; background-image: url("../images/button_send.gif"); background-repeat: no-repeat; font-weight: bold; font-size: 13px;}
a.buttonCancel                 { padding-left:20px; background-position:top left; background-image: url("../images/button_cancel.gif"); background-repeat: no-repeat; font-weight: bold; font-size: 13px;}

.paging {margin-top:10px; padding-bottom:20px;}
.paging div {float:left;}
.paging div a {text-decoration:none;}
.paging .page {text-align:center; width:255px;}
.paging .next {float:right; text-align:right; width:100px;}
.paging .prev {width:100px;}

.htmledit hr {margin-top:10px;}

.tablegrid table tr td {padding:5px;}
.tablegrid {padding:10px 0px;}
.tablegrid img.main {margin-left:10px; margin-bottom:10px; height:167px; width:250px;}
.tablegrid img.gallery {margin-left:10px; margin-bottom:10px; height:94px; width:140px;}
.tablegrid h2 {color:#8C6927; font-size:16px; text-decoration:underline; padding-top:5px; padding-bottom:5px;}
.tablegrid h3 {color:#8C6927; font-size:12px; font-style:italic; padding-bottom:10px;}
.tablegrid h4 {font-weight:normal; font-size:10px;}
.tablegrid h5 {color:#8C6927; font-size:14px; text-decoration:underline; padding-top:10px; padding-bottom:5px;}
.tablegrid div.links {text-align:right; padding-top:3px; padding-left:0px;}
.tablegrid div.links a {font-weight:bold; color:#8C6927;}
.tablegrid table tr td.name {}
.tablegrid table tr td.name div {word-wrap:break-word; width:145px;}
.tablegrid table tr td.name div > a {font-size:14px; color:#8C6927; text-decoration:underline; font-weight:bold;}
.tablegrid table tr td.content {vertical-align:top;}
.tablegrid table tr td.content ul, ol {padding:0px;}
.tablegrid table tr td.addinfo {padding-top:5px;}
.tablegrid table tr td.addinfo img {border:solid 1px #000000;}
.tablegrid table tr td.links {text-align:right;}
.tablegrid table tr td.logo {padding-top:10px; padding-bottom:10px; text-align:center;}
.tablegrid table tr td.logo img {width:140px; height:94px;}
.tablegrid table tr td.empty {padding-top:10px;}
.tablegrid table tr td.middleline {padding-top:5px; padding-bottom:10px;}
.tablegrid table tr td.links a {font-weight:bold;}

span.price {font-size:14px; font-weight:bold; color:#8C6927;}
span.pricenote {font-size:10px; font-style:italic; font-weight:normal; color:#8C6927;}
span.piecesnote {font-size:10px; font-style:italic; font-weight:normal;}

.faq dl h1 {font-size:16px; text-decoration:underline; margin:10px 0px;}
.faq dl dt {color:#B6944E; margin-bottom:5px; font-weight:bold; font-size:12px;}
.faq dl dd {font-style:italic;}

.productspreview {margin:10px 0px;}
.productspreview div {background:url("../images/bg_productspreview.gif"); background-repeat:no-repeat; width:179px; height:198px; padding:8px 7px 2px 7px; overflow:hidden;}
.productspreview div h2 a {font-size:14px;}
.productspreview div .subtitle {font-style:italic;}
.productspreview div div {background:none; width:auto; height:auto; margin:0px; padding:10px 0px 0px 0px; overflow:visible;}
.productspreview div .mainimg {width:179px; height:123px;}
.productspreview div .mainimg img {width:179px; height:123px; margin:8px 0px;}
.productspreview div .mainimg .status {position:absolute; margin-top:115px; background:url("../images/bg_ppreview.png"); width:169px; height:16px; padding:0px 5px; text-align:right; color:#ffffff; font-family:Tahoma; font-size:12px; font-weight:bold;}

.text {color:#cc0000; padding-top:10px; padding-bottom:5px; font-weight:bold;}
.text > a {color:#cc0000; padding-top:10px; padding-bottom:5px; font-weight:bold;}
.blogtext table {width:100%;}

.cart {padding-bottom:15px;}
.cart table {width:100%;}
.cart table tr th {background-color:#d5d2d5; padding:2px 5px;}
.cart table tr td {padding:2px 5px;}
.cart table tr.item td {border-bottom:solid 1px #d5d2d5;}
.cart table tr.item td span.baditem {font-weight: bold; color: #ff0000; padding: 0px 3px 0px 3px;}
.cart table.price tr td:first-child+td {width:15%;}
.cart table.price tr td:first-child+td+td {width:10%;}
.cart table.price tr td:first-child+td+td+td {width:17%;}
.cart table.price tr td:first-child+td+td+td+td {width:17%;}
.cart table tr td input[type=text], .cart table tr td select {vertical-align:middle;}
.cart table tr td input[type=text], .cart table tr td select.resize {width:250px;}
#colprice {width:15%;}
#coltax {width:10%;}
#colq {width:17%;}
#colsum {width:17%;}

.orders {padding-bottom:15px;}
.orders table {width:100%;}
.orders table tr th {background-color:#d5d2d5; padding:2px 5px;}
.orders table tr td {padding:2px 5px;}
.orders table tr.item td {border-bottom:solid 1px #d5d2d5;}
.orders table.grid tr td {border-bottom:solid 1px #d5d2d5;}
.orders table.grid tr td:first-child {width:20%; text-align:left;}
.orders table.grid tr td:first-child+td {width:12%;}
.orders table.grid tr td:first-child+td+td+td+td {width:16%;}
.orders table.detail tr td:first-child {text-align:right; width:40%;}
#colorderdate {width:20%; text-align:left;}
#colstato {width:12%;}
#coltotal {width:16%;}
#detaillabel {text-align:right; width:40%;}


/* FOOTER */
#footer {height:26px; background-color:#E0E0E0;}
#footer div {padding:7px 10px 0px 10px;}
#footer div.copyright {float:left; text-align:left;}
#footer div.links {float:right; text-align:right;}

/* ********************************* SITEMAP ********************************* */
.sitemap {padding:15px 0 0 15px}
.sitemap .level1 {padding:3px 0 0 15px; height: 18px; background: url("../Images/h3-bullet.gif") left 5px no-repeat;}
.sitemap .level1 a {color: #505050; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 11px} 
.sitemap .level2 {margin: 0 0 0 15px; background: url("../Images/sitemap1.gif") repeat-y;  padding:6px 0 6px 12px}
.sitemap .level2 a {color: #505050; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
.sitemap .level3 {margin: 0 0 0 16px; background: url("../Images/sitemap2.gif") repeat-y;  padding:6px 0 6px 35px}
.sitemap .level3 a {color: #505050; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
.sitemap .level4 {margin: 0 0 0 16px; background: url("../Images/sitemap3.gif") repeat-y;  padding:6px 0 6px 60px}
.sitemap .level4 a {color: #505050; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}

.sitemap .end1 {padding:3px 0 0 15px; height: 18px; background: url("../Images/h3-bullet.gif") left 5px no-repeat;}
.sitemap .end1 a {color: #505050; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 11px} 
.sitemap .end2 {margin: 0 0 0 15px; background: url("../Images/sitemap1end.gif") repeat-y;  padding:4px 0 4px 12px}
.sitemap .end2 a {color: #505050; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
.sitemap .end3 {margin: 0 0 0 16px; background: url("../Images/sitemap2end.gif") repeat-y;  padding:4px 0 4px 35px}
.sitemap .end3 a {color: #505050; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
.sitemap .end4 {margin: 0 0 0 16px; background: url("../Images/sitemap3end.gif") repeat-y;  padding:4px 0 4px 60px}
.sitemap .end4 a {color: #505050; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}

.submenu {padding:0px 10px 10px 10px;}
.submenu .level3 {margin-top:5px;}
/* ********************************* SITEMAP ********************************* */


/* EDIT */
.editContainer {padding:3px 15px; background-color:#D73308; border-top:solid 1px #ffffff;}
.editContainer a {font-weight:bold; color:#ffffff;}

.adminarea {height:23px; padding-top:4px;}
.adminarea select {width:400px;}
.adminarea a {font-weight:bold; color:#ffffff; font-size:13px;}

#informator {position: absolute; width: 150px; height: 200px; margin-left: -150px; background-color: #ffff66; text-align: left;}

#DIVcomboCategory {width:166px; height: 22px; margin-bottom:10px; background: url("../Images/combo.png") no-repeat; cursor: default;}
#DIVcomboCategoryText {float:left; margin: 3px; width:146px; height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#DIVcomboMarka {width:166px; height: 22px; margin-bottom:10px; background: url("../Images/combo.png") no-repeat; cursor: default;}
#DIVcomboMarkaText {float:left; margin: 3px; width:146px; height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#DIVcomboModel {width:166px; height: 22px; margin-bottom:10px; background: url("../Images/combo.png") no-repeat; cursor: default;}
#DIVcomboModelText {float:left; margin: 3px; width:146px; height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#DIVcomboCategoryData {OVERFLOW-Y: scroll; OVERFLOW: auto; width: 166px; height: 200px; margin-top: -10px; position:absolute; display: none; background-color: #ffffff;}
#DIVcomboMarkaData {OVERFLOW-Y: scroll; OVERFLOW: auto; width: 166px; height: 200px; margin-top: -10px; position:absolute; display: none; background-color: #ffffff;}
#DIVcomboModelData {OVERFLOW-Y: scroll; OVERFLOW: auto; width: 700px; height: 200px; margin-top: -10px; position:absolute; display: none; background-color: #ffffff;}

.comboItem {border-bottom: dotted 1px #000000; cursor: default; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.tpay span > img, .tpay input { vertical-align:middle; }
