llishtml * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

/* GENERAL */

body {
    padding: 0;
    /*background:url(../images/back.jpg) repeat-y;*/
    color: #333;
    font: 11px verdana, arial, helvetica, sans-serif;
    text-align: center;
}


.all {  /* Everything from the body is inside this div */
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 976px;
}

.mainContentWrapper {
    position: absolute;
    left: 0px;
    top: 361px;
    /*width: 974px;*/
}

.mainContent {
    text-align: left;
    position: relative;
    left: 240px;
    top: 10px;
    padding: 0px;
    width : 734px;
    /*width: expression (500 + "px");*/
    border-right: #f2e4eb  /*f3dce8 #e3b4cd solid 1px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*border-bottom: #e3b4cd solid 2px;*/
}

.layoutBodyDiv {
    position: relative;
    top: -20px;
    left: -265px;
    /*max-width:500px;*/
    width : 736px;
    /*height: 2000px;*/
    /*{ height: expression (1500*2); }*/
    z-index: 3
}

.camelWrapper {
    position: relative;
    width: 734px;
    height: 150px;
    max-width: 734px;
    max-height: 150px;
}


.mainTable {
    table-layout: fixed; 
    position: absolute;
    left: 0px;
    top: -101px;
    width: 975px;
    border: #e3c3d4 /*#e3b4cd * */ /**/ solid 2px;
    border-top: none;
    padding: 0
    /*border-left: #e3b4cd solid 2px;*/
    
}

.introPicture1 {
    position: absolute;
    top: 13px;
    left: 100px;
    z-index: -1
}

.introPicture2 {
    position: absolute;
    top: 145px;
    left: 10px;
    z-index: -2
}


.introTable1 {
    position: absolute;
    left:5px;
    top: 55px;
    width: 720px;
    border-collapse: collapse;
    border: 0px;
}

.introTable1 td {
    padding: 5px;
    text-align: center;
    color: #a15da8;
    font: 16px verdana, arial, helvetica, sans-serif;
    
}

.introTable2 {
    position: absolute;
    top: 186px;
    left: 36px;
    width: 720px;
    border-collapse: collapse;
    border: 0px;
    }

.introTable2 td {
    padding: 5px;
    font: 13px verdana, arial, helvetica, sans-serif;

}



/*.intro1 td font {*/
    /*padding: 5px;*/
    /*background: #fad8e6;*/
    /*color: #333;*/
    /*font: 20px verdana, arial, helvetica, sans-serif;*/

/*}*/


.colorText2 {
    /*color: white;*/
    color: #c10076;
    font: 16px verdana, arial, helvetica, sans-serif;
}


.myTabs {
    /*position: relative;*/
    /*height:1000px;*/
    /*width: 2000px;*/
}


.mainLeftTD {
    /*z-index: 10*/
}

.mainRightTD {
}

.bottomTD {
    vertical-align: bottom;
}


.leftbottom {
    width: 10px;
    height: 8px;
}

.rightbottom {
    width: 10px;
    height: 8px;
}

.leftbottomimageA {
    position: relative;
    left: -113px;
    top: -401px;
}

.darina {
    position: relative;
    /*color: #c10076;*/
    color: #c0a4b3;
    left: 246px;
    top: 79px;
}

.darina a, .darina a:visited, .darina a:link, .darina a:hover    {
    color: #c0a4b3;
    font-weight: normal;
}

.leftbottomimageB {
    position: relative;
    left: -114px;
    top: -401px;
}

.rightbottomimage {
    position: relative;
    left: 8px;
    top: 0px;
    z-index: -20;
}

.shiftImage {
    position: relative;
    z-index: -30;
    left: 300px;
}

.language {
    position: absolute /* fixed */;
	top:2px;
    left: 2px;
    /*z-index: 2;*/
}

.hariom {  /* header */
	position: absolute; / fixed ;
	top:0px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
}



.nav {
    position: relative; /* fixed */;
    background: #dc93b8 ;
    /*border-style: none none none none;*/
    font-size: 10px;
    /*margin-top: 5px;*/
    left: -228px; /*0px;*/
    top:  -7px; /*165px;*/
    width: 975px;
    /*padding: 7px 12px;*/
}


.navBasket {
    z-index: 12;
    position: relative /* fixed */;
    border-style: none none none none;
    color: white;
    font-size: 11px;
    /*margin-top: 5px;*/
    left: 0px; /*0px;*/
    top:  0px;
    /*width: 700px;*/
    /*padding: 7px 12px;*/
}


.leftLeaf {
    position: absolute;
    left: -54px;
    top: 188px;
    z-index: 1;
}

.basketContent {
    position: relative;
    top: -1px;
    color: white;
    /*color: #c10076;*/
}


a:link, a:visited, a:hover {
    color: #c10076;
    font-weight: bold;
    text-decoration: none;
} 

h1 {
    font-weight: normal;
    font-size: 16px;
    color: #c10076;
    margin: .8em 0 .3em 0;
}

.highlight h1 {
    color: crimson;
    font-weight:bold;
    text-align: center;    
}

h2 {
    font-weight: normal;  
    font-size: 14px;
    color: #c10076;
    /*color: #c82323;*/
    margin: .8em 0 .3em 0;
}

ul {
    padding-left: 15px;	
}

.radio {
    position: relative;
    top: -3px;
    top: -3px;
}

input, select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 2px 0;
    padding: 2px 4px;
}
select {
   padding: 2px 2px 2px 0;
}
textarea {
	width: 240px;
	height: 100px;
	vertical-align: top;
}

.bigArea textarea {
	width: 560px;
	height: 150px;
	vertical-align: top;
}

.bigEdit textarea {
	width: 650px;
	height: 300px;
	vertical-align: top;
}

.orderdialog textarea {
    width: 300px;
    height: 100px;
}

.thisPrice td {
    background: #f6e5ef;
}

.thisPrice {
    background: #f6e5ef;
}

input  {
    max-width:240px;
    /*width: 240px*/
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

.body {
    float: left;
    margin: 0 15px 10px 15px;
    width: 710px;
    z-index:0
}

/* NAVIGATION MENU */



#loginButton, #registerButton, #logoutButton, #searchButton {
    font: 11px verdana, arial, helvetica, sans-serif;
    filter:alpha(opacity=85);
    color: #c10076;
    font-weight:bold;
     /*background: url(../images/skin/login.png) center left no-repeat;*/
}

.pannelButton {
    font-size: 10px;
}

.pannelButton a {
    color: #333;
    padding: 4px 0px;
}

.pannelButton a.register {
    font: 11px verdana, arial, helvetica, sans-serif;
    /*background: url(../images/skin/register.png) center left no-repeat;*/
    /*padding-left: 25px;*/
}

.menuButton {
    font-size: 10px;
    padding: 0 5px;
    z-index: 7
}
.menuButton a {
    color: #333;
    padding: 0px 0px;
    z-index: 7  
}

.menuButton a.home {
    /*background: url(../images/skin/house.png) center left no-repeat;*/
    color: #333;
    padding-left: 25px;
    z-index: -2
}

.menubutton a {
    z-index: 15
}

.linkMenuButton {
    font-size: 10px;
    padding: 2px 6px;
    z-index: 7
}


.linkMenuButton a, .linkMenuButton a:visited , .linkMenuButton a:hover {
  color: #333;

    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font-size: 10px;
    font-weight: bold;
    /*font: 11px verdana, arial, helvetica, sans-serif;*/
    margin: 2px 0;
    padding: 2px 4px;

}

.menuButton a.basket {
    background: url(../images/skin/carka.png) center left no-repeat;
    color: #333;
    padding-left: 15px;
    z-index: 0
}
.menuButton a.genericButton {
    background: url(../images/skin/carka.png) center left no-repeat;
    color: #333;
    padding-left: 15px;
    z-index: 0
}
.menuButton a.orders {
    background: url(../images/skin/carka.png) center left no-repeat;
    color: #333;
    padding-left: 15px;
}
.menuButton a.list {
    background: url(../images/skin/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.create {
    background: url(../images/skin/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

.message2 {
    background: #f4e8f2 url(../images/skin/information2.png) 8px 50% no-repeat;
    border: 1px solid #9e5fa6;
    color: #a15da8;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 15px;
    text-align: center;
    font: 15px verdana, arial, helvetica, sans-serif;
}

.error {
    background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    color: #cc0000;
    padding-left: 30px;
    line-height: 16px;
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;	
}
div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

/* TABLES */

table {
    border: 1px solid #ccc;
    width: 100%;
}
tr {
    border: 0;
}
td, th, .totalPrice td { 
    font: 11px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding: 5px 6px;
    text-align: left;
    vertical-align: top;
}

.noPadding td {
    padding: 0px 0px;
}

th, .totalPrice td, .totalPrice tr {
    background: #fff url(../images/skin/shadow.jpg);
    //color: #FFF;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    padding: 2px 6px;
    color: #666;
}
th a:link, th a:visited, th a:hover {
    color: #333;
    // color: #FFF;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    background-image: url(../images/skin/sorted_asc.gif);
}
th.desc a {
    background-image: url(../images/skin/sorted_desc.gif);
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

.list th {
    color: #666;
}


.banner_display {
    background: darkorange;
}

.banner_click {
    background: yellow;
}

.item_viewed {
    background: lightskyblue;
}

.category_viewed {
    background: azure;
}

.into_basket {
    background: darksalmon;
}

.order_created {
    background: chartreuse;
}

.seznam_XML {
    background: lightpink;
}

.hledejceny_XML {
    background: lightpink;
}
.heureka_XML {
    background: lightpink;
}


.editTable td, .editTable th {
    font: 11px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding: 2px 6px;
    text-align: left;
    vertical-align: top;
}

.invisibleTable, .navTable {
    border-collapse: collapse;
    border: 0px;
    width: 100%
}


.invisibleTable td, .invisibletable th {
    font: 11px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding: 0px 0px;
    text-align: left;
    vertical-align: top;
}
 

/* LIST */

.list table {
    border-collapse: collapse;
    width: 710px;
}
.list th, .list td {
    //border-left: 1px solid #c82323;
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

.listInColumns table {
    table-layout: fixed;
    border-collapse: collapse;
    border-width: 0px;
    width: 710px;
}
.listInColumns th, .listInColumns td {
    border-left: 0px;
    width:50%;
    /*padding: 5px 0px*/
}

.listInColumnsItem table {
    table-layout: fixed;
    border-collapse: collapse;
//    border: 2px solid #c82323;
//    border: 2px solid #ede0d0;
    border: 1px solid #d9d9d9; /*f1e4d4; /*#ba63c2  ;*/
    width: 340px
}

.listInColumnsItem td {
    width: 50%;
}
/*.listInColumnsItem tr {*/
    /*height: 30px;*/
/*}*/

.itemImageInColumns img {
    border: 0px;
    z-index: 3;
    max-width: 160px;
}


.basket table {
    border-collapse: collapse;
    width: 700px;
}
.basket th, .basket td {
    //border-left: 1px solid #c82323;
    border-left: 1px solid #ddd;
}

.basket th {
    //border-left: 1px solid #c82323;
    color: #666;
    border-left: 1px solid #ddd;
}


.advPanel {
    position: relative;
    left: 5px;
    z-index: 2;
}

.loginForm table {
    width: 260px;
}

.loginFormWrapper {
    position: absolute /* fixed */;
    left: 10px;
    top: 160px;
    width: 500px;
    text-align: left;
    z-index: 20;
}
.loginForm {
    /*filter:alpha(opacity=85);*/
    -moz-opacity:1; 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    color: #e3b4cd
}

.loginErrMsg {
    position: absolute;
    left: 240px;
    top: 100px;

}

.loginInput input {
    width: 110px;
    filter:alpha(opacity=85);
    font-size: 9px;
    padding: 1px 1px;
}

.loginSubmit input {
    filter:alpha(opacity=35);
    padding: 1px 3px;
}

/*.headerMenuButton a {*/
    /*font-size: 10px;*/
    /*padding: 20px 6px;*/
    /*z-index: 7;*/
    /*filter:alpha(opacity=35);*/
/*}*/

.blackVisible a {
    color: white;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}


.headerMenuButton a, .headerMenuButton a:visited , .headerMenuButton a:hover {
    color: #c10076;
    font: 9px verdana, arial, helvetica, sans-serif;

    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font-weight: bold;
    /*font: 11px verdana, arial, helvetica, sans-serif;*/
    margin: 0px 0px;
    padding: 1px 0px;
    filter:alpha(opacity=85);
    opacity: 85;
    width: 70px;
}

.searchForm {
    position: absolute /* fixed */;
    top: 208px;
    left: 10px;
    /*filter:alpha(opacity=85);*/
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    color: #e3b4cd;
    z-index:20;
}

.searchInput input {
    width: 110px;
    /*font: 8px;*/
    filter:alpha(opacity=85);
    font-size: 9px;
    padding: 1px 1px;

}

.searchSubmit input {
    filter:alpha(opacity=35);
    padding: 1px 1px;
    font-size: 4px;
}


/* PAGINATION */

.paginateButtons {
    /*background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;*/
    border: 0;
    color: #666;
    font-size: 10px;
    /*overflow: hidden;*/
    padding: 0px 3px;
    text-align: right;
}
.paginateButtons a {
    background: #fff;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}


/* DIALOG */

.dialog table {
    padding: 5px 0;
    width: 100%
    
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}
.greenName {
    text-align: left;
    width: 15%;
    white-space: nowrap;
    color: green;
    font-weight: bold;
}
.greenValue {
    text-align: left;
    width: 85%;
    color: green;
    font-weight: bold;
}
.redName {
    text-align: left;
    width: 15%;
    white-space: nowrap;
    /*color: darkred;*/
    /*font-weight: bold;*/
}
.redValue {
    text-align: left;
    width: 85%;
    /*color: darkred;*/
    text-decoration: line-through;
    /*font-weight: bold;*/
}

/* ACTION BUTTONS */

.buttons {
    /*background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;*/
    /*border: 1px solid #ccc;*/
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
    /*z-index: 1;*/
}

.basketButtons {
    /*background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;*/
    /*border: 1px solid #ccc;*/
    background: red;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
    /*z-index: 1;*/
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons input.delete {
    border: 1px solid #ccc;
    /*background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;*/
    /*padding-left: 28px;*/
}
.buttons input.edit {
    border: 1px solid #ccc;
    /*background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;*/
    /*padding-left: 28px;*/
}
.buttons input.save {
    /*background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;*/
    border: 1px solid #ccc;
    /*padding-left: 28px;*/
}
.buttons input.previous {
    /*background: transparent url(../images/skin/next.png) 5px 50% no-repeat;*/
    background: #e5b9d2;
    border: 1px solid #ccc;
    /*padding-left: 28px;*/
}
.buttons input.next {
    /*background: transparent url(../images/skin/next.png) 5px 50% no-repeat;*/
    position: relative;
    left: 525px;
    background: #e5b9d2;
    border: 1px solid #ccc;
    /*padding-left: 28px;*/
}
.buttons input.confirmCS {
    /*background: transparent url(../images/skin/next.png) 5px 50% no-repeat;*/
    position: relative;
    left: 428px;
    background: #e5b9d2;
    border: 1px solid #ccc;
    /*padding-left: 28px;*/
}
.buttons input.confirmEN {
    /*background: transparent url(../images/skin/next.png) 5px 50% no-repeat;*/
    position: relative;
    left: 507px;
    background: #e5b9d2;
    border: 1px solid #ccc;
    /*padding-left: 28px;*/
}
.buttons input.nextAlone {
    /*background: transparent url(../images/skin/next.png) 5px 50% no-repeat;*/
    position: relative;
    left: 626px;
    background: #e5b9d2;
    border: 1px solid #ccc;
    /*padding-left: 28px;*/
}
.buttons input.order {
    /*background: transparent url(../images/skin/next.png) 5px 50% no-repeat;*/
    /*padding-left: 28px;*/
    border: 1px solid #ccc;
}
.buttons input.process {
    background: transparent url(../images/skin/next.png) 5px 50% no-repeat;
    padding-left: 28px;
}



.hariom h1 {
    color: #c82323;
    //color: #006dba;
    font-weight: normal;
    font-size: 32px;
}

.topMenu {
    position: absolute /* fixed */;
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: none none solid none;
    font-size: 10px;
    margin-top: 0px;
    padding: 0;
    left: 0px;
    top:165px; /* 165 */
    height: 28px;
    width: 1021px;
    z-index: 1
}

.topmenu td {
    text-align: right;
}

.titleHeader {
	position: absolute;
	top: 5px;
	left: 150px;
}

.navigationPanel {
    position: relative;
    top: -25px;
    left: 5px
}

.myTree {
    position: relative;
    top: 0px;
    left: 5px
}


.myTree table {
    border: 0px ;
    width: 100%;
}

.biggerlink {
    font-size: 13px;
}

.colorText, .colorText a, .colorText visited, .colorText hover {
    /*color: white;*/
    color: #c10076;
}

.greyText {
    color: #666;
    font-size: 12px;
}

.tree2, .tree2S {
    position: relative;
    left: 10px;
}

.tree1  a:link, .tree2 a:link, .tree1 a:visited, .tree2 a:visited, .tree1 a:hover, .tree2 a:hover  {
    color: #222
}

.myTree td, .mytree th {
    font: 11px verdana, arial, helvetica, sans-serif;
    line-height: 11px;
    padding: 0px 0px;
    text-align: left;
    vertical-align: middle;
}

.tl {
    background: url(../images/tl.gif) 0 0 no-repeat;
    z-index: 30
}

.tr {
    background: url(../images/tr.gif) 100% 0 no-repeat;
    z-index: 30
}

.bl {
    background: url(../images/bl.gif) 0 100% no-repeat;
    z-index: 30
}

.br {
    background: url(../images/br.gif) 100% 100% no-repeat;
    z-index: 30
}



.itemImage img {
    border: 0px;
    z-index: 3;
    max-width: 200px;
}

.smallThumbnail img {
    border: 0px;
    max-height: 60px;
    max-width: 60px;
    _height: 60px;
}

.smallThumbnail23 img {
    border: 0px;
    max-height: 60px;
    max-width: 60px;
    _width: 60px;
}

.middleThumbnail img {
    border: 0px;
    max-height: 100px;
    max-width: 100px;
}

.flow body {
    background-image: none;
}

.req {
    color: #c82323;
}