/* 
    Document   : main
    Created on : 2009-06-24, 22:31:08
    Author     : zajac
    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;
}

body{
  background-color:#000;
  font-family:Arial;
  font-weight:bold;
  font-size:9pt;
}
.main{
  width:872px;
  height:680px;
  margin:20px auto;
  background-image:url(../images/background.jpg);
  padding-bottom:20px;
  background-repeat:no-repeat;
}

.left_column{
  float:left;
}

.left_column .kudos_fencing{
  padding-top:37px;
}

.left_column .navigation_top{
  margin-top:50px;
 width:166px;
 height:14px;
 line-height:14px;
 background-image:url(../images/navigation_top.png)!important;
 background-image:url(../images/navigation_top.gif);
 background-repeat:no-repeat;
}
.left_column .navigation_bottom{
 width:166px;
 height:14px;
 background-image:url(../images/navigation_bottom.png)!important;
 background-image:url(../images/navigation_bottom.gif);
 
 background-repeat:no-repeat;
}

.left_column .navigation{
 width:166px;
 background-image:url(../images/navigation_center.png)!important;
 background-image:url(../images/navigation_center.gif);
 background-repeat:repeat-y;
 color:#ff0000;
 font-size:11pt;
 line-height:12pt;
}

.left_column .navigation a{
 text-decoration:none;
 color:#E8E8E8;
}

.left_column .navigation a:hover{
 color:#ff0000;
}
.left_column .navigation ul{
  padding-left:30px;
  list-style-image:url(../images/nav_ok.png) !important;
  list-style-image:url(../images/nav_ok.gif) ;
}

.left_column .navigation ul li{
 line-height:14pt;
}

 li.break_top{
  margin-top:20px;
}

li#red_id a{
  color:#ff0000;
}
 li.break_bottom{
  margin-bottom:20px;
}

.right_column{
  float:right;
  min-height:506px;
  _height:506px;

}

.right_column .content_top{
  margin-top:260px;
 width:189px;
 height:10px;
 background-image:url(../images/content_top.png)!important;
 background-image:url(../images/content_top.gif);
 line-height:10px;
 background-repeat:no-repeat;
}
.right_column .content_bottom{
 width:189px;
 height:10px;
 background-image:url(../images/content_bottom.png)!important;
 background-image:url(../images/content_bottom.gif);

 background-repeat:no-repeat;
}

.right_column .content{
 padding:0px 5px 5px 20px;
 width:164px;
 background-image:url(../images/content_center.png)!important;
 background-image:url(../images/content_center.gif);
 background-repeat:repeat-y;
 color:#333333;
 font-size:9pt;
}


.border_shadow{
  overflow:hidden;
  background-image:url(../images/right_shadow.png) !important;
  background-image:url(../images/right_shadow.gif);
  background-position:right;
  background-repeat:repeat-y;
  padding-right:5px;
  clear:both;
}




.top_shadow{
  background-image:url(../images/top_shadow.png) !important;
  background-image:url(../images/top_shadow.gif);
  background-repeat:repeat-x;
  height:5px;
  float:left;
  width:394px;

}

.left_paypal .top_shadow{
  width:545px;
}

.top_right_shadow{
  width:5px;
  height:5px;
  background-image:url(../images/top_right_shadow.png) !important;
  background-image:url(../images/top_right_shadow.gif);
  background-repeat:no-repeat;
  float:left;
}

.top_left_shadow{
  width:5px;
  height:5px;
  background-image:url(../images/top_left_shadow.png) !important;
  background-image:url(../images/top_left_shadow.gif);
  background-repeat:no-repeat;
  float:left;
}

.left_paypal .bottom_shadow{
  width:605px;
}



.bottom_shadow{
  background-image:url(../images/bottom_shadow.png) !important;
  background-image:url(../images/bottom_shadow.gif);
  background-position:left;
  background-repeat:repeat-x;
  height:5px;
  float:left;
  width:394px;

}


.bottom_right_shadow{
  width:5px;
  height:5px;
  background-image:url(../images/bottom_right_shadow.png) !important;
  background-image:url(../images/bottom_right_shadow.gif);
  background-repeat:no-repeat;
  float:left;
}

.bottom_left_shadow{
  width:5px;
  height:5px;
  background-image:url(../images/bottom_left_shadow.png) !important;
  background-image:url(../images/bottom_left_shadow.gif);
  background-repeat:no-repeat;
  float:left;
}







#gallery{
  width:375px;
  height:446px;
  /*_height:446px;*/
  padding:10px;
  background-color:#fff;
  
}



.big_column{
  overflow:hidden;
  margin-bottom:10px;
}

.background_scrollable{
  width:550px;
  padding:4px 60px 4px 50px;
  background-image:url(../images/scroll_background.png) !important;
  background-image:url(../images/scroll_background.gif);
  float:right;
  font-size:8pt;
  color:#fff;
}


.overflow{
  overflow:hidden;
}

.picture{
  width:395px;
  background-image:url(../images/background_content.png) !important;
  background-image:url(../images/background_content.gif);
  background-repeat:repeat-y;
  background-position:left top;
  padding-left:5px;
  position:relative;
}

.webpage_content{
  width:350px;
  min-height:300px;
  _height:300px;
  max-height:580px;
  background-image:url(../images/background_content.png) !important;
  background-image:url(../images/background_content.gif);
  background-repeat:repeat-y;
  background-position:left top;
  padding:12px 22px 22px 27px;
  /*margin-left:-5px;*/
  font-weight:normal;
  font-size:9pt;
  color:#333333;
  position:relative;
}


.left{
  float:left;
  position:relative;
  margin-top:10px;
}

.content_left_webpage{
  position:absolute;
  left:-5px;
  width:404px;
}

.content_left_picture{
  position:absolute;
  left:-5px;
  width:404px;
}

.webpage_content a{
  color:#0808c2;
  text-decoration:underline;
}

.webpage_content a:hover{
  text-decoration:none;
}
.webpage_content p{
  padding:3px 0;
}


.paypal_content{
  width:584px;
  min-height:300px;
  _height:300px;
  padding:10px 10px 10px 15px;
  background-image:url(../images/background_content.png) !important;
  background-image:url(../images/background_content.gif);
  background-repeat:repeat-y;
  background-position:left top;
  position:relative;
}

.left_paypal{
  float:left;
  position:relative;
  margin-top:10px;
}

.content_left_paypal{
  position:absolute;
  left:-5px;
  width:615px;
}



.paypal_content select{
  padding:0 0 0 2px;
}

.paypal_content option{
  padding-right:15px;
}

.paypal_content td{
  padding:0 5px 0px 0px;
  /*vertical-align:bottom;*/
}

.paypal_content td.normal{
  padding:0 5px;
}

.paypal_content td.normal img{
 border:1px solid #b2b2b2
}

.paypal_content tr.dropdown td{
  padding-bottom:10px;
}

.paypal_content tr.product_text td{
color:#636363;
font-weight:normal;
font-size:8pt;
}

.small_grey_text{
  font-size:8pt;
  color:#A0A0A0;
}

.paypal_navigation{
  font-size:12px;
  color:#ff0000;
  padding:5px 0;
  text-align:center;

}

.paypal_navigation a{
  text-decoration:none;
  color:#000;
}

.paypal_navigation a:hover{
  color:#ff0000;;
}

table.webform textarea{
  height:100px;
  width:200px;
}

table.webform input{
  width:200px;
}

table.webform input.submit{
  width:auto;
}

table.webform td{
  padding:5px;
}

table.webform td.right{
  text-align:right;
  font-weight:bold;
}

.title{
  font-size:15pt;
  font-weight:bold;
  padding:10px 0 8px 0;
  color:#544f28;
}

.pika_caption .product_title{
  font-size:14pt;
  color:#544f28;
  padding-bottom:2px;
}

.pika_caption .product_description{
  padding-left:3px;
}

.pika_caption .product_description a{
 text-decoration:underline;
 color:#ff0000;
}

.pika_caption .product_description a:hover{
 text-decoration:none;
}

.category_title{
  font-size:14pt;
  color:#544f28;
  padding-bottom:3px;
}

.footer{
  padding:10px;
  color:#fff;
  text-align:right;
  width:852px;
  margin:-100px auto 0 auto;
  font-weight:normal;
  line-height:17px;
  clear:both;
}

.footer a{
  color:#fff;
  text-decoration:none;
}

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

.footer span.normal{
  font-weight:normal;
  color:#c9d7a8;
  font-size:8pt;
}

.footer span.normal a{
   color:#c9d7a8;
}

.footer span.bold{
  font-weight:bold;
  color:#fff;
}


.product_name{
  font-size:12pt;
  color:#636363;
  font-weight:bold;
}
.product_unit{
  font-weight:normal;
  font-size:8pt;
}

.product_suma{
  font-weight:normal;
  font-size:8pt;
}

td.text_on_bottom{
  vertical-align:bottom;
}