/* CSS Document */

  * {
  font: normal normal normal 12px "Trebuchet MS", "Myriad Pro", "Verdana", Arial, Helvetica, sans-serif;
  border:0;
  margin:0;
  padding:0;
  outline:0;
  list-style-type: none;
  }
  body {
  background: rgb(255,255,255) url(../img/design/romantik/page-background-top.jpg) no-repeat center top;
  color: rgb(0,0,0);
  }
  h1 {
  position: relative;
  margin: 0 auto;
  width: 280px;
  height: 58px;
  overflow: hidden;
  text-align: center;
  font-size: 160%;
  text-indent: 34px;
  }
  strong {font-weight: bold}
  a:hover {text-decoration: none}
  a {color: rgb(0,0,0)}

  #main {
  width: 1002px;
  margin: 152px auto 0 auto;
  position: relative;
  min-height: 800px;
  background: url(../img/design/romantik/content-menu-background-line.png) repeat-y;
  }
  #main-insider {
  width: 1000px; 
  margin: 0 auto;
  position: relative;
  min-height: 800px;
  overflow: hidden;
  }
  #startup-info {
  position: absolute;
  margin-top: -150px;
  } 
    #startup-info h1 {
    text-indent: -2000px;
    font-size: 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    }
    #startup-info p {
    font-size: 1px;
    text-indent: -2000px;
    overflow: hidden;
    }


/* product box */  
  .box {
  width: 200px;
  float: left;
  overflow: hidden;
  }
  .img:hover {
  border: 3px solid rgb(237,220,210);
  }
  
  .box h3 {
  margin: 10px 10px 5px 10px;
  font-size: 125%;
  font-weight: bold;
  }
    .box form {
    font-size: 90%;
    margin: 0 10px 10px 10px;
    }
    .box p {
    margin: 5px 10px;
    color: rgb(0,0,0);
    }
      .box .tobasket {
      padding: 1px;
      font-size: 90%;
      cursor: pointer;
      }
      .box .count {
      width: 20px;
      font-size: 90%;
      padding: 3px 1px 2px 1px;
      text-align: right; 
      }
    .img {
    margin: 7px;
    border: 3px solid rgb(255,255,255);
    position: relative;
    }
    .img a {
    display: block;
    background: rgb(255,255,255) url('./img/sorry.png') no-repeat center center;
    width: 180px;
    height: 180px;
    text-align: center;
    }
    .img a.imgExists{

    }
    .img .product_new {
    position: absolute;
    width: 70px;
    height: 18px;                
    left: 0;
    top: 5px;
    }
    .img .product_action {
    position: absolute;
    width: 80px;
    height: 18px;
    left: 0;
    top: 5px;         
    }
  table.prod_table  {
  border-collapse: collapse;
  table-layout: fixed;
  width: 180px;
  margin-bottom: 20px;
  background: rgb(255,255,255);
  }
    table.prod_table tr {
    padding-top: 2px;
    padding-bottom: 2px;
    width: 178px;
    }
    tr.even {background: rgb(245,248,218) !important}
    td.prod_price,td.prod_dimension {
    font-size:100%;
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(25,25,25);
    }
    .product_form td.prod_ID{
    display: none;
    }
    td.prod_dimension { 
    width: 114px;
    font-size: 90%;
    }
    td.prod_price {
    text-align: right;
    width: 40px;
    font-size: 90%;    
    }
    td.prod_tobasket {
    text-align: left;
    width: 24px;    
    }    
    td.prod_tobasket input {
    width: 24px;
    height: 20px;
    position: relative;
    background: rgb(255,255,255) url(../img/design/romantik/basket-global.png) no-repeat center center !important;
    cursor: pointer;
    }
    #bestseller td.prod_tobasket input {
    background: rgb(255,255,255) url(../img/design/romantik/basket-bestseller.png) no-repeat center center !important;
    }


  /* news */
  #news {
  background: url(../img/design/romantik/background-news.png) repeat;
  width: 800px;
  float: right;
  padding-bottom: 10px;
  }
  /* season */
  #season {
  background: url(../img/design/romantik/background-season.png) repeat;
  width: 800px;
  float: right;
  padding-bottom: 10px;  
  }
    #season .img {
    border: 3px solid rgb(255,255,255);
    }
    #season .img:hover {
    border: 3px solid rgb(237,220,210);
    }    
  /* bestseller */
  #bestseller {
  width: 400px;
  float: left;
  }
    #bestseller h2 {
    background: url(../img/design/romantik/background-bestseller.png) repeat;
    }
    #bestseller .img {
    border: 3px solid rgb(200,210,10);
    }
    #bestseller .img:hover {
    border: 3px solid rgb(237,220,210);
    }    
  
  /* sale */
  #sale {
  width: 400px;
  float: left;
  }
    #sale h2 {
    background: url(../img/design/romantik/sale-background.png) repeat;
    }
    #sale .img {
    border: 3px solid rgb(229,167,146);
    }
    #sale .img:hover {
    border: 3px solid rgb(237,220,210);
    }    
    .product_oldprice {
    position: absolute;
    width: 70px;
    height: 26px;
    left: 113px;
    top: 157px;
    background: url(../img/design/romantik/oldprice.png) no-repeat;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    text-align: right;
    color: rgb(124,23,69);
    }
    
    
    
/* general */      
  .cleaner {
  clear: both;
  height: 0;
  width: 0;
  font-size: 1px;
  margin: 0;
  line-height: 0;
  }
  
/* cotainer - right content */

  #content {
  width: 800px;
  float: right;
  }
    #content h2 {
    font-size: 150%;
    line-height: 36px;
    text-indent: 10px;
    font-weight: bold;
    color: rgb(124,23,96);
    }
    #content h2 a {
    color: rgb(0,0,0);
    }
    
/* container - left navigation */
  #navigation {
  width: 200px;
  float: left;
  }
  #navigation .hidden{
  display: none;
  }
  
/* header - in code situated down at the end */
 
  #header {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 150px;
  }
  
    #header a {
    display: block;
    width: 769px;
    height: 150px;
    text-indent: -2000px;
    float: left;
    }
    #header #menu_admin{
    position: absolute;
    left: 300px;
    top: 110px;
    width: auto;
    }
    #header #menu_admin a{
    display: inline;
    width: auto;
    height: auto;
    text-indent: auto;
    float: none;
    }
    #header table {
    width: 207px;
    height: 26px;
    border: 0;
    }    
    #header #form-header {
    float: left;
    margin-top: 71px;
    padding: 0;
    }
    
    #header #form-search {
    padding: 2px;
    font-size: 14px;
    width: 152px;
    }
    #header #form-submit {
    height: 26px;
    line-height: 26px;
    background: rgb(160,13,89);
    color: rgb(255,255,255);
    width: 55px;
    cursor: pointer;
    }
    #header #form-submit:hover {
    color: rgb(160,13,89);
    background: rgb(255,255,255);
    }    
    
/* footers - all the footer's blocks*/

  #footer {
  background: url(../img/design/romantik/footer-background.png) repeat;
  }
    #footer-kontakt {
    padding: 20px 20px 20px 200px;
    }
      #footer-kontakt h3 {
      font-size: 14px;
      padding: 8px 0;
      }
      #footer-kontakt table td {
      width: 300px;
      vertical-align: bottom;
      }
    #footer #footer-menu {
    padding: 20px 10px;
    text-align: center;
    background: rgb(0,204,0) url(../img/design/romantik/footer-menu-background.png) no-repeat left top;
    }
    #footer #footer-info {
    padding: 20px;
    text-align: center;
    }
    #footer #mediapolis {
    padding: 20px 10px;
    text-align: right;
    }
    #mediapolis a {
    color: rgb(255,255,255);    
    }
    #mediapolis a:hover {
    color: rgb(99,99,99);    
    }

/* superlinks - in the middle of homepage */

  #superlinks {
  padding: 20px 0px !important;
  background-color: #fff;
  }
    #superlinks h3 {
    display: block;
    width: 400px;
    float: left;
    }
    .righted {
    clear: right;
    }
    #superlinks h3 a {
    display: block;
    width: 400px;
    line-height: 30px;
    font-size: 22px;
    font-variant: small-caps;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: rgb(0,0,0);
    }
    #superlinks h3 a:hover {
    color: rgb(124,23,69);
    }
    #superlinks a span {
    font-size: 0px;
    visibility: hidden;
    }
    #superlinks a:hover span {
    font-size: 22px;
    visibility: visible;
    }

/* menu left*/

  #menu {
  background-color: rgb(246,248,218);
  }
    #menu, #menu ul, #menu li, #menu li a {
    display: block;
    }
    #menu li {
    width: 200px;
    }
    #menu li a {
    padding: 4px 0;
    text-decoration: none;
    width: 200px;
    color: rgb(0,0,0);
    }
    #menu a span.spanblock {
    display: block;
    padding: 0 9px;
    }
    #menu a span.dart {
    font-size: 0px;
    visibility: hidden;
    }
    #menu a:hover span.dart, #menu a.menu-active span.dart {
    font-size: 12px;
    visibility: visible;
    }
    #menu li a:hover, #menu li a.menu-active {
    background-color: rgb(221,227,103);
    color: rgb(124,23,69) ! important;
    }

/* supermenu */

  #supermenu {
  background-color: rgb(221,227,103);
  padding: 7px 0px;
  }
    #supermenu, #supermenu ul, #supermenu li, #supermenu li a {
    display: block;
    }
    #supermenu li {
    width: 200px;
    }
    #supermenu li a {
    text-decoration: none;
    font-size: 18px;
    width: 200px;
    text-indent: 12px;
    line-height: 26px;
    color: rgb(0,0,0);
    }
    #supermenu a span {
    font-size: 0px;
    visibility: hidden;
    }
    #supermenu a:hover span, #supermenu a.supermenu-active span {
    font-size: 18px;
    visibility: visible;
    }
    #supermenu li a:hover, #supermenu li .supermenu-active {
    color: rgb(124,23,69);
    font-size: 20px;
    }

/* category - list of products */

  #category {
  width: 800px;
  float: right;
  overflow: hidden;
  }
    #category h2 {
    background-image: url(../img/design/romantik/news-background.png);
    }
    #category .img {
    border: 3px solid rgb(255,237,227);
    }
    #category .img:hover {
    border: 3px solid rgb(237,220,210);
    }
    #category #texts{
    margin-top: 10px;
    margin-bottom: 10px;
    }
    
/* texts */
  #texts {
  margin: 30px 300px 25px 20px;
  }
    #texts h1 {
    font-size: 150%;
    width: 560px !important;
    margin-top: -10px;
    margin-left: -20px;
    line-height: 30px;
    text-indent: 20px;
    font-weight: bold;
    color: rgb(124,23,96);
    text-align: left;
    background: url(../img/background-sale.png);
    }
    #texts h2 {
    margin: 15px 0 7px 0;
    padding: 0;
    text-indent: 0;
    font-size: 130%;
    }
    #texts h3 {
    margin: 15px 0 7px 0;
    padding: 0;
    text-indent: 0;
    font-size: 110%;
    font-weight: bold;
    }    
    #texts p, #texts ul, #texts ol, li {   
    padding: 0 0 0 0;
    margin: 0;
    line-height: 24px;
    }
    #texts a {
    color: rgb(124,23,69);
    }
    #texts p {
    margin: 5px 0 15px 0;
    }
    #texts ol {
    list-style: decimal inside url() !important;
    list-style: decimal inside url();
    margin-bottom: 24px;
    }
    #texts ol li {
    margin-bottom: 12px;
    list-style-type: decimal !important;
    }
    #texts table {
    margin: 10px 0px 30px 0px;
    padding-bottom: 5px;
    border-left: 1px solid rgb(221,227,103);
    border-top: 1px solid rgb(221,227,103);
    }
    #texts table td {
    padding: 5px 10px;
    border-right: 1px solid rgb(221,227,103);
    border-bottom: 1px solid rgb(221,227,103); 
    }
    #texts table th {
    padding: 10px;
    border-right: 1px solid rgb(221,227,103);
    border-bottom: 1px solid rgb(221,227,103);
    font-weight: bold;
    color: rgb(124,23,69);
    }
    
    /* contact form */
    #texts #contact {
    margin: 10px 0px 30px 0px;
    border: 1px solid rgb(221,227,103);
    }
    #texts #contact td {
    padding: 5px 10px;
    border: 0;
    }
    #texts #contact th {
    padding: 10px;
    border: 0;
    font-weight: bold;
    color: rgb(124,23,69);
    }
    #texts .kontakt_data,#texts textarea {
    border: 1px solid rgb(221,227,103);
    width: 200px;
    padding: 1px 2px;
    }
    #texts #kontakt_odeslat {
    background: rgb(51,102,0) url(../img/design/romantik/product-background.png);
    cursor: pointer;
    padding: 14px 28px;
    margin: 15px 20px 20px 0px;
    }
    #texts #kontakt_vymazat {
    background: rgb(204,0,0) url(../img/design/romantik/background-season.png);
    cursor: pointer;
    padding: 14px 28px;
    margin: 15px 20px 20px 0px;
    }


/* basket */

  #action_basket_basket {
  background-color: rgb(124,23,69);
  padding: 10px;
  color: rgb(255,255,255);
  }
  #action_basket_basket table {
  width: 180px;
  }
    #action_basket_basket table tr {
    padding: 0 1px;
    }  
    #action_basket_basket table th {
    font-size: 140%;
    font-weight: bold;
    padding: 0 0 5px 0;
    }
    #action_basket_basket table .bask_name {
    width: 143px;
    }
    .bask_count input {
    text-align: right;
    padding: 1px;
    margin: 1px;
    }
    input#bask_toorder {
    width: 178px;
    border: 1px solid rgb(155,0,0);
    color: rgb(255,255,255);
    background-color: rgb(124,23,69);
    margin-top: 5px;
    cursor: pointer;
    }
    input#bask_toorder:hover {
    color: rgb(124,23,69);
    background-color: rgb(255,255,255);  
    }
    #action_basket_basket table td a {
    color: rgb(255,255,255);
    font-weight: bold;
    }
    #action_basket_basket .prod_price{
    	display: none;
    }
   
/* filters */
  
  table#filters-top {
  position: absolute;
  top: 36px;
  height: 110px;
  padding-bottom: 10px;
  }
  table#filters, table#filters-top {
  width: 800px;
  background: rgb(245,245,220) url(../img/design/romantik/background-filtr.png) repeat-y;  
  }
  #filter-space {
  position: relative;
  height: 120px !important;
  }
  #filters tr,#filters-top tr {
  height: 20px;
  line-height: 20px;  
  }
  #filters th,#filters-top th {
  text-align: left;
  padding-right: 15px;
  padding-left: 10px;
  width: 140px;
  }
  
/* product - detail */

  #product {
  width: 800px;
  float: right;
  padding-top: 36px;
  overflow: hidden;
  }
    #product h2 {
    position: absolute;
    top: 0px;
    width: 800px;
    height: 36px;
    line-height: 36px;    
    }
    #product h2 a {
    height: 36px;
    line-height: 36px;
    text-indent: 10px;
    font-weight: bold;
    font-size: 100%;
    color: rgb(124,23,96);  
    }
    /* background exception for #main-insider */
    .product_back {
    background: url(../img/design/romantik/product-background.png) repeat-y 200px 0;    
    }
  /* product infoblock on right side */
  #product-info {
  width: 200px;
  float: right;
  overflow: hidden;
  visibility: visible;
  }
    #product-info p {
    margin: 0;
    padding: 0 10px 0 0;
    }
    #product-info h1 {
    position: relative;
    width: auto;
    height: auto;
    margin: 0 10px 25px 10px;
    padding: 0;
    text-indent:0;
    text-align: right;
    }
    #product-info p#prod_description {
    padding-bottom: 20px;
    }
    #prod_send {
    padding-top: 30px;
    }
    .prod_sendmail .prod_input {
    padding: 3px 2px 2px 2px;
    border: 0px;    
    }
    .prod_sendmail .prod_send {
    background: rgb(124,23,69);
    border: 0px;
    color: rgb(255,255,255);
    height: 22px;
    }
    .prod_sendmail .prod_send:hover {
    background: rgb(255,255,255);
    color: rgb(124,23,69);
    }
    p#prod_buss {
    padding-top: 0px;
    margin-top: 100px; 
    }      
  /* product detail image */
  #product-img {
  width: 600px;
  float: right;
  padding-top: 36px;
  }
    #product-img img {
    margin:  0 10px 25px 10px;
    position: relative;
    }
  /* linkings between products for fast viewing on product page */
  #links {
  position: absolute;
  width: 600px;
  top: 36px;
  height: 36px;
  line-height: 36px;
  }
    #links a {
    display: block;
    width: 300px;
    float: left;
    }
    #links a:hover {
    color: rgb(124,23,69);
    }
    #links a span{
    display: block;
    margin: 0 0 0 10px;
    padding-left: 25px;
    line-height: 36px;
    background-color: rgb(255,255,255);
    }
    a.righted span {
    text-align: right;
    margin: 0 10px 0 0 !important;
    padding: 0 25px 0 0;
    }

/* order */

  .table_order {
  margin: 10px 10px 30px 10px;
  padding-bottom: 5px;
  background: url(../img/design/romantik/background-news.png) repeat;  
  }
  .table_order td {
  padding: 5px 10px;
  background: url(../img/design/romantik/order-line-back.png) bottom repeat-x;
  }
  .table_order th {
  padding: 10px;
  border-right: 2px solid rgb(255,255,255);
  border-bottom: 2px solid rgb(255,255,255);
  font-weight: bold;
  color: rgb(124,23,69);
  }
  .right {
  text-align: right;
  }
  .w270 {
  width: 270px;
  }
  .w60h input {
  border: 1px solid rgb(124,23,69);
  padding: 1px;
  text-align: right;
  }
  .table_order textarea {
  border: 1px solid rgb(124,23,69);
  padding: 1px;
  text-align: left;  
  }  
  .order_save {
  border: 1px solid rgb(124,23,69);
  color: rgb(255,255,255); 
  font-weight: bold;
  background-color: rgb(124,23,69);
  }
  .order_save:hover {
  color: rgb(124,23,69); 
  font-weight: bold;
  background-color: rgb(255,255,255);  
  }
  .order_delete {
  color: rgb(124,23,69); 
  font-weight: bold;
  background-color: rgb(255,255,255);  
  cursor: pointer;
  }
  .order_button {
  padding: 14px 28px;
  margin-right: 20px;
  margin: 15px 20px 20px 0px;
  }
  .order_disabled {
  color: rgb(0,0,0);
  padding: 2px;
  text-align: right;
  background-color: rgb(237,220,210);
  }
  .order_button:hover {
  color: rgb(255,255,255)
  }
  .order_inputs {
  border: 1px solid rgb(124,23,69);
  padding: 1px 2px;  
  }
  #order_submit {
  background: rgb(51,102,0) url(../img/design/romantik/product-background.png);
  cursor: pointer;
  }
  #order_reset {
  background: rgb(204,0,0) url(../img/design/romantik/background-season.png);
  cursor: pointer;
  }  
  #order_print {
  background: rgb(255,102,153) url(../img/design/romantik/background-news.png);
  cursor: pointer;
  }
  
  
  .table_order img {
  border: 3px solid rgb(237,220,210);
  max-width: 100px;
  max-height: 100px;
  }
  a.backtoshop {
  display: block;
  margin: 10px;
  padding: 10px;
  font-size: 100%;
  font-weight: bold; 
  background-color: rgb(221,227,103);
  color: rgb(0,0,0);
  }
  
  a.backtoshop:hover {
  color: rgb(124,23,69);
  }
  
  optgroup{
  	margin-bottom: 10px;
  }
  optgroup option{
  padding-left: 20px;
  }

  .error{
  padding-left: 5px;
  color: #f00;
  }
  
  input.prod_send{
  cursor: pointer;
  }

    
/* ajax */  
  
  #jqDialog_box {
	background: #9C1910;
	position: absolute;
	width: 300px;
	height: 100px;
	font-family: Arial;
}
#jqDialog_content {
	margin: 40px 10px 10px 10px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	text-align: center;
}
#jqDialog_options {
	margin: 10px;
	text-align: center;
}
#jqDialog_options button {
	font-family: Arial;
	margin-right: 5px;
	background: #666;
	border: 0px;
	color: #fff;
	width: auto;
}
#jqDialog_input {
	padding: 4px;
	width: 250px;
}
#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;
}

.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/design/romantik/ajax_loader.gif) center center no-repeat;
}