/* 
    Document   : main
    Created on : 2009-07-12, 13:24:17
    Author     : zajac rtechnologies.pl
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
   
}


*{
  margin:0;
  padding:0;
  font-family:"Trebuchet MS",sans-serif ,Arial,Verdana, helvetica;
}

img{
  border:none;
}


p{
  padding:0.5em 0;
}

ol{
  padding-left:30px;
}

ul{
  padding-left:30px;
}


h1{
  padding:0.5em 0;
}

h2{
  padding:0.5em 0;
}

h3{
  padding:0.5em 0;
}

h4{
  padding:0.5em 0;
}
html{
  height:100%;
}
body{
color:#333333;
line-height:1.4em;
height:100%;
background-color: #811B11;
}


.main{
  min-height:100%;
  width:850px;
  margin:auto;
  background-image: url(/images/boozoo-bg.png);
  background-repeat: repeat-y;
  background-position: top center;
overflow:hidden;
}


.right{
  width:646px;
  background-image: url(/images/boozoo-banner.png);
  background-repeat: no-repeat;
  background-position: top center;
  float:right;
    padding-top:170px;
    padding-left:8px;
}

.left{
  width:190px;
  float:left;
}

.maths{
  margin-left:5px;
  margin-top:2px;
  margin-bottom:20px;
}

.logo{
  margin-left:45px;
  margin-top:20px;
}

.content{
  padding: 0 10px 10px 20px;
  font-size:13px;
}

.content a{
  color:#333333;

}

.content a:hover{
 text-decoration: none;
}

#dynamic_navigation{
  list-style: none;
  padding-left:15px;
}

#dynamic_navigation > li{
  
  width:171px;
}

#dynamic_navigation > li > a{
  text-decoration: none;
  height:33px;
  line-height: 33px;
  background-position: bottom center;
  display: block;
}
#dynamic_navigation > li > a:hover{
  height:33px;
  line-height: 33px;
  background-position: top center;
  display: block;
}

#dynamic_navigation > li.current > a{
  text-decoration: none;
  height:33px;
  line-height: 33px;
  background-position: top center;
  display: block;
}
#dynamic_navigation > li.current > a:hover{
  height:33px;
  line-height: 33px;
  background-position: top center;
  display: block;
}

#dynamic_navigation > li ul{
  list-style: none;
  padding-left:20px;
}
#dynamic_navigation > li  li a{
  text-decoration: none;
  height:33px;
  line-height: 33px;
  background-position: bottom center;
  display: block;
}
#dynamic_navigation > li li a:hover{
  height:33px;
  line-height: 33px;
  background-position: top center;
  display: block;
}

#dynamic_navigation > li  li.current  a{
  text-decoration: none;
  height:33px;
  line-height: 33px;
  background-position: top center;
  display: block;
}
#dynamic_navigation > li  li.current  a:hover{
  height:33px;
  line-height: 33px;
  background-position: top center;
  display: block;
}


.left-image {
    position:relative;
    height:425px;
    overflow: hidde;
}

.left-image IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

.left-image IMG.active {
    z-index:10;
    opacity:1.0;
}

.left-image IMG.last-active {
    z-index:9;
}

.image_show{
  overflow: hidden;
  float:right;
  width:350px;
  margin-left:5px;
}

.footer{
  text-align: center;
  clear: both;
  font-size:10px;
}

.footer a{
  color:#333333;
  
}

.footer a:hover{
 text-decoration: none;
}



.order_left{
  width:300px;
  float:left;
  padding-left:16px;
  padding-right:10px;
  text-align: right;
}
.order_right{
  width:300px;
  float:left;
  text-align: right;
}

.order_right textarea{
 width:200px;
 float:right;
 height:100px;
 border:1px solid #ACACAC;
}

.order{
  font-size:12px;
}

.order label{
  padding-right:3px;
}

.order input[type=text]{
  width:200px;
  border:1px solid #ACACAC;
}

.submit{
  width:auto;
  clear: both;
}

.order_product{
  padding:0 15px 0 30px;
}

.order_product .price{
  min-width:50px;
  float:left;
}

.order_product .amount_product{
min-width:50px;
float:left;
}
.order_product .total_amount_product{
min-width:50px;
float:left;
}

.order_product span.total_amount_product{
 float:none; 
}




.product_price{
  float:right;
}

.product_title{
  float:left;
  font-size:15px;
  font-weight: bold;
}

.short_description{
  clear: both;
}

.display_none{
  display: none;
}


.pole{
  font-size:12px;
}

.pole label{
  padding-right:3px;
}

.pole input[type=text]{
  width:200px;
  border:1px solid #ACACAC;
}

.pole #send-webform{
  width:auto;
  clear: both;
}


.pole textarea{
 width:200px;
 height:100px;
 border:1px solid #ACACAC;
}

.footer_navigation{
  text-align: center;
}