/* DOCUMENT - DEFAULT STYLES */
* {margin:0px; padding:0px; border:0px;}
html,body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; background-color:#FFFFFF;}
a {text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}
a:hover {color:#000000;}
table {border-collapse:collapse;}
input, select, textarea {border:solid 1px #000000; background-color:#FFFFFF; color:#000000;}
h1, h1 a  {font-size:16px;}
p {margin-bottom:20px;}
ul, ol {margin:0px 0px 10px 30px;}

.clear {clear:both;}
.error, .req {color:#CC0000;}


/* DOCUMENT - LAYOUT */
#outerDesign {text-align:center; width:100%;}
#innerDesign {/*margin:0px auto; width:960px; */text-align:left;}

.login {background-color:#d3d3d3; border:solid 1px black; padding:5px;}
.login a {text-decoration:underline;}
.login input[type=text], .login input[type=password] {width:120px; margin-left:5px; margin-top:5px;}
.login input[type=submit] {margin-top:10px;}

.homegrid {float:right; width:200px; margin-left:20px;}
.homegrid img {width:190px; margin:5px 0px;}
.homegrid .nameprod {margin-top:30px;}
.homegrid .nameprod a {font-weight:bold;}
.gridhead {background-color:#246494; color:White; font-weight:bold; padding:10px; font-size:16px; text-transform:uppercase;}

.newsletter .list td {padding:3px 10px;}
.newsletter .list td a {text-decoration:underline;}
.newsletter .attachment {margin-top:10px; margin-bottom:20px;}
.newsletter .attachment a {text-decoration:underline;}
.newsletterback {margin-top:20px; text-align:right; padding-right:20px; padding-bottom:20px;}
.newsletterback a {text-decoration:underline;}

/* HEADER */
#quicklinks {text-align:right; margin-top:15px; margin-right:20px; margin-bottom:5px;}
#quicklinks a {font-weight:bold;}
#header,#menu {border-left:solid 1px #000000; border-top:solid 1px #000000; border-right:solid 1px #000000;}
#menu, .topMenu {background-image:url(../images/top-menu-background.jpg); background-repeat:repeat-x;}
div.topmenu { position: absolute; display: none; z-index:100;}
div.topmenu table tr {background-image:url(../images/top-menu-background.jpg); background-repeat:repeat-x;}
a.topmenu 	{ color: #ffffff; padding: 2px 0px 2px 8px; margin: 0px 0px 0px 0px; width: 140px;  font-size: 10px; line-height: 16px;}
td.topmenu {padding:0px 5px;}
.dropDownMenu0 {background-image:url(../images/top-menu-dropdown.jpg); background-repeat:repeat-x;}
.dropDownMenu1 {background-image:url(../images/top-menu-dropdown-1.jpg); background-repeat:repeat-x;background-position: bottom left;}
.dropDownMenu2 {background-image:url(../images/top-menu-dropdown-2.jpg); background-repeat:repeat-x;background-position: bottom left;}
.dropDownMenu3 {background-image:url(../images/top-menu-dropdown-3.jpg); background-repeat:repeat-x;background-position: bottom left;}
.dropDownMenu4 {background-image:url(../images/top-menu-dropdown-4.jpg); background-repeat:repeat-x;background-position: bottom left;}
.dropDownMenu5 {background-image:url(../images/top-menu-dropdown-5.jpg); background-repeat:repeat-x;background-position: bottom left;}

.url {color:#999; font-style:italic;}
.highlight {background-color:#ddd; font-weight:bold;}

.category {min-height:400px; overflow:hidden; margin-right:210px;}
.category > div {margin:5px; padding:5px; height:200px; width:240px; float:left; border:solid 1px #246494; text-align:center; cursor:pointer;}
.category img {max-width:240px; height:125px; margin-right:10px;}
.category a {font-size:16px; font-weight:bold;}

#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;}
.butt {padding-left:30px;}
#headersearch {margin-left:15px; padding-bottom:25px;}
.piiiicinka td {text-align:right;}

.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%;}
.cart textarea {width:100%; height:100px;}

.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%;}

#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;}


/* BODY */
#outerbody {border-left:solid 1px #000000; border-top:solid 1px #000000; border-right:solid 1px #000000;}
#body {border:solid 2px #ffffff;background:url("../images/bg.gif"); background-repeat:repeat-y;}

#tab_left {width:202px; float:left;}
#tab_right {/*width:350px;*/width:40%; float:right; margin-left:5px;/* margin-right:5px;*/}
#tab_superright {/*width:240px;*/width:32%; float:left; margin-right:5px; margin-left:5px; border:solid 2px #246494;}
#tab_middle {width:auto; margin-right:auto;}
#contentmain { margin-left:212px;}

.box {margin-left:202px; padding-left:20px; padding-top:3px; padding-bottom:3px; font-weight:bold; background:url("../images/top-menu-background.jpg"); background-repeat:repeat-x; margin-bottom:20px;}
.box a {font-weight:bold;}
#tab_middle .box {margin-left:-10px;}

/* specific styles */
#listtitle {width:70%;}
#listicon {text-align:center; width:10%;}
#listsize {text-align:center; width:10%;}
.list {padding:25px;}
.list table {width:100%;}
.list table tr td {height:24px; vertical-align:middle; padding-left:10px;}
.list table tr td:first-child {width:70%;}
.list table tr td:first-child+td {text-align:center; width:10%;}
.list table tr td:first-child+td+td {text-align:center; width:10%;}

.odd {background-color:#CFDDE9;}
.even {background-color:#eef6f7;}

#formlabel {text-align:right; font-weight:bold; width:40%;}
#formfield {width:60%;}
.form {margin-top:10px; padding-bottom:10px;}
.form .buttons {text-align:center; margin-top:10px;}
.form .buttons a {font-weight:bold; font-size:12px; text-decoration:underline;}
.form table {margin:0px auto; width:80%;}
.form table tr td {padding:3px;}
.form table tr td h5 {color:#EE9012; font-size:11px;}
.form table tr td input {width:250px;}
.form table tr td input.checkbox {width:auto; margin:0px; padding:0px;}
.form table tr td textarea {width:250px; height:100px;}
.form table tr td:first-child {text-align:right; font-weight:bold; width:40%;}
.form table tr td:first-child+td {width:60%;}

.paging {margin-top:10px;}
.paging div {float:left;}
.paging div a {text-decoration:none;}
.paging div a:hover {text-decoration:underline;}
.paging .page {text-align:center; /*width:540px;*/width:100%;}
.paging .next {float:right; text-align:right; width:100px;}
.paging .prev {width:100px;}

.tablegrid .paging {text-align:center; width:700px;}
.tablegrid .paging .page {text-align:center; width:60%;}
.tablegrid table tr td {padding:5px;}
.tablegrid {padding:10px 0px; width:740px;}
.tablegrid img.main {margin-left:10px; margin-bottom:10px; width:200px;}
.tablegrid img.gallery {margin-left:10px; margin-bottom:10px; height:94px; width:140px;}
.tablegrid h2 {font-size:16px; text-decoration:underline; padding-top:5px; padding-bottom:5px;}
.tablegrid h3 {font-size:12px; font-style:italic; padding-bottom:10px;}
.tablegrid h4 {font-weight:normal; font-size:10px;}
.tablegrid h5 {font-size:14px; text-decoration:underline; padding-top:10px; padding-bottom:5px;}
.tablegrid div.links {text-align:left; padding-top:3px; padding-left:0px;}
.tablegrid div.links a {font-weight:bold;}
.tablegrid table.gridnew {width:100%; border:solid 1px #246494; margin-left:20px;}
.tablegrid table.gridnew tr th {background-color:#246494; color:White; font-size:14px; padding:5px 10px; text-align:center;}
.tablegrid table.gridnew tr th:first-child {max-width:200px; width:200px;}
.tablegrid table.gridnew tr td {border:solid 1px #246494; vertical-align:top; padding:0px;}
.tablegrid table.gridnew tr td.name > div {padding:5px; min-height:100px;}
.tablegrid table.gridnew tr td.name > div > a {font-size:14px; text-decoration:underline; font-weight:bold;}
.tablegrid table.gridnew tr td.logo {vertical-align:middle; text-align:center;}
.tablegrid table.gridnew tr td.logo img {height:100px;}
.tablegrid table.grid tr td.name {width:200px;}
.tablegrid table.grid tr td.name div {word-wrap:break-word; width:145px;}
.tablegrid table.grid tr td.name div > a {font-size:14px; text-decoration:underline; font-weight:bold;}
.tablegrid table.grid tr td.content {vertical-align:top;}
.tablegrid table.grid tr td.content ul, ol {padding:0px;}
.tablegrid table.grid tr td.addinfo {padding-top:5px;}
.tablegrid table.grid tr td.addinfo img {border:solid 1px #000000;}
.tablegrid table.grid tr td.links {text-align:right;}
.tablegrid table.grid tr td.logo {padding-top:10px; padding-bottom:10px; text-align:center;}
.tablegrid table.grid tr td.logo img {max-width:200px; height:100px;}
.tablegrid table.grid tr td.empty {padding-top:20px; padding-left:30px;}
.tablegrid table.grid tr td.middleline {padding-top:5px; padding-bottom:10px;}
.tablegrid table.grid tr td.links a {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; text-decoration:underline;}
.menu div {border-bottom:solid 2px #44CAFD; color:#ffffff; font-weight:bold;}
.menu div.active a {color:#000000;}
.menu div.active {color:#000000; background-color:#ffffff;}
.menu div a {color:#FFFFFF;}
.menu div img {vertical-align:middle;}

.products {padding:25px;}
.products .note {font-size:7px; text-align:center; margin-bottom:20px;}
.products .item {margin-bottom:20px; float:left; width:300px; border:solid 1px #555555; padding:5px; margin-left:15px; margin-right:10px; height:210px;}
.products .item .linkaway {float:right;}
.products .item .linkaway a {color:#ED8025; font-weight:bold; text-decoration:underline;}
.products .item img {margin-bottom:15px;}
.products .item .title {color:#ED8025; font-weight:bold;}

.htmledit {padding:0px;}
.htmledit img {margin:5px;}
.htmledit .tableold {border:solid 1px black;}
.htmledit a {font-size:11px;}
.htmledit a img {border:solid 1px #000000; margin:5px;}
.htmledit table {width:95%;}
.htmledit table.border, .htmledit table.border tr td {border:solid 2px #000000;}
.htmledit h1 {padding-top:20px; padding-bottom:15px; color:#ED8025;}
.htmledit h3 {background-color:#246494; font-size:14px; padding:2px; color:#ffffff;}
.htmledit h4 {background-color:#42CBFF; font-size:14px; padding:2px; color:#246494;}
.htmledit h1 a {color:#ED8025; font-size:18px; text-decoration:underline;}
.htmledit h5 {color:#ED8025; font-weight:bold; font-size:12px;}
.htmledit p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:normal;}

.events div.item {padding:20px;}
.events div h1 {text-decoration:underline;}
.events div h1 a {text-decoration:underline;}
.events div div.date {margin-bottom:10px;}
.events div img {float:left; width:125px; margin:0px 10px 5px 0px;}
.events div img.fullheight {height:auto;}
.events table {width:100%;}
.events table.monthlist tr td {width:8.3%; text-align:center; height:20px; background-color:#246494; border-right:solid 1px #FFFFFF; border-top:solid 1px #FFFFFF;}
.events table.monthlist tr td a {text-decoration:underline; color:#ffffff;}
.events table.monthlist tr td.last {width:8.3%; text-align:center; height:20px; background-color:#246494; border-right:0px; border-top:solid 1px #FFFFFF;}
.events table.monthlist tr td.highlight {background-color:#0C87D7;}
.events table.monthlist tr td.sublist {background-color:#0C87D7; color:#ffffff;}
.events table.monthlist tr td.sublist a {text-decoration:underline; color:#ffffff;}
.events h3 {margin:20px 10px 10px 30px; font-size:12px;}
.events .gallery {margin:0px 10px 0px 20px;}
.events .gallery img {float:none; margin-right:10px; margin-bottom:10px; margin-left:10px;}
.events .links {text-align:right; margin-top:20px; margin-right:20px; padding-bottom:20px;}
.events .links a {text-decoration:underline;}
.events .spacer {/*width:700px;*/width:100%; height:1px;}


/* FOOTER */
#footer {border:solid 1px #000000; text-align:center; padding:5px 0px; font-weight:bold; background-color:#D3D3D3;}


/* EDIT */
.editContainer {padding:5px 20px; background-color:#D73308; border-top:solid 1px #ffffff;}
.editContainer a {font-weight:bold; color:#ffffff;}

.adminarea {height:25px;background-color:#D73308;}
.adminarea a {font-weight:bold; color:#ffffff; font-size:13px;}
.adminarea .containerAdminCombo {float:left; padding-top:2px; padding-left:10px;}
.adminarea .containerAdminInfo {float:right; border-left:solid 1px #FFFFFF; padding:0px 10px; height:21px; padding-top:4px;}