/* CSS Document 
website: www.ima-dekor.com
author: www.mediapolis.cz
*/

/* GENERAL */ 
    * {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 100%;
    font: normal normal 9pt "Trebuchet MS", Tahoma, Geneva, sans-serif;
    color: #111;
    list-style: none inside url();
    } 
    body {background: rgb(196,50,66) url(../img/design/ima/web-background.jpg) repeat-x top}
    a:hover {text-decoration: none}
    i {font-style: italic}
    .righted {text-align: right}
    .centered {text-align: center;}
    .lefted {text-align: left;}
    strong {font-weight: bold;}
    #header #logoback {
    position: absolute;
    width: 661px;
    height: 211px;
    top: -211px;
    left: -112px;
    background: url(../img/design/ima/logo-back.jpg) no-repeat top;
    }
    #homepage #logoback ,#subpage #logoback {
    position: absolute;
    width: 661px;
    height: 211px;
    top: -170px;
    left: -112px;
    background: url(../img/design/ima/logo-back.jpg) no-repeat top;    
    }
    #homepage #logoback{
    top: -211px;
    }
    #homepage, #subpage{
    position: relative;
    width: 1000px;
    margin: 0 auto;
    }
    #homepage {margin-top: 212px;}
    #subpage {margin-top: 171px;}
    
    #infonav {
    float: left;
    width: 190px;
    }
    #subpage #infonav {
    display: block;
    margin-top: 90px;
    background: rgb(101,9,19) url(../img/design/ima/left-column-background.jpg) repeat-x;
    }    
      #infonav h1, h2 {
      position: relative;
      font-size: 140%;
      color: #fff;
      height: 29px;
      line-height: 29px;
      background-color: rgb(90,0,8);
      padding: 0px 6px;
      margin-bottom: 8px;
      }
      #subpage h1.category,#basket_full h1 {
      margin-top: 28px;
      position: relative;
      font-size: 200%;
      color: #fff;
      height: 50px;
      line-height: 50px;
      background-color: rgb(90,0,8);
      padding: 0px 6px;
      margin-bottom: 0px;      
      }
      .pagination {
      height: 29px;
      line-height: 29px;
      background-color: rgb(135,73,83);
      padding: 0px 6px;    
      color: rgb(235,173,183);
      margin-bottom: 10px;
      }
      .pagination a {
      display: inline-block;
      padding: 3px 5px;
      margin: 0 3px 0 0;
      text-decoration: none;
      color: rgb(235,173,183);
      background-color: rgb(90,0,8);
      }
      .pagination a:hover {
      color: rgb(90,0,8);
      background-color: rgb(235,173,183);      
      }
      
      h2 a {
      display: block;
      float: right;
      height: 29px;
      line-height: 29px;
      color: #fff;
      font-size: 80%;
      color: rgb(235,173,183);   
      }
      #infonav p,  #infonav p *{
      padding: 0px 3px 8px 3px;
      text-align: justify;
      color: #fff;
      }
      #infonav a{
	color: #EBADB7;
}
    #content {
    width: 800px;
    float: right;
    }

/* HEADER */    
    #homepage #header {
    position: absolute;
    height: 212px;
    width: 1000px;
    left: 0;
    margin-top: -212px;
    }
    #subpage #header {
    position: absolute;
    height: 171px;
    width: 1000px;
    left: 0;
    top: -171px; 
    z-index: 10;
    }    
      a#logo {
      display: block;
      position: relative;
      height: 128px;
      width: 484px;
      overflow: hidden;
      }
      #topmenublock {
      position: relative;
      height: 43px;
      width: 1000px;
      list-style-type: none;  
      }
      #topmenublock li {
      float: left;
      width: 200px;
      height: 43px;
      overflow: hidden;
      }
      #topmenublock li {
      float: left;
      width: 200px;
      }      
      #topmenublock li ul li{float: left;}
      #topmenu {
      position: absolute;
      height: 43px;
      width: 1000px;
      left: 0; 
      border-top: 2px solid rgb(155,88,97);
      list-style-type: none;
      background: rgb(90,0,8) url(../img/design/ima/topmenu-background.png) repeat-y top;
      z-index: 10;
      }
      #homepage #topmenu {top: -84px;}
      #subpage #topmenu {top: -43px;}
        #topmenu li {
        float: left;
        width: 200px;
        background: ;
        }
        #topmenu a {
        display: block;
        line-height: 43px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-size: 120%;
        }
        #topmenu li:hover {background-color: rgb(155,88,97)}
        #topmenu li ul {
        position: relative;
        display: none;
        width: 200px;
        list-style-type: none;
        padding-top: 8px;
        background-color: rgb(155,88,97) !important;
        border-bottom: 8px solid rgb(90,0,8);
        }
        #topmenu li ul.w600 {width: 600px;}
        #topmenu li:hover ul {display: block;float: left;} 
        #topmenu li li {
        display: block;
        width: 200px;
        height: 20pt;
        line-height: 20pt;
        float: left;
        border-right: 0px !important;
        overflow: hidden;
        background-color: rgb(155,88,97);         
        }
        #topmenu li li:hover,.activecat {background-color: rgb(135,73,83) !important;}
        #topmenu li input {
        float: left;
        display: block;
        width: 14px;
        margin: 1px 4px 2px 2px;
        outline: 0;
        border: 0;
        }
        #topmenu li span {
        display: block;
        padding: 2px;
        line-height: 9pt;
        color: #fff;
        }     
      #toplinks {
      position: absolute;
      top: -41px;
      left: 0;
      height: 41px;
      width: 1000px;
      line-height: 41px;
      z-index: 1;
      }
        #toplinks span, #toplinks a {
        color: rgb(235,173,183);
        font-size: 110%;
        }
        #toplinks a {padding: 0 12px}
        #toplinks span {padding: 0 57px 0 3px}
    
    .cleaner {
    display: block;
    position: relative;
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    margin-bottom: -1px;
    }

/* PRODUCT BOX - CATEGORY */    
    .box {
    width: 200px;
    float: left;
    }
    .box:hover, .box:hover div  {background: rgb(90,0,8);}
    .box:hover .prod_tobasket input {visibility: visible;}
    
      .box div {
      margin: 4px 3px;
      padding-top: 5px;
      background: url(../img/design/ima/product-background.jpg) repeat-x top;
      border: 1px solid rgb(196,50,66);
      }
      .box a {
      display: block;
      position: relative;
      width: 180px;
      height: 180px;
      margin: 0 auto;      
      overflow: hidden;
      border: 1px solid #000;
      text-align: center;
      }
      .box table td a{
      	display: inline;
      	position: inherit;
      	width: auto;
      	height: auto;
      	margin: auto;
      	border: 0;
      }
      .box a .prod_new,.box a .prod_action {
      position: absolute;
      left: 0;
      top: 10px;
      width: 70px;
      height: 18px;
      }
      .box table {
      border-collapse: collapse;
      margin: 10px 5px 0px 5px;
      width: 180px;
      }
      .box table i {font-size: 90%;}
      .box td span {
      display: block;
      line-height: 110%;
      padding-bottom: 5px;
      margin-bottom: 2px;
      border-bottom: 1px dotted rgb(196,50,66);
      }
      .box table * {color: #fff}
      .prod_width {width: 75%;}
      .prod_count {
      width: 20px;
      height: 17px;
      text-align: right;
      padding: 1px;
      color: #000 ! important;           
      }
      .prod_tobasket {text-align: center;}
      .prod_tobasket input {
      text-transform: uppercase;
      background-color: rgb(196,50,66);
      padding: 2px 4px;
      font-size: 90%;
      margin-top: 8px;
      cursor: pointer;
      color: #fff;
      visibility: hidden;
      }
      .prod_tobasket input:hover {color: rgb(90,0,8)}
      .hide {visibility: hidden;}
      .box:hover .hide {visibility: visible;}
      
/* MENU */
    #menu {
    display: block;
    position: absolute;
    width: 380px;
    top: 12px;
    right: 0px;
     }
    #menu li {
    float: left;
    width: 75px;
    text-align: center;
    }
    #menu li a {
    display: block;
    font-size: 110%;
    color: rgb(235,173,183);
    padding: 4px 12px;
    }
    #menu li:hover a {
    background-color: rgb(235,173,183);
    color: rgb(90,0,8);
    text-decoration: none;     
    }
    #menu li ul,#menu li form {
    display: none;
    }
    #menu li:hover ul,#menu li:hover form {
    display: block;
    }
    #menu li:hover ul a {
    display: block;
    font-size: 100%;
    color: rgb(90,0,8);
    padding: 0px 12px;
    text-align: right;
    }
    #menu li:hover li {
    width: 100px;
    }
    #menu li:hover ul.menu-logged li{
    width: 150px;
    }
    
    
    #menu li:hover ul.menu-logged-admin{
    width: 360px;
    position: relative;
    left: -280px;
    }
    #menu li:hover ul.menu-logged-admin li{
    	width: 120px;
    }
    
    
    #menu li ul a:hover {
    background-color: rgb(155,88,97);
    color: rgb(235,173,183);
    }
    /* search form */
    form#formsearch {
    width: 180px;
    height: 60px;
    background-color: rgb(235,173,183);
    }
    #menu form table {
    border-collapse: collapse;
    }
    form#formsearch table {
    height: 60px;
    width: 160px;
    margin: 0 auto;
    }
    form#formsearch table td {
    height: 60px;
    vertical-align: middle;
    }
    form#formsearch table td input {
    padding: 1px;
    }
    /* login form */
    form#formlogin {
    width: 220px;
    height: 80px;
    padding-top: 5px;
    background-color: rgb(235,173,183);
    margin-left: -145px;    
    }
    form#formlogin table {
    width: 200px;
    margin: 0 auto;
    border-collapse: collapse; 
    }
    form#formlogin table td {
    padding: 4px 5px 0 4px;
    }
    form#formlogin a {
    display: inline;
    padding: 0 3px;
    font-size: 100%;
    margin: 0;
    text-decoration: underline !important;
    }
    .inputtext {padding: 1px;}
    .inputsubmit {
    width: 20px;
    background-color: rgb(90,0,8);
    color: rgb(235,173,183);
    cursor: pointer;
    }
    .inputsubmit:hover {color:rgb(155,88,97);}
    #formlogin a:hover {text-decoration: none ! important}

/* FOOTER */
    #footer {
    background-color: rgb(90,0,8);
    margin-top: 24px;
    padding: 22px;
    color: rgb(235,173,183);
    }
    #footer * {color: rgb(235,173,183)}
    #footer a:hover {color: #fff}
    #footer p {
    text-align: center;
    margin-bottom: 8px;
    }

/* PRODUCT PAGE */
    
    #product_info {
    width: 200px;
    margin-top: 88px;
    float: right;
    }
    #product_info h1 {
    position: relative;
    font-size: 140%;
    color: #fff;
    line-height: 22px;
    margin: 18px 0 18px 0;
    background-color: none !important;
    }
    #product_info p {
    padding: 0px 0px 18px 0px;
    text-align: left;
    color: #fff;    
    }
      #goback {
      position: absolute;
      display: block;
      width: 200px;
      top: 58px;
      left: 800px;
      font-size: 120%;
      font-weight: bold;
      background-color: red;
      color: #fff;       
      text-align: center;
      text-decoration: none;
      }
      #goback:hover {
      background-color: #fff;
      color: red;     
      }
      #product_info table {
      border-collapse: collapse;
      width: 100%;
      margin: 10px 0px 10px 0px;
      border: 1px solid rgb(235,173,183);
      }
      #product_info td,#product_info th {
      padding: 1px 2px;
      }
      #product_info * {color: #fff}
      #product_info table i {font-size: 90%;}
      #product_info .prod_tobasket input {
      visibility: visible;
      }
      #toromantik {
      margin-top: 100px;
      }
      #product_info input:hover {color: rgb(90,0,8)}
    
    #goback, #prod_walk, #navigation {
    height: 31px;
    line-height: 31px;
    }
    
    #prod_image {
    width: 600px;
    float: left;
    margin-top: 88px;
    }
      #prod_image div#img {
      position: relative;
      width: 580px;
      height: 580px;
      margin: 0 auto;
      overflow: hidden;
      }
      #prod_walk {
      position: absolute;
      width: 580px;
      height: 31px;
      top: 58px;
      margin-left: 10px;
      }
        #prod_walk a {
        display: block;
        width: 270px;
        height: 31px;
        line-height: 31px;
        background-color: rgb(135,73,83);
        color: #fff;
        padding: 0 10px;
        }
         #prod_walk a:hover {
         background-color: rgb(145,83,93);
         }
        .float_left {float: left;}
        .float_right {
        float: right;
        text-align: right;
        }
        
      
      #navigation {
      position: absolute;
      width: 790px;
      left: 210px;
      top: 28px;
      background-color: rgb(90,0,8);
      color: rgb(235,173,183);
      }
        #navigation a {
        color: rgb(235,173,183);
        padding-right: 10px;
        padding-left: 10px;
        }
    #subpage #infonav {min-height: 580px;}
    #subpage #infonav table {border-collapse: collapse; margin-bottom: 9px; }
    #subpage #infonav * {color: #fff}
    #subpage #infonav td,#subpage #infonav th  {
    padding: 0px 2px;
    }
    #subpage #infonav .other_special_cat{
    display:block;
    margin: 5px;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-width: bold;
    border: 1px solid #fff;
    }
    #subpage #infonav h3 {
    font-size: 125%;
    padding: 8px 2px 2px 6px;
    }
    #makeorder, #makevisible {
    color: #000 !important;
    width: 170px;
    border-color: rgb(90,0,8) !important;
    
    }
    #makeorder *,#makevisible * {
    color: #000 !important;
    }
    a#basket {
    position: absolute;
    display: block;
    margin-top: -62px;
    width: 190px;
    height: 50px;
    background-color: red;
    overflow: hidden;
    cursor: pointer;
    }
    a#basket:hover {
    height: auto;
    }
    .basketprice {
    display: block;    
    width: 180px;
    height: 50px;
    font-size: 240%;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    /* padding-right: 20px;*/      
    }
    .basketprice span{
    font-size: 100%;
    font-weight: bold;
    line-height: 50px;
    }
    .basketitem {
    display: block;    
    height: 20px;
    line-height: 20px;
    text-align: left;
    padding-left: 10px;     
    }
    #basket .basketitem .prod_price{
    display: none;
    }
    .basketspecial {
    display: block;    
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-top: 1px solid #fff !important;
    font-weight: bold;
    }
    
    .basket_not_logged{
    position: absolute;
    display: block;
    margin-top: -62px;
    width: 183px;
    height: 50px;
    border: 1px #fff solid;
    overflow: hidden;
    text-align: left !important;
    text-align: center;
    }

/* basket full */

    #basket_full {
    width: 800px;
    float: left;
    }
    #gobacktoshop {
    display: block;
    font-size: 120%;
    font-weight: bold;
    background-color: red;
    color: #fff;       
    text-align: left;
    text-decoration: none;
    text-indent: 15px;
    line-height: 32px;
    margin-top: 12px;
    }
    #gobacktoshop:hover {
    background-color: #fff;
    color: red;     
    }
    #basket_full table * {color: #fff}
    #basket_full table input.readonlyback {
    background: url(../img/design/ima/input-transparent.gif) repeat !important; 
    }
    input.changeamount {
    border: 2px solid red;
    color: #000 !important;
    }
    #basket_full table {
    border-collapse: collapse;
    border-left: 1px solid rgb(196,50,66);
    border-top: 1px solid rgb(196,50,66);
    margin-bottom: 22px;
    }
    #basket_full table td, #basket_full table th {
    padding: 2px 3px;
    border-right: 1px solid rgb(196,50,66);
    border-bottom: 1px solid rgb(196,50,66);    
    }
    #basket_full table th {
    background-color: rgb(90,0,8);
    }
    .basket_delete {background-color: red  !important; color: #fff !important}
    .basket_savechange {background-color: green  !important;color: #fff !important}
    .basket_savechange:hover {
    color: green !important;
    background-color: #fff  !important;
    cursor: pointer;
    }
    .basket_delete:hover {
    color: red !important;
    background-color: #fff  !important;
    cursor: pointer;
    }
    .basket_savechange,.basket_delete {
    padding: 2px 3px;
    }
    #register_reset,#register_submit,#order_print {
    padding: 12px 18px;
    margin-right: 14px;
    font-size: 160%;
    cursor: pointer;
    }
    #register_reset {
    background-color: red;
    color: #fff;
    }
    #register_submit {
    background-color: green;
    color: #fff;
    }
    #order_print {
    background-color: rgb(102,102,51);
    color: #fff;
    }
    #register_reset:hover {
    background-color: #fff;
    color: red;
    }
    #register_submit:hover {
    background-color: #fff;
    color: green;    
    }
    #order_print:hover {
    background-color: #fff;
    color: rgb(102,102,51);    
    }
    table.finalinfo td, table.finalinfo th {
    font-size: 200%;
    padding: 16px 6px !important;
    }
    table.finalinfo td input {
    font-size: 100%;
    background: url(../img/design/ima/input-transparent.gif) repeat !important;
    }
    table.finalinfo td a {
    font-size: 9pt;
    }
    .hidden {
    display: none;
    }


    
    
    
    
    #content{
    /*background-color: #fff;*/
    }
    #menu li ul{
    position: relative;
    z-index: 10;
    }
    
    #text_page h3, #text_page h4, #text_page h5, #text_page p, #text_page table, #text_page ul, #text_page ol{
    margin-bottom: 10px;
    }
    #text_page ul, #text_page ol{
    padding-left: 20px;
    margin-left: 5px;
    }
    #text_page li{
    margin-bottom: 10px;
    list-style-type: decimal;
    list-style-position: outside;
    }
    
    #text_page h2{
    margin-top: 27px;
    }
    
    #text_page *{
    color: #fff;
    }
    #text_page h3{
    font-size: 140%;
    }
    #text_page h4{
    font-size: 120%;
    }
    #text_page h5{
    font-weight: bold;
    }
    .submit{
    padding-top: 20px;
    }
    
    #text_page table {
    border-collapse: collapse;
    border-left: 1px solid rgb(196,50,66);
    border-top: 1px solid rgb(196,50,66);
    }
    #text_page table td, #text_page table th {
    padding: 2px 3px;
    border-right: 1px solid rgb(196,50,66);
    border-bottom: 1px solid rgb(196,50,66);    
    }
    #text_page table th {
    background-color: rgb(90,0,8);
    text-align: left;
    vertical-align: top;
    }

    
    
    #prod_walk a {
    overflow: hidden;
    }
    #prod_walk a.float_right{
    position: absolute;
    right: 0;
    top: 0;
    }
    
    
    #homepage #basket , #homepage #basket *{
    color: #FFFFFF;
    text-decoration: none !important;
    }
    #homepage #basket{
    margin-top: 1px;
    }
    
    #fakt-addr-form input, #fakt-addr-form textarea, #fakt-addr-form select,
    #text_page input, #text_page textarea, #text_page select, #text_page select option,
    #order_form textarea
    {
    color: #111111 !important;
    }
    
    #text_page #register_reset, #text_page #register_submit{
    color: #fff !important;
    }
    #text_page #register_reset:hover, #text_page #register_submit:hover{
    color: #111111 !important;
    }
    
    .editIcons a{
    display: inline-block;
    margin: 0 5px;
    }
    
    
.ajax_loader, .ajax_loader .ajax_loader_overlay, .ajax_loader .ajax_loader_loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; margin: 0; }
.ajax_loader .ajax_loader_overlay { background: #000; opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; }
.ajax_loader .ajax_loader_loader { background: url(../img/admin/ajax_loader.gif) center center no-repeat; }


.adminListTable .category_in_top *{
	font-weight: bold;
}


#content #text_page .mceEditor table{
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}
#content #text_page .mceEditor table td, #content #text_page .mceEditor table th{
	padding: 0 !important;
	border: 0 !important;
}

#content .mceEditor  img{
	margin: 0;
}

 


#jqDialog_box {
	background: #9C1910;
	position: absolute;
	font-family: Arial;
	z-index: 999;
}
#jqDialog_content {
	margin: 40px 10px 10px 10px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	text-align: center;
}
#jqDialog_close {
	width: 15px;
	height: 13px;
	margin: 6px 10px 0 0;
	background: url("../img/design/romantik/dialog-close.png") top left no-repeat;
	border: none;
	float: right;
	cursor: pointer;
	text-indent: -999px;
}


#text_page .news-item{
	margin-bottom: 30px;
}
#text_page .news-item h3 span{
	font-size: 70%;
}

.news-item-homepage {
	width: 399px;
	float: left;
}
.news-item-homepage *{
	color: #fff !important;
}
.news-item-homepage p{
	margin: 5px 7px;
}
.news-item-homepage h3{
	margin: 5px 7px;
	font-weight: bold;
	font-size: 110%;
}
.news-item-homepage a.insider {
	display: block;
	float: left;
	margin: 5px 5px 15px 5px;
	border: 1px solid rgb(196,50,66);
	color: #fff !important;
	text-decoration: none;
}